@font-face {
  font-family: Sofia Pro;
  src: url('../fonts/SofiaProMedium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sofia Pro;
  src: url('../fonts/SofiaProRegular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sofia Pro;
  src: url('../fonts/SofiaProSemiBold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sofia Pro;
  src: url('../fonts/SofiaProBold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sofia Pro;
  src: url('../fonts/SofiaProLight.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --brand--color--background: #fdfcf3;
  --_text---font-family--primary: "Sofia Pro", Arial, sans-serif;
  --brand--color--text-primary: #4d1c1a;
  --_text---font-family--heading: "Sofia Pro", Arial, sans-serif;
  --text-color--text-primary\<deleted\|relume-variable-text-color-1\>: var(--brand--25\<deleted\|relume-variable-color-neutral-1\>);
  --_sizes---header--header-height: 7.75rem;
  --_sizes---header--header-height-mobile: 6.5rem;
  --brand--color--secondary: var(--_theme---coffee--700);
  --radius--button: var(--radius-size--buttons);
  --brand--color--cta-primary: var(--brand--color--primary);
  --brand--color--primary: var(--_theme---coffee--500);
  --brand--color--text-inverse: white;
  --system-colors--white: white;
  --font-size--paragraph-m: .875rem;
  --neutral--300: #d0d5dd;
  --brand--25\<deleted\|relume-variable-color-neutral-1\>: #f8f8f8;
  --neutral--25: #fcfcfd;
  --background-color--background-error\<deleted\|relume-variable-background-color-8\>: var(--base-color-system--error-red-light\<deleted\|relume-variable-system-color-6\>);
  --text-color--text-error\<deleted\|relume-variable-text-color-5\>: var(--system-color--error\<deleted\|relume-variable-system-color-5\>);
  --spacing--3: 3rem;
  --spacing--2: 2rem;
  --spacing--0-5: .5rem;
  --spacing--none: 0px;
  --spacing--1: 1rem;
  --brand--color--accent: #f9f1e9;
  --spacing--1-5: 1.5rem;
  --brand--color--primary-light: var(--_theme---coffee--50);
  --spacing--4: 4rem;
  --background-diet: #eaecf5;
  --brand--color--secondary-light: #636363;
  --brand--color--tertiary: #a3452c;
  --brand--color--tertiary-light: #969696;
  --brand--color--complementary-1: var(--brand--color--surface);
  --brand--color--complementary-2: var(--brand--color--surface);
  --radius--image: 1rem;
  --brand--color--surface: #f9f1e9;
  --brand--color--primary-lighter: var(--_theme---coffee--50);
  --radius-size--buttons: 12px;
  --brand--color--text-muted: #718096;
  --site--gutter: 4rem;
  --site--gutter-mobile: 2rem;
  --radius-size--sm: 4px;
  --base--white\<deleted\|relume-variable-color-primary-2\>: white;
  --brand--color--border: var(--_theme---coffee--200);
  --brand--color--rating-star: var(--brand--color--primary);
  --brand--color--text-secondary: #4a5568;
  --brand--color--primary-foreground: white;
  --radius-size--lg: 1rem;
  --_text---size--6: 1.5rem;
  --_text---size--8: 2.5rem;
  --green-diet: #16b364;
  --cta-diet: #ff4405;
  --_theme---coffee--50: #f9f1e9;
  --_theme---coffee--100: #f7e7dd;
  --_theme---coffee--200: #eeccba;
  --_theme---coffee--300: #e2a98f;
  --_theme---coffee--400: #d67f61;
  --_text---size: 0px;
  --_text---size--4: 1.125rem;
  --_text---size--5: 1.25rem;
  --_text---size--9: 3rem;
  --_text---size--10: 4rem;
  --_text---scale--min: .8;
  --_text---scale--max: 1.15;
  --_text---scale--viewport: 2;
  --_text---font-family--secondary: Inter;
  --_sizes---container--max-width: 80rem;
  --_sizes---container--padding: 2.5rem;
  --_labels---brand--color--label-status: black;
  --_theme---coffee--500: #ca5839;
  --_text---font-family--new-text: 1rem;
  --_theme---coffee--600: #bf4b37;
  --_theme---coffee--700: #9e3a30;
  --_theme---coffee--800: #7f312d;
  --brand--color--primary-hover: white;
  --brand--color--primary-dark: white;
  --brand--color--accent-foreground: #ca5839;
  --brand--color--foreground: #533a2d;
  --_theme---coffee--900: #672a27;
  --brand--color--secondary-foreground: white;
  --_theme---coffee--950: #371413;
  --brand--color--secondary-lighter: white;
  --_theme---matcha--25: #fcfbf3;
  --brand--color--secondary-hover: white;
  --_theme---matcha--50: #f3f5f0;
  --_theme---matcha--100: #e3eadd;
  --brand--color--secondary-dark: white;
  --_theme---matcha--200: #c9d7bf;
  --brand--color--tertiary-foreground: white;
  --_theme---matcha--300: #a7bd99;
  --brand--color--tertiary-hover: white;
  --brand--color--tertiary-dark: white;
  --_theme---matcha--400: #88a477;
  --brand--color--tertiary-lighter: white;
  --_theme---matcha--500: #6b885a;
  --_theme---matcha--600: #58734a;
  --brand--color--cta-primary-hover: #7b55d3;
  --brand--color--link: var(--brand--color--accent);
  --brand--color--link-hover: var(--brand--color--complementary-1);
  --brand--color--icons: var(--brand--color--primary);
  --brand--color--icons-inverse: white;
  --_labels---brand--color--label-status-background: white;
  --_labels---brand--color--label-status-border: #e2e8f0;
  --_labels---brand--color--label-urgency: #6b46c1;
  --_labels---brand--color--label-urgency-background: #f7f1ff;
  --_labels---brand--color--label-stock-warning: #f44;
  --_labels---brand--color--label-stock-warning-background: #fff2f2;
  --_labels---brand--color--label-savings: white;
  --_labels---brand--color--label-savings-background: #6b46c1;
  --_labels---brand--color--label-best-deal: black;
  --_labels---brand--color--label-best-deal-text: white;
  --_labels---brand--color--label-discount: #15803d;
  --_labels---brand--color--label-discount-background: #dcfce7;
  --_labels---brand--color--label-discount-text: #166534;
  --_labels---brand--color--label-new: #6b46c1;
  --_labels---brand--color--label-new-background: #f7f1ff;
  --_labels---brand--color--label-soldout: #718096;
  --_labels---brand--color--label-soldout-background: #edf2f7;
  --_labels---brand--color--label-preorder: white;
  --_labels---brand--color--label-preorder-background: white;
  --component--color--swiper-buttons-background: var(--brand--color--primary);
  --component--color--swiper-button-text: #fff;
  --component--color--swiper-thumbnail-border: #000;
  --component--color--outline: var(--brand--color--primary);
  --component--color--radio: var(--brand--color--primary);
  --component--color--label-background: #000;
  --component--color--label: white;
  --radius--radius: 0px;
  --radius--selector: var(--radius-size--sm);
  --radius--label: var(--radius-size--sm);
  --borders--current-option: 2px;
  --radius-size--base: 8px;
  --radius-size--md: 8px;
  --radius--cards: var(--radius-size--base);
  --_theme---matcha--700: #405338;
  --_theme---matcha--800: #364430;
  --_theme---matcha--900: #303c2b;
  --_theme---matcha--950: #171f14;
  --_theme---cocoa--25: #fcfbf3;
  --_theme---cocoa--50: #fbfcff;
  --_theme---cocoa--100: #e9eef5;
  --_theme---cocoa--200: #cedbe9;
  --_theme---cocoa--300: #a3bcd6;
  --_theme---cocoa--400: #729abe;
  --_theme---cocoa--500: #507da7;
  --_theme---cocoa--600: #3d648c;
  --_theme---cocoa--700: #335172;
  --_theme---cocoa--800: #2d465f;
  --_theme---cocoa--900: #2a3c50;
  --_theme---cocoa--950: #1c2735;
  --_theme---chicory--50: #fbf5f5;
  --_theme---chicory--100: #f8e9e8;
  --_theme---chicory--200: #f3d7d5;
  --_theme---chicory--300: #e9bcb8;
  --_theme---chicory--400: #db948e;
  --_theme---chicory--500: #cb7068;
  --_theme---chicory--600: #a94e46;
  --_theme---chicory--700: #98443d;
  --_theme---chicory--800: #7e3c36;
  --_theme---chicory--900: #6a3732;
  --_theme---chicory--950: #381a17;
  --_theme---chai--25: #fcfbf3;
  --system-colors--success-text: #074d31;
  --_theme---chai--50: #fcf6e6;
  --_theme---chai--100: #f9edea;
  --_theme---chai--200: #eacec7;
  --_theme---chai--300: #ebbcb6;
  --_theme---chai--400: #df958d;
  --_theme---chai--500: #cf6b64;
  --_theme---chai--600: #b24643;
  --_theme---chai--700: #9a3736;
  --_theme---chai--800: #822f32;
  --_theme---chai--900: #702b2f;
  --_theme---chai--950: #3d1415;
  --system-colors--success: #ecfdf3;
  --_theme---oats--50: white;
  --_theme---creamer--50: white;
  --system-colors--destructive-text: #8f0000;
  --system-colors--destructive: #ffe4e4;
  --_theme---gummies--50: white;
  --_theme---coffee-dark--25: #fcfbf3;
  --_theme---coffee-dark--50: #fbf5f1;
  --_theme---coffee-dark--100: #f5eadf;
  --system-colors--attention: #fff7d9;
  --system-colors--attention-text: #93370d;
  --_theme---coffee-dark--200: #ebd1bd;
  --system-colors--info: #e4f9fd;
  --_theme---coffee-dark--300: #ddb294;
  --_theme---coffee-dark--400: #cf8c68;
  --system-colors--info-text: #00586b;
  --system-colors--glass: #fff9;
  --system-colors--transparent: transparent;
  --system-colors--transparent-white: #fff0;
  --_theme---coffee-dark--500: #c5704a;
  --_theme---coffee-dark--600: #b75c3f;
  --_theme---coffee-dark--700: #984936;
  --_theme---coffee-dark--800: #7b3d31;
  --_theme---coffee-dark--900: #592e26;
  --_theme---coffee-dark--950: #351915;
  --brand--font-display: Interdisplay;
  --brand--font-text: Inter;
  --brand--color-destructive: #ffd0d0;
  --brand--color-destructive-foreground: #ac0000;
  --brand--size-radius: 8px;
  --brand--color-success: #eee;
  --brand--color-success-foreground: #000;
  --container-max-width--width-s: 0px;
  --container-max-width--width-m: 0px;
  --container-max-width--width-l: 70rem;
  --container-max-width--size: 0px;
  --container-max-width--width-xl: 82rem;
  --container-padding--desktop: 2.5rem;
  --container-padding--mobile: 1.25rem;
  --font-size--paragraph: 1rem;
  --font-size--heading-xxl: 4rem;
  --font-size--heading-xl: 3rem;
  --font-size--heading-l: 2rem;
  --font-size--heading-m: 1.5rem;
  --font-size--heading-s: 1rem;
  --font-size--paragraph-s: .75rem;
  --font-size--paragraph-l: 1.125rem;
  --font-size--paragraph-xl: 1.5rem;
  --neutral--50: #f9fafb;
  --neutral--100: #f2f4f7;
  --neutral--200: #eaecf0;
  --neutral--400: #98a2b3;
  --neutral--500: #667085;
  --neutral--600: #475467;
  --neutral--700: #344054;
  --neutral--800: #182230;
  --neutral--900: #101828;
  --neutral--950: #0c111d;
  --pb-component--color-error: #ffe4e4;
  --pb-component--color-error-foreground: #8f0000;
  --pb-component--color-success: #f6fef9;
  --pb-component--color-success-foreground: #053321;
  --pb-component--border-radius: 4px;
  --pb-component--border-size: 1px;
  --spacing--max-width-small: 70rem;
  --spacing--0-25: .25rem;
  --spacing--0-75: .75rem;
  --spacing--5: 5rem;
  --spacing--6: 6rem;
  --spacing--8: 8rem;
  --section--padding: var(--spacing--2);
  --section--padding-tablet: var(--spacing--1-5);
  --section--padding-mobile: var(--spacing--1);
  --spacing-new--unit: 4px;
  --site--width: 67.5rem;
  --site--margin: 0px;
  --base-color-system--error-red-light\<deleted\|relume-variable-system-color-6\>: #fef3f2;
  --system-color--error\<deleted\|relume-variable-system-color-5\>: #f04438;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  background-color: var(--brand--color--background);
  font-family: var(--_text---font-family--primary);
  color: var(--brand--color--text-primary);
  letter-spacing: -.28px;
  overscroll-behavior: none;
  font-size: 1.125rem;
  line-height: 1.5;
}

h1 {
  font-family: var(--_text---font-family--heading);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  font-family: var(--_text---font-family--heading);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  font-family: var(--_text---font-family--heading);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  font-family: var(--_text---font-family--heading);
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

h5 {
  font-family: var(--_text---font-family--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

h6 {
  font-family: var(--_text---font-family--heading);
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

p {
  margin-bottom: 0;
}

a {
  color: #000;
  text-decoration: none;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding-left: .5rem;
}

img {
  object-fit: contain;
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

strong {
  font-weight: 600;
}

blockquote {
  border-left: .1875rem solid var(--text-color--text-primary\<deleted\|relume-variable-text-color-1\>);
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 0;
  margin-bottom: 0;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.u-overflow-hidden {
  overflow: hidden;
}

.pb-base-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.hide {
  display: none;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.max-width-xsmall {
  width: 100%;
  max-width: 25rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 20rem;
}

.page-wrapper {
  overflow: clip;
}

.page-wrapper.is-styleguide {
  padding-top: 4rem;
  display: flex;
}

.page-wrapper.padding-header {
  padding-top: var(--_sizes---header--header-height);
}

.page-wrapper.padding-header.cc-sm {
  padding-top: 5.75rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.u-spacing-clean {
  margin: 0;
  padding: 0;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.max-width-small {
  width: 100%;
  max-width: 30rem;
}

.utility_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility_form-block {
  text-align: center;
  flex-direction: column;
  max-width: 20rem;
  display: flex;
}

.utility_form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility_image {
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-xxsmall {
  padding: .5rem;
}

.u-overflow-scroll {
  overflow: scroll;
}

.u-overflow-auto {
  overflow: auto;
}

.text-md {
  font-size: 1.125rem;
}

.display-xs {
  letter-spacing: -.03em;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.1;
}

.display-sm {
  letter-spacing: -.03em;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

.display-2xl {
  letter-spacing: -.02em;
  text-wrap-style: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.1;
}

.button {
  border: 2px solid var(--brand--color--secondary);
  border-radius: var(--radius--button);
  background-color: var(--brand--color--cta-primary);
  background-image: linear-gradient(268deg, var(--brand--color--secondary) 0.1%, var(--brand--color--primary) 54%);
  pointer-events: auto;
  color: var(--brand--color--text-inverse);
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .12s, border .12s;
  display: flex;
  position: relative;
}

.button.is-small {
  min-height: 3.5rem;
  padding: .5rem 1.25rem;
  font-size: .85rem;
}

.button.is-inactive {
  pointer-events: none;
  color: var(--system-colors--white);
  background-color: #aaa;
  border-color: #aaa;
}

.button.is-small {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.button.is-tiny {
  font-size: var(--font-size--paragraph-m);
  width: auto;
  min-height: 2.5rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.button.is-outline {
  border-style: solid;
  border-color: var(--brand--color--primary);
  color: var(--brand--color--primary);
  background-color: #0000;
  background-image: none;
}

.button.is-outline.is-inactive {
  border-color: var(--neutral--300);
  color: var(--neutral--300);
}

.button.is-outline.is-okendo {
  width: auto;
  min-height: 2.5rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.button.is-submitting {
  pointer-events: none;
}

.button.is-checkout {
  min-height: 3.5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.button.is-checkout.is-empty {
  width: auto;
}

.button.is-upgrade {
  border-width: 1px;
  border-color: var(--brand--color--primary);
  color: var(--brand--color--primary);
  background-color: #ca583900;
  background-image: none;
  border-radius: 0;
  width: auto;
  min-height: 2.75rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.button.is-simple {
  border-color: var(--brand--color--primary);
  background-image: none;
  width: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.button.is-simple.is-full {
  width: 100%;
}

.button.is-simple.is-medium {
  min-width: 280px;
}

.button.cc-white {
  color: var(--brand--color--primary);
  background-color: #fff;
  background-image: none;
  border-color: #fff;
}

.button.cc-inverse {
  color: var(--brand--color--secondary);
  background-color: #fff;
  background-image: none;
  border-color: #fff;
}

.font-normal {
  font-weight: 400;
}

.display-md {
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
}

.display-md.font-medium.span-secondary {
  color: var(--brand--color--secondary);
}

.text-reg {
  font-size: 1rem;
}

.display-lg {
  letter-spacing: -.01em;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}

.form_input {
  border: 1px solid var(--brand--25\<deleted\|relume-variable-color-neutral-1\>);
  background-color: var(--neutral--25);
  color: var(--text-color--text-primary\<deleted\|relume-variable-text-color-1\>);
  border-radius: 0;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form_input:focus {
  border-color: #000;
}

.form_input::placeholder {
  color: #0009;
}

.icon-embed-custom1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.text-rich-text blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-style: italic;
}

.text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text figcaption {
  border-left: 2px solid var(--text-color--text-primary\<deleted\|relume-variable-text-color-1\>);
  text-align: left;
  margin-top: .5rem;
  padding-left: .5rem;
  font-size: .875rem;
}

.text-lg {
  font-size: 1.25rem;
}

.form_message-error {
  background-color: var(--background-color--background-error\<deleted\|relume-variable-background-color-8\>);
  color: var(--text-color--text-error\<deleted\|relume-variable-text-color-5\>);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.form_message-error-wrapper {
  margin-top: 1rem;
  padding: 0;
}

.ryze-styles {
  display: none;
}

.text-3xs {
  font-size: .65rem;
}

.image {
  object-fit: cover;
  object-position: 100% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  display: inline-block;
}

.image.cc-contain {
  object-fit: contain;
}

.image.cc-left {
  object-position: 0% 50%;
}

.image.cc-center {
  object-position: 50% 50%;
}

.custom-css {
  display: none;
  transform: rotate(-90deg);
}

.custom-code {
  display: none;
}

.headline-component {
  grid-row-gap: .5rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 45rem;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.headline-component.cc-left {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
}

.headline-component.cc-left.cc-b-sm, .headline-component.cc-left.cc-mbcenter {
  margin-bottom: 1rem;
}

.headline-component.cc-left.cc-full {
  max-width: none;
}

.headline-component.cc-0 {
  margin-bottom: 0;
}

.display-xl {
  letter-spacing: -.02em;
  text-transform: capitalize;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.1;
}

.display-xl.cc-no-balance {
  text-wrap: auto;
}

.button_spinner {
  width: 100%;
  height: 100%;
  transition: opacity .2s;
  position: absolute;
}

.pb-sg_grid-1-col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pb-sg_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start flex-start;
  place-items: flex-start start;
  display: flex;
  position: relative;
}

.pb-sg_style-label {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 0;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: .685rem;
  font-weight: 500;
  line-height: 1.5rem;
  display: inline-block;
}

.text-sm {
  font-size: 1rem;
}

.text-xs {
  font-size: .815rem;
  line-height: 1.25rem;
}

.pb-sg_grid-4-col {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(12rem, auto));
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.pb-sg_grid-3-col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(12rem, auto));
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.pb-sg_group-list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  display: flex;
}

.pb-sg_section-group {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
}

.pb-sg_class-row {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link {
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.link.is-xsmall {
  font-size: .75rem;
  line-height: 1rem;
}

.link.is-underline {
  text-decoration: underline;
}

.link.is-icon {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  align-items: center;
  display: flex;
}

.image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.sg_empty-box {
  pointer-events: none;
  background-color: #fff;
  border: 1px solid #000;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.sg_empty-box.horizontal-border {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.sg_color-spacer {
  pointer-events: none;
  width: 100%;
  height: 100%;
  padding: 1rem;
}

.sg_color-spacer.top {
  border-bottom: 1px dashed #000;
}

.sg_color-spacer.bottom {
  border-top: 1px dashed #000;
  border-bottom: 1px #000;
}

.sg_color-spacer.right {
  border: 1px dashed #000;
  border-bottom-style: none;
}

.sg_section-background {
  background-color: #fafbff;
  border-radius: .25rem;
  width: 100%;
  overflow: hidden;
}

.container-xsmall {
  width: 100%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

.top {
  display: flex;
}

.section {
  color: var(--brand--color--text-primary);
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
  overflow: clip;
}

.section.cc-top-lg {
  padding-top: 7.5rem;
}

.section.cc-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.section.cc-top-0 {
  padding-top: 0;
}

.section.cc-bottom-0 {
  padding-bottom: 0;
}

.section.cc-sm {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.section.cc-top-sm {
  padding-top: 2.5rem;
}

.section.cc-bottom-sm {
  padding-bottom: 2.5rem;
}

.section.cc-lg {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.section.cc-bottom-lg {
  padding-bottom: 7.5rem;
}

.section.cc-custom.he01 {
  padding-top: var(--spacing--0-5);
}

.section.cc-custom.cc-adv {
  background-color: var(--brand--color--accent);
}

.section.cc-custom.cart {
  background-color: #f5f0ec;
  min-height: calc(100dvh - 7.75rem);
}

.section.cc-custom.cc-hero-home {
  padding-top: var(--spacing--none);
  padding-bottom: var(--spacing--none);
  background-color: var(--brand--color--background);
  align-items: center;
  min-height: calc(100svh - 7.75rem);
  max-height: calc(100svh - 7.75rem);
  display: flex;
}

.section.cc-custom.cc-hero-home.cc-ritual {
  min-height: auto;
  max-height: 777px;
}

.section.cc-custom.cc-hero-home.new-ritual {
  background-color: #ede3de;
  height: 780px;
  min-height: auto;
  max-height: 780px;
}

.section.cc-custom.bg-ritual {
  background-color: #fcfbf3;
}

.section.cc-custom.benefits {
  background-color: #f9f1e9;
}

.section.cc-custom.cc-matcha {
  padding-top: var(--spacing--none);
  padding-bottom: var(--spacing--none);
  background-color: var(--brand--color--background);
  align-items: center;
  min-height: 642px;
  max-height: none;
  display: flex;
}

.section.cc-custom.cc-home {
  padding-top: var(--spacing--none);
  padding-bottom: var(--spacing--none);
  background-color: var(--brand--color--background);
  align-items: center;
  display: flex;
}

.section.cc-custom.benefits-ritual {
  background-color: #f6f1ee;
}

.section.cc-custom.cc-gap {
  padding-top: var(--spacing--1-5);
}

.section.cc-seenon {
  background-image: linear-gradient(270deg, var(--brand--color--secondary), var(--brand--color--primary) 50.5%, var(--brand--color--secondary));
  color: #fff;
  align-items: center;
  height: 8rem;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section.bg-color-background {
  background-color: var(--brand--color--background);
}

.section.cc-icons-feature {
  padding-top: var(--spacing--2);
  padding-bottom: var(--spacing--2);
  background-image: linear-gradient(270deg, var(--brand--color--secondary), var(--brand--color--primary));
  color: #fff;
  align-items: center;
  display: flex;
}

.section.bg-color-primary-light {
  background-color: var(--brand--color--primary-light);
}

.section.cc-hero-v3 {
  padding-top: var(--spacing--4);
  padding-bottom: var(--spacing--4);
}

.section.bg-diet {
  background-color: var(--background-diet);
}

.bg-color-primary {
  background-color: var(--brand--color--primary);
}

.bg-color-secondary {
  background-color: var(--brand--color--secondary);
}

.bg-color-secondary--light {
  background-color: var(--brand--color--secondary-light);
}

.bg-color-tertiary {
  background-color: var(--brand--color--tertiary);
}

.bg-color-tertiary--light {
  background-color: var(--brand--color--tertiary-light);
}

.bg-color-accent {
  background-color: var(--brand--color--accent);
}

.bg-color-complimentary1 {
  background-color: var(--brand--color--complementary-1);
}

.bg-color-complimentary2 {
  background-color: var(--brand--color--complementary-2);
}

.bar-wrap {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  position: relative;
}

.u-hide {
  display: none;
}

.title-wrapper {
  margin-bottom: 1rem;
}

.css-selector {
  color: #fff;
  background-color: #3e6cff;
  border-radius: 4px;
  flex: none;
  padding: 5px 12px;
  font-size: .875rem;
  line-height: 1;
  display: inline-block;
}

.css-selector.cc-attribute {
  background-color: #404040;
}

.pb-sg_element {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: minmax(160px, .25fr) 1fr minmax(280px, .5fr);
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: start;
  padding-top: 40px;
  padding-bottom: 40px;
  display: grid;
}

.pb-sg_element.cc-bigger-details {
  grid-template-columns: .5fr .5fr 1fr;
}

.css-selectors-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column wrap;
  align-items: flex-start;
  display: flex;
}

.css-group {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.pb-sg_detail-box {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid #fafafa;
  border-radius: .625rem;
  flex-direction: column;
  padding: 1.25rem;
  display: flex;
}

.text-h5 {
  font-size: 2rem;
  line-height: 1.2em;
}

.pb-sg_square {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #fafafa;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 120px;
  height: 120px;
  display: grid;
}

.code {
  color: #413e3e;
  letter-spacing: .04rem;
  background-color: #dbdbdb;
  border-radius: 4px;
  padding-left: .25rem;
  padding-right: .25rem;
}

.text-clip-bg {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.image-wrapper {
  border-radius: var(--radius--image);
  background-color: var(--brand--color--surface);
  align-self: flex-start;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.image-wrapper.cc-4x3 {
  aspect-ratio: 4 / 3;
}

.image-wrapper.cc-1x1 {
  aspect-ratio: 1;
}

.image-wrapper.cc-1x1.radius-huge {
  border-radius: 18px;
}

.image-wrapper.cc-1x1.cc-center {
  display: flex;
}

.image-wrapper.cc-16x9 {
  aspect-ratio: 16 / 9;
}

.image-wrapper.cc-auto {
  aspect-ratio: auto;
}

.image-wrapper.cc-custom.three-grid {
  max-height: none;
}

.image-wrapper.cc-container {
  background-color: var(--brand--color--primary-lighter);
  border-radius: 18px;
  padding: 1.5rem;
}

.image-wrapper.cc-container.cc-background {
  background-color: var(--brand--color--background);
}

.image-wrapper.cc-feel-good {
  aspect-ratio: 1;
}

.image-wrapper.cc-fh {
  aspect-ratio: auto;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.image-wrapper.cc-footer {
  aspect-ratio: auto;
  height: 100%;
}

.spacer {
  opacity: 0;
}

.spacer-tablet, .spacer-landscape, .spacer-mobile {
  display: none;
}

.cta-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin-top: 2rem;
  display: flex;
}

.button-12 {
  border: 2px solid var(--brand--color--primary);
  border-radius: var(--radius-size--buttons);
  background-color: var(--brand--color--primary);
  color: var(--system-colors--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 4.5rem;
  padding: 1rem 2rem;
  font-family: Interdisplay;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  position: relative;
}

.u-text-muted {
  color: var(--brand--color--text-muted);
}

.u-font-bold {
  font-weight: 700;
}

.u-text-left {
  text-align: left;
}

.u-text-center {
  text-align: center;
}

.u-text-right {
  text-align: right;
}

.u-text-underline {
  text-decoration: underline;
}

.u-text-strike {
  text-decoration: line-through;
}

.u-text-uppercase {
  text-transform: uppercase;
}

.u-text-no-wrap {
  white-space: nowrap;
}

.u-align-center {
  margin-left: auto;
  margin-right: auto;
}

.u-mt-auto {
  margin-top: auto;
}

.u-opacity-0 {
  opacity: 0;
}

.u-opacity-50 {
  opacity: .5;
}

.u-width-full {
  width: 100%;
}

.u-height-full {
  height: 100%;
}

.nav-logo-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.button_content {
  grid-column-gap: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .2s;
  display: flex;
}

.styleguide_guide_wrap {
  z-index: 2000;
  pointer-events: none;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.u-grid-cust {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.u-grid-cust.grid-6 {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: column;
}

.u-grid-cust.cc-2-1 {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr .5fr;
  grid-auto-flow: column;
}

.u-grid-cust.cc-horizontal {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-columns: 1fr;
  grid-auto-flow: column;
}

.u-grid-cust.cc-1-2 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-columns: .5fr 1fr;
  grid-auto-flow: column;
}

.u-grid-cust.cc-1-2 {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-columns: .5fr 1fr;
  grid-auto-flow: column;
}

.u-grid-cust.cc-2-1 {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-columns: 1fr .5fr;
  grid-auto-flow: column;
}

.u-vertical-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.u-vertical-wrap.cc-s {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

.u-vertical-wrap.cc-l {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.u-vertical-wrap.cc-xl {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.u-vertical-wrap.cc-xs {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.u-vertical-wrap.cc-m {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
}

.bg-gd-top {
  background-image: linear-gradient(180deg, var(--brand--color--primary), #0000);
  pointer-events: none;
  height: 20rem;
  position: absolute;
  inset: 0% 0% auto;
}

.bz-component {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.bz-component.is-reverse {
  filter: invert();
}

.bz-grids {
  display: none;
}

.page-global {
  z-index: 1;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  width: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.page-global.is-nav {
  padding-left: 1rem;
  padding-right: 1rem;
}

.main-navbar {
  z-index: 400;
  border-bottom: 1px solid #d8d8d8;
  justify-content: flex-start;
  align-items: center;
  min-height: 4rem;
  display: flex;
  position: relative;
}

.main-navbar.is-app {
  background-color: #fff;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-menu-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sidebar__links-wrap {
  flex: 1;
  position: relative;
  overflow: auto;
}

.sidebar_group {
  border-bottom: 1px solid #d8d8d8;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding: .5rem;
  display: flex;
}

.sidebar-dashboard_link-accordion-button {
  color: #0e0e0e;
  cursor: pointer;
  border-radius: 4px;
  margin-top: -.2rem;
  margin-left: -.5rem;
  padding: .25rem;
  position: absolute;
  inset: .5rem auto auto .75rem;
}

.sidebar-dashboard_link-accordion-button:hover {
  background-color: #f0f0f0;
}

.sidebar_link-group {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #0e0e0e;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-top: .125rem;
  margin-bottom: .125rem;
  padding: .5rem 1rem .5rem .75rem;
  transition: color .2s, background-color .2s;
  display: flex;
}

.sidebar_link-group:hover, .sidebar_link-group.w--current {
  color: #0e0e0e;
  background-color: #f0f0f0;
}

.sidebar-dashboard_sub-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #0e0e0e;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-top: .125rem;
  margin-bottom: .125rem;
  padding: .5rem 1rem .5rem .75rem;
  transition: color .2s, background-color .2s;
  display: flex;
}

.sidebar-dashboard_sub-link:hover, .sidebar-dashboard_sub-link.w--current {
  color: #0e0e0e;
  background-color: #f0f0f0;
}

.sidebar-dashboard_sub-link.is-secondary {
  clear: left;
  color: #757575;
  border-radius: 8px;
  padding-left: 2.625rem;
}

.sidebar-dashboard_sub-link.is-secondary:hover, .sidebar-dashboard_sub-link.is-secondary.w--current {
  color: #0e0e0e;
  background-color: #f0f0f0;
}

.content_wrap {
  background-color: #fff;
  flex-flow: column;
  flex: auto;
  align-items: stretch;
  width: 100%;
  min-height: calc(100dvh - 4rem);
  padding-top: 0;
  display: flex;
  overflow: hidden;
}

.sidebar-arrow_button {
  width: 1.25rem;
  height: 1.25rem;
}

.sidebar_wrap {
  z-index: 300;
  color: #000;
  background-color: #fff;
  border-right: 1px solid #d8d8d8;
  padding: .5rem;
  font-size: .85rem;
  position: relative;
}

.sidebar {
  z-index: 500;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: .25rem;
  flex-flow: column;
  width: 15.5rem;
  height: calc(100vh - 5rem);
  display: flex;
  position: sticky;
  top: 4.5rem;
}

.sidebar_title {
  letter-spacing: .3em;
  text-transform: uppercase;
  padding-left: .75rem;
  padding-right: .75rem;
  font-size: .6rem;
}

.sidebar_title.u-fc-3 {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}

.icon-1-5 {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  display: flex;
}

.sidebar-dashboard_sub-link-accordion {
  flex-flow: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.grid-holder {
  z-index: 1;
  position: relative;
}

.grid-holder.is-full {
  z-index: 2;
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #000;
}

.text-xl {
  font-size: 1.45rem;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-medium {
  font-weight: 500;
}

.font-light {
  font-weight: 300;
}

.pb-sg_grid-6-col {
  grid-column-gap: 0rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.style-holder {
  z-index: 4;
  background-color: #fff;
  position: relative;
}

.styleguide-lines {
  z-index: 0;
  pointer-events: none;
  background-color: #f5f5f5;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  position: absolute;
  inset: 0%;
}

.div-block-1433 {
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.u-horizontal-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  align-items: center;
  display: flex;
}

.u-horizontal-wrap.cc-xs {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.u-horizontal-wrap.cc-s {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
}

.u-horizontal-wrap.cc-m {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
}

.u-horizontal-wrap.cc-l {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.u-horizontal-wrap.cc-xl {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.grid-placeholder {
  border: 1px solid #91919a;
  height: 3rem;
  position: relative;
}

.styleguide-gridssline {
  z-index: 3;
  position: absolute;
  inset: 0%;
}

.sg_bg-holder {
  z-index: 1;
  background-color: #fff;
  border: 2px solid #000;
  width: 100%;
  min-height: 24rem;
  position: relative;
  overflow: clip;
}

.bg-gd-bottom {
  background-image: linear-gradient(0deg, #000, #fff0);
  height: 20rem;
  position: absolute;
  inset: auto 0% 0%;
}

.bg-gd-left {
  background-image: linear-gradient(90deg, #000, #fff0);
  width: 20rem;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.bg-gd-right {
  background-image: linear-gradient(270deg, #000, #fff0);
  width: 20rem;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.uui-button {
  grid-column-gap: .5rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #7f56d9;
  border: 1px solid #7f56d9;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  background-color: #6941c6;
  border-color: #6941c6;
}

.uui-button:focus {
  background-color: #7f56d9;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f4ebff;
}

.uui-button.is-button-large {
  grid-column-gap: .75rem;
  background-color: #fed300;
  border-width: 0;
  border-radius: 43px;
  width: 100%;
  min-width: 393px;
  padding: 1.3125rem 1.25rem;
  font-size: 1.125rem;
  transition-property: none;
  box-shadow: 0 6px 8px 2px #0000004f, 0 0 #fed300, 1px 7px 0 1px #0003;
}

.bz-components {
  display: none;
}

.label__wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  padding: .2rem .5rem;
  line-height: 1;
  display: flex;
}

.label__wrapper.cc-xs {
  padding: .25rem .35rem .25rem .25rem;
  font-size: .5rem;
}

.label__wrapper.cc-sm {
  padding: .245rem .375rem;
  font-size: .625rem;
}

.label__wrapper.cc-md {
  padding: .35rem .625rem;
  font-size: .825rem;
}

.label__wrapper.cc-lg {
  padding: .425rem .75rem;
  font-size: .875rem;
}

.label__wrapper.cc-xl {
  padding: .485rem .875rem;
  font-size: .875rem;
}

.label {
  border-radius: var(--radius-size--sm);
  color: #fff;
  background-color: #000;
  font-weight: 500;
}

.label.sage-success {
  color: #2d6a4f;
  background-color: #e7f3e5;
}

.label.mint-fresh {
  color: #92400e;
  background-color: #fef3c7;
}

.label.sunset-alert {
  color: #065f46;
  background-color: #d1fae5;
}

.label.coral-warning {
  color: #9f1239;
  background-color: #ffe4e6;
}

.label.ocean-info {
  color: #1e40af;
  background-color: #dbeafe;
}

.label.arctic-notice {
  color: #075985;
  background-color: #e0f2fe;
}

.label.stone-neutral {
  color: #44403c;
  background-color: #f5f5f4;
}

.label.clay-basic {
  color: #404040;
  background-color: #f5f5f5;
}

.label.lavender-special {
  color: #6b21a8;
  background-color: #f3e8ff;
}

.label.berry-feature {
  color: #9d174d;
  background-color: #fce7f3;
}

.label.forest-active {
  color: #166534;
  background-color: #dcfce7;
}

.label.sunset-pending {
  color: #854d0e;
  background-color: #fef9c3;
}

.label.crimson-urgent {
  color: #991b1b;
  background-color: #fee2e2;
}

.label.cyber-premium {
  color: #0c4a6e;
  background-color: #f0f9ff;
}

.label.neon-beta {
  color: #164e63;
  background-color: #ecfeff;
}

.label.ryze {
  border: 2px none var(--brand--color--secondary);
  border-radius: var(--radius-size--sm);
  background-color: var(--brand--color--primary);
  color: #fff;
  text-transform: capitalize;
  background-image: none;
  font-size: .875rem;
}

.label__text {
  pointer-events: auto;
  text-transform: uppercase;
  flex: none;
  line-height: 1.2;
}

.sg-box {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.ct-sage-success {
  background-color: #e7f3e5;
}

.st-flex-hori {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start flex-start;
  place-items: flex-start start;
  display: flex;
  position: relative;
}

.ct-mint-fresh {
  color: #065f46;
  background-color: #d1fae5;
}

.ct-sunset-alert {
  color: #92400e;
  background-color: #fef3c7;
}

.ct-coral-warning {
  color: #9f1239;
  background-color: #ffe4e6;
}

.ct-ocean-info {
  color: #1e40af;
  background-color: #dbeafe;
}

.ct-arctic-notice {
  color: #075985;
  background-color: #e0f2fe;
}

.ct-stone-neutral {
  color: #44403c;
  background-color: #f5f5f4;
}

.ct-clay-basic {
  color: #404040;
  background-color: #f5f5f5;
}

.ct-lavender-special {
  color: #6b21a8;
  background-color: #f3e8ff;
}

.ct-berry-feature {
  color: #9d174d;
  background-color: #fce7f3;
}

.ct-forest-active {
  color: #166534;
  background-color: #dcfce7;
}

.ct-sunset-pending {
  color: #854d0e;
  background-color: #fef9c3;
}

.ct-crimson-urgent {
  color: #991b1b;
  background-color: #fee2e2;
}

.ct-cyber-premium {
  color: #0c4a6e;
  background-color: #f0f9ff;
}

.ct-neon-beta {
  color: #164e63;
  background-color: #ecfeff;
}

.u-text-italic {
  font-style: italic;
}

.item-holder {
  z-index: 1;
  position: relative;
}

.styleguide-tests {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section-holder {
  width: 100%;
  position: relative;
  overflow: clip;
}

.sg-flex-horiz {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  display: flex;
}

.pb_sg-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start flex-start;
  place-items: stretch start;
  min-width: 16rem;
  display: flex;
  position: relative;
}

.pb_sg-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pb_sg-grid.gap-big {
  grid-column-gap: 3rem;
  grid-row-gap: 5rem;
}

.pb_sg-header {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 1rem;
  display: flex;
}

.sg_style-sub {
  color: #6b6b6b;
  font-size: .875rem;
}

.headline-holders {
  z-index: 1;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.styleguide_separator {
  height: 0;
}

.pb-sg_vertical-flex {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.pb-sg_header-title {
  color: var(--base--white\<deleted\|relume-variable-color-primary-2\>);
  font-size: 6rem;
  font-weight: 400;
}

.home-wrappers {
  pointer-events: none;
  color: #fff;
  justify-content: center;
  align-items: center;
  height: 100dvh;
  min-height: 100dvh;
  display: flex;
  overflow: hidden;
}

.list-container {
  grid-row-gap: .25rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.list-container.cc-xs {
  font-size: .8125rem;
}

.list-container.cc-sm {
  font-size: .875rem;
}

.list-container.cc-2xs {
  font-size: .725rem;
}

.list-container.cc-md {
  font-size: .9375rem;
}

.list-container.cc-lg {
  font-size: 1.0625rem;
}

.list {
  grid-row-gap: .25em;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.list.cc-center {
  justify-content: center;
  align-items: center;
}

.list.cc-gifts {
  grid-row-gap: 0em;
}

.list.cc-horizontal {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.list__item {
  grid-column-gap: .5em;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.list__item.cc-gap.cc-md {
  grid-column-gap: .5em;
}

.list__item.cc-center {
  justify-content: flex-start;
  align-items: center;
}

.list__item.cc-top {
  justify-content: flex-start;
  align-items: flex-start;
}

.list__item.cc-slot {
  line-height: 1.3;
}

.list__item.cc-slot:where(.w-variant-8f72fbef-7e71-e313-398b-5a1c27fbd0b8) {
  justify-content: flex-start;
  align-items: flex-start;
}

.list_icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.4em;
  min-width: 1.4em;
  height: 1.4em;
  min-height: 1.4em;
  display: flex;
  position: relative;
}

.list_icon.cc-custom.li05, .list_icon.cc-custom.rz02 {
  color: var(--brand--color--primary);
  width: 1.5em;
  height: 1.5em;
}

.list_icon.cc-check {
  color: var(--brand--color--primary);
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
}

.list_icon.cc-check:where(.w-variant-8f72fbef-7e71-e313-398b-5a1c27fbd0b8) {
  top: 2px;
}

.list_icon.cc-plus {
  color: var(--brand--color--primary);
  width: 1.3rem;
  min-width: 1.3rem;
  height: 1.3rem;
  min-height: 1.25rem;
  padding: 2px;
}

.pb-sg_prefix {
  color: #5c5c5c;
  letter-spacing: .5rem;
  font-size: .875rem;
  font-weight: 500;
}

.pb-sg_headings {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
  display: flex;
}

.pb-sg_sub {
  color: #676767;
  line-height: 1.7;
}

.pb-sg_subcategory-inner {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.pb-sg_category {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.pb-sg_header {
  margin-bottom: 1.5rem;
}

.pb-sg_subcategory {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-top: .5px solid #d5d5d5;
  border-bottom: .5px solid #d5d5d5;
  flex-flow: column;
  padding-top: 0;
  display: flex;
}

.pb-sg_subcategory.pb-sg_first {
  border-top-style: solid;
}

.pb-sg_subcategory-col {
  z-index: 1;
  background-color: #fff;
  padding-bottom: 2rem;
  position: relative;
}

.pb-sg_subcategory-col.pb-sg_right {
  border-left: .5px solid #d5d5d5;
  flex: 1;
}

.pb-sg_subcategory-col.pb-sg_left {
  border-right: .5px solid #d5d5d5;
  flex: none;
  align-items: stretch;
  width: 25%;
  display: flex;
  position: static;
}

.pb-sg_category-group {
  border-left: .5px solid #d5d5d5;
  border-right: .5px solid #d5d5d5;
  flex-flow: column;
  width: 100%;
  max-width: 67.5rem;
  min-height: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
  position: relative;
}

.pb-sg_category-group-head {
  z-index: 1;
  background-color: #000;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 280px;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
  padding: 2.5rem;
  display: flex;
  position: relative;
}

.pb-sg_category-group__title {
  position: relative;
}

.pb-sg_category-group-content {
  z-index: 1;
  background-color: #fff;
  border-top: .5px solid #d5d5d5;
  border-left: .5px solid #d5d5d5;
  border-right: .5px solid #d5d5d5;
  width: 100%;
  min-height: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
  position: relative;
}

.pb_sg-heading-text {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.u-text-main {
  color: var(--brand--color--text-primary);
}

.u-text-surface {
  color: var(--brand--color--surface);
}

.u-bg-primary {
  background-color: var(--brand--color--primary);
}

.u-text-accent {
  color: var(--brand--color--accent);
}

.sg-content-hori {
  pointer-events: none;
  min-width: 8rem;
  height: 3rem;
}

.grid-2cols-sg {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.code-embed-9 {
  position: absolute;
  inset: 0%;
}

.sg_grid-4col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.pb_sg-item-auto {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  place-items: flex-start start;
  display: flex;
  position: relative;
}

.pb-sg_main {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  display: flex;
}

.pb-overlay {
  z-index: 900;
  opacity: 0;
  visibility: hidden;
  background-color: #000000d4;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  position: fixed;
  inset: 0%;
}

.pb_styleguide-wrapper-ui {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  background-color: #00000008;
  border: 1px dashed #00000040;
  border-radius: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 4rem;
  padding: 1rem;
  font-family: Geistmono;
  font-size: .825rem;
  display: flex;
}

.pb_styleguide-wrapper-ui:hover {
  border-style: solid;
  border-color: var(--brand--color--primary);
  color: var(--brand--color--primary);
  background-color: #2563eb0d;
}

.pb_styleguide-wrapper-ui.cc-auto {
  justify-content: center;
  align-items: center;
  height: auto;
}

.pb-modal {
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  border: 3px solid #fff;
  border-radius: 8px;
  flex-flow: column;
  width: 36rem;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: fixed;
  inset: 50% auto auto 50%;
  overflow: hidden;
}

.pb-modal_content {
  flex-flow: column;
  flex: 1;
  padding: 0;
  display: flex;
  overflow: auto;
}

.pageblock-component-wrapper {
  justify-content: center;
  align-items: center;
  height: 0;
  display: flex;
}

.button-modals {
  color: var(--brand--color--text-inverse);
  cursor: pointer;
  background-color: #000;
  border-radius: 4px;
  padding: .5rem 1rem;
  font-weight: 300;
  position: static;
  inset: auto 1rem 1rem auto;
}

.u-hide_desktop {
  display: none;
}

.sg_grid-2-col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.list_icon__wrapper {
  justify-content: center;
  align-items: center;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  min-height: 1.5em;
  display: flex;
}

.u-vflex-left-top {
  flex-flow: column;
  place-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.u-hflex-left-center {
  flex-flow: row;
  place-content: center flex-start;
  align-items: center;
  display: flex;
}

.pb-icon {
  line-height: 1;
  font-size: inherit;
  -webkit-user-select: none;
  user-select: none;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.125em;
  height: 1.125em;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.pb-icon.cc-1rem {
  width: 1rem;
  height: 1rem;
}

.pb-icon.cc-rem {
  width: 1.125rem;
  height: 1.125rem;
}

.pb-icon.cc-0-75rem {
  width: .75rem;
  height: .75rem;
}

.pb-icon.cc-image-0-75rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: .75rem;
}

.pb-icon.cc-1-5em {
  width: 1.5em;
  height: 1.5em;
}

.pb-icon.cc-3rem {
  width: 3rem;
  height: 3rem;
}

.pb-icon.cc-0-75em {
  width: .75em;
  height: .75em;
}

.pb-icon.cc-image {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 1.125rem;
}

.pb-icon.cc-image-2rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 2rem;
}

.pb-icon.cc-5em {
  width: 5em;
  height: 5em;
}

.pb-icon.cc-image-4rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 4rem;
}

.pb-icon.cc-image-1rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 1rem;
}

.pb-icon.cc-mini {
  width: 10px;
  height: 10px;
}

.pb-icon.cc-2rem {
  width: 2rem;
  height: 2rem;
}

.pb-icon.cc-3em {
  width: 3em;
  height: 3em;
}

.pb-icon.cc-5rem {
  width: 5rem;
  height: 5rem;
}

.pb-icon.cc-6rem {
  width: 6rem;
  height: 6rem;
}

.pb-icon.cc-1em {
  width: 1em;
  height: 1em;
}

.pb-icon.cc-2em {
  width: 2em;
  height: 2em;
}

.pb-icon.cc-image-6rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 6rem;
}

.pb-icon.cc-6em {
  width: 6em;
  height: 6em;
}

.pb-icon.cc-image-1-5rem {
  aspect-ratio: auto;
  color: #000;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 1.5rem;
}

.pb-icon.cc-4rem {
  width: 4rem;
  height: 4rem;
}

.pb-icon.cc-image-5rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 5rem;
}

.pb-icon.cc-image-3rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 3rem;
}

.pb-icon.cc-1-5rem {
  width: 1.5rem;
  height: 1.5rem;
}

.pb-icon.cc-4em {
  width: 4em;
  height: 4em;
}

.icon-wrapper {
  color: inherit;
  flex: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}

.icon-wrapper.cc-circle {
  background-color: #e6e6e6;
  border-radius: 999rem;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  font-size: 1.25rem;
  line-height: 1;
  display: flex;
}

.u-grid-2col-wide {
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.u-grid-2col-wide.align-top {
  align-items: start;
}

.u-grid-2col-wide.u-grid4-5 {
  grid-template-columns: minmax(0, 4fr) minmax(0, 5fr);
}

.u-grid-2col-wide.cc-stretch {
  align-items: stretch;
}

.u-grid-2col-standard {
  grid-column-gap: var(--spacing--2);
  grid-row-gap: var(--spacing--2);
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.u-grid-2col-compact {
  grid-column-gap: var(--spacing--1);
  grid-row-gap: var(--spacing--1);
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.u-grid-3col-wide {
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.u-grid-3col-standard {
  grid-column-gap: var(--spacing--2);
  grid-row-gap: var(--spacing--2);
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.u-grid-3col-compact {
  grid-column-gap: var(--spacing--1);
  grid-row-gap: var(--spacing--1);
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.u-grid-4col-wide {
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.u-grid-4col-standard {
  grid-column-gap: var(--spacing--2);
  grid-row-gap: var(--spacing--2);
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.u-grid-4col-compact {
  grid-column-gap: var(--spacing--1);
  grid-row-gap: var(--spacing--1);
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.u-grid-6col-standard {
  grid-column-gap: var(--spacing--1);
  grid-row-gap: var(--spacing--1);
  grid-template-rows: auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-1591 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.text-2xs {
  flex: none;
  font-size: .75rem;
  line-height: 1.4em;
}

.list-icon_wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  min-width: 1.5em;
  max-width: 1.5em;
  height: 1.5em;
  min-height: 1.5em;
  max-height: 1.5em;
  display: flex;
}

.list-icon {
  flex: none;
  width: 1.2em;
  min-width: 1.2em;
  height: 1.2em;
  min-height: 1.2em;
  margin-right: 0;
  display: flex;
}

.cc-image {
  flex-direction: row;
  justify-content: space-between;
  width: 160px;
  min-height: 25px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.container-12 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.pb-sg_info-container {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 3rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.pb-sg_info-container.cc-subcategory {
  aspect-ratio: auto;
  flex: none;
  width: 100%;
  height: 3rem;
  font-size: 1.25rem;
  position: sticky;
  top: 2rem;
}

.pb-sg_bottom-left, .pb-sg_bottom-right {
  height: 1px;
  padding-bottom: 0;
  padding-right: 0;
}

.pb-layouts, .pb-text-utilities, .pb-visibility-utils {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.pb-modal_button {
  background-color: #f0f0f000;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
  display: flex;
}

.pb-modal__close {
  pointer-events: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}

.modal-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  display: flex;
}

.modal-setup {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.modal_buttons-style {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.pb-modal_header {
  border-bottom: .5px none var(--brand--color--border);
  justify-content: flex-end;
  align-items: center;
  min-height: 2.5rem;
  padding: 0 0 0 1rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.pb-modal_info {
  padding: 0;
}

.pb-modal_title {
  font-weight: 600;
}

.style-guide {
  color: #000;
}

.container {
  z-index: 1;
  width: 100%;
  max-width: 85rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: block;
  position: relative;
}

.container.cc-full {
  max-width: none;
}

.container.cc-full.cc-padding-0 {
  padding-left: 0;
  padding-right: 0;
}

.container.cc-small {
  max-width: 62.5rem;
}

.container.cc-large {
  max-width: 100rem;
}

.container.cc-smaller {
  max-width: 80rem;
}

.hero__left {
  flex-flow: column;
  flex: none;
  width: 50%;
  display: flex;
}

.hero__left.cc-45, .hero__left.cc-matcha {
  width: 49%;
}

.hero__left.matcha {
  width: 48%;
}

.hero__left.cc-home {
  width: 45%;
}

.hero__left-wrapper.cc-sticky {
  position: sticky;
  top: 4rem;
}

.order-title-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.h-hero {
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

.hero__left-gallery {
  overflow: hidden;
}

.hero__left-gallery.cc-swiper {
  display: block;
}

.component.negative-swiper {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}

.slider_component {
  flex-flow: column;
  justify-content: center;
  width: 100%;
  display: flex;
  position: relative;
}

.slider_component.is-v1 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.slider_component.is-ingredients {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
}

.swiper {
  width: 100%;
  height: auto;
}

.swiper.is-v9-main {
  background-color: var(--brand--color--accent);
  border-radius: 18px;
  overflow: hidden;
}

.swiper.is-v1 {
  border-radius: 18px;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.swiper-wrapper {
  width: 100%;
  height: auto;
}

.swiper-slide.is-thumb {
  aspect-ratio: 1;
  border: 2px solid var(--brand--color--accent);
  background-color: var(--brand--color--accent);
  cursor: pointer;
  border-radius: .5rem;
  margin-right: 8px;
  overflow: hidden;
  transform: scale(1);
}

.swiper-slide.is-thumb.swiper-slide-thumb-active {
  border-style: solid;
  border-color: var(--brand--color--secondary);
  background-color: var(--brand--color--accent);
}

.review_component {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  font-size: 1.15rem;
  line-height: 1;
}

.review_component-wrapper {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1;
  display: flex;
}

.review_stars-wrapper {
  grid-column-gap: .15rem;
  grid-row-gap: .15rem;
  color: var(--brand--color--rating-star);
  align-items: center;
  display: flex;
}

.review_stars-wrapper.cc-md {
  font-size: 1.25rem;
}

.review_stars-wrapper.cc-md.cc-accent-foreground {
  color: var(--brand--color--rating-star);
}

.review_stars-wrapper.cc-inverse {
  color: #fff;
}

.review_component-star {
  flex: none;
  width: 20px;
  height: 20px;
}

.hero__right {
  flex: 1;
}

.hero__right-wrapper {
  width: 100%;
  height: 100%;
}

.order-form__wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.order-form__review {
  position: relative;
}

.order-form__selection {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.package-options {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.os-card__wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  flex: 1;
  align-items: stretch;
  padding: 1rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.os-card__wrapper.os--sm {
  justify-content: center;
  padding: .75rem;
}

.os-card__content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  line-height: 1;
  display: flex;
}

.os-card__content.os--align-middle {
  align-items: center;
  line-height: 1;
}

.os-card__content.os--align-top {
  aspect-ratio: auto;
  align-items: flex-start;
}

.order-form__cta {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.product-button-copy {
  flex-flow: column;
  display: flex;
  position: relative;
}

.button_icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}

.order-form__footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.scarcity-banner {
  position: relative;
}

.feature_col {
  flex-flow: column;
  display: flex;
}

.slider2_component {
  width: 100%;
  height: 100%;
  position: static;
}

.slider2_component-wrapper {
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.swiper-slide_inner {
  position: relative;
}

.swiper-slide_image-wrap {
  width: 100%;
  overflow: hidden;
}

.cover {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.swiper-thumbs-arrow {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.swiper-thumbs-arrow.is-hero {
  z-index: 2;
  pointer-events: none;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  inset: auto 0%;
}

.swiper-thumbs-arrow.is-ugc {
  z-index: 2;
  pointer-events: none;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  inset: auto 0%;
}

.swiper-thumbs-arrow.is-ugc.mobile {
  display: none;
}

.swiper__button-static {
  pointer-events: auto;
  color: #fff;
  cursor: pointer;
  background-color: #000;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: box-shadow .2s, color .2s, border-color .2s, transform .2s;
  display: flex;
  position: static;
}

.swiper__button-static.is-outline {
  color: var(--brand--color--secondary);
  background-color: #0000;
  border-radius: 0;
  width: 2rem;
  height: 3rem;
}

.swiper__button-static.is-transparent {
  background-color: #9e3a3000;
  border-radius: 0;
  width: 5rem;
  height: 50%;
}

.swiper__button-static.is-bubble {
  color: var(--brand--color--primary);
  background-color: #fff;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}

.swiper__button-static.is-bubble.cc-right {
  color: var(--brand--color--text-inverse);
  margin-right: 1rem;
}

.swiper__button-static.is-bubble.cc-left {
  color: var(--brand--color--text-inverse);
  margin-left: 1rem;
}

.swiper__button-icon {
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  display: flex;
}

.swiper__button-icon.is-outline {
  width: 2em;
  height: 2em;
}

.swiper__button-icon.is-huge {
  flex: none;
  width: 5rem;
  height: 5rem;
}

.swiper__button-icon.is-huge.is-inverse {
  color: var(--brand--color--secondary);
}

.swiper__button-icon.is-huge.is-left {
  margin-left: -1rem;
}

.swiper__button-icon.is-huge.is-right {
  margin-right: -1rem;
}

.swiper__button-icon.cc-bubble {
  flex: none;
  width: 2rem;
  height: 2rem;
}

.slider2_thumbs-wrap {
  z-index: 1;
  border-radius: .4rem 0 .4rem .4rem;
  width: 100%;
}

.slider2_thumbs-wrap.is-sw22 {
  flex-flow: column;
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.os-cards__grid {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: static;
}

.os-cards__grid.os--three {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.os-cards__grid.os--three.os-stretch {
  align-items: stretch;
}

.os-cards__grid.os--two {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.os-card {
  z-index: 1;
  box-shadow: none;
  pointer-events: auto;
  color: var(--brand--color--text-primary);
  letter-spacing: 0;
  cursor: pointer;
  background-color: #fdfcf300;
  border: 2px solid #4d1c1a33;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  font-size: 1rem;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: visible;
}

.os-card.os--selected {
  z-index: 2;
  border-color: var(--brand--color--primary);
  background-color: var(--brand--color--surface);
  box-shadow: none;
}

.os-card__header-slot {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}

.os-card__main-slot {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.os-card__main-slot.os--center {
  text-align: center;
  align-items: center;
}

.os-card__title-section {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.os-card__title-section.os--min-2 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  min-height: 2rem;
}

.os-card__title-row {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.os-card__title {
  flex: none;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2;
}

.os-card__title.cc-lg {
  font-size: 1.125em;
}

.os-card__title.cc-lg.cc-auto {
  flex: 0 auto;
}

.os-card__pricing {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  justify-content: space-around;
  align-items: flex-end;
  font-size: 1em;
  font-weight: 500;
  display: flex;
}

.os-card__unit-container {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  font-size: .95rem;
  font-weight: 600;
  display: flex;
}

.os-card__price.os--current.color-secondary {
  color: var(--brand--color--secondary);
}

.os-card__price.os-compare {
  color: #b1b1b1;
  text-decoration: line-through;
}

.os-card__bottom-slot {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.slot-override {
  display: none;
  transform: rotate(-90deg);
}

.os-card__banner {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  height: 1.5rem;
  padding-left: .75rem;
  padding-right: .75rem;
  font-size: .785rem;
  font-weight: 600;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.os-card__banner-content {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.os-card__banner-content.os--align-center {
  justify-content: center;
  align-items: center;
}

.span-primary {
  color: var(--brand--color--primary);
}

.pc13_component-wrapper {
  grid-column-gap: .5rem;
  align-items: center;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
}

.pc13_item-price.cc-compare {
  color: #a8a8a8;
  font-weight: 400;
  text-decoration: line-through;
}

.pc13_component-label {
  background-color: var(--brand--color--secondary);
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  align-items: center;
  margin-top: 3px;
  padding: 2px .5rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
}

.pc13_serving {
  color: var(--brand--color--secondary);
  text-transform: capitalize;
  font-size: 1.25rem;
  font-weight: 500;
}

.pc13_sale {
  color: var(--brand--color--secondary);
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 700;
}

.headline_pre {
  color: var(--brand--color--secondary);
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.headline_pre.cc-inverse {
  color: #fff;
}

.headline_pre.cc-dark {
  color: var(--brand--color--text-primary);
}

.headline_post {
  overflow-wrap: break-word;
  margin-top: .5rem;
}

.order-form__header {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.free_gift-sec {
  justify-content: space-between;
  display: flex;
}

.free_gift-sec.align-middle {
  align-items: center;
}

.free_gift-sec.align-middle.cc-negative {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-top: 0;
  margin-bottom: -18px;
}

.free_gift-sec.align-middle.cc-negative.cc-bigger {
  margin-top: -1rem;
  margin-bottom: -1rem;
}

.free_gift-left {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.free_gift-right {
  min-width: 140px;
  min-height: 140px;
}

.free-gift-image {
  width: 145px;
  height: 145px;
}

.free-gift-image.cc-sms {
  width: 140px;
  height: 140px;
}

.pb-booster {
  color: var(--brand--color--primary);
  letter-spacing: -.02em;
  border-radius: 4px;
  font-size: 1rem;
}

.booster__wrapper {
  pointer-events: none;
  padding: .785rem 1rem;
}

.booster__inner--fixed {
  grid-column-gap: .35em;
  grid-row-gap: .35em;
  white-space: nowrap;
  flex: auto;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  display: flex;
}

.booster__content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  pointer-events: auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pb-component__icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.review-component {
  border: 2px solid var(--brand--color--primary);
  background-color: var(--brand--color--accent);
  cursor: pointer;
  border-radius: 16px;
  display: flex;
  overflow: hidden;
}

.review_component-image.is-desktop {
  width: auto;
  max-height: 300px;
}

.review_component-image.is-mobile {
  display: none;
}

.review-component__content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--brand--color--text-secondary);
  flex-flow: column;
  flex: 1;
  justify-content: center;
  padding: 1.5rem;
  display: flex;
}

.review-component__author {
  font-size: 1.125rem;
  font-weight: 600;
}

.testimonial1_veified {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: #fff;
  border-radius: 100px;
  align-items: center;
  padding: 4px 6px;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
}

.testimonial1_icon {
  color: var(--brand--color--primary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.15rem;
  min-width: 1.15rem;
  height: 1.15rem;
  min-height: 1.15rem;
  display: flex;
}

.testimonial1_icon.cc-inverse {
  color: #fff;
}

.review-component__footer {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.review-component__title {
  color: var(--brand--color--secondary);
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 600;
}

.cta_wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 400px;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cta_wrapper.cc-auto {
  margin-left: 0;
  margin-right: 0;
}

.cta_guarantee {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-transform: capitalize;
  align-items: center;
  display: flex;
}

.okendo-reviews {
  min-height: 2rem;
}

.footer {
  background-color: var(--brand--color--primary);
  background-image: linear-gradient(127deg, var(--brand--color--primary), var(--brand--color--secondary));
  color: #fff;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.footer-content {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  font-size: .75rem;
  display: flex;
}

.text-block-222 {
  border-bottom: 1px solid #ffffff4a;
  padding-bottom: 1rem;
  font-size: .75rem;
}

.compliance-bolds {
  font-weight: 700;
}

.footer1__credit-text {
  display: flex;
}

.footer1__credit-text.pc {
  font-size: .825rem;
}

.footer_statements {
  background-color: #ffffff12;
  padding: 1rem;
}

.footer_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-bottom: 1rem;
  display: flex;
}

.footer_bottom {
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.footer_linkis {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.footer_link-item {
  color: #fff;
  text-decoration: underline;
}

.holiday-secondary {
  z-index: 999;
  color: #fff;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  display: flex;
  position: sticky;
  top: 0;
}

.nav-july4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--brand--color--primary);
  color: #fff;
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4rem;
  min-height: 4rem;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.nav-july4-txt-w {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: flex;
  position: relative;
}

.nav-july4-txt-1 {
  font-size: 18px;
  line-height: 1.2;
}

.nav-july4-txt-2 {
  font-size: 1.15rem;
}

.nav-july4-clock-w {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #ffffff26;
  border-radius: 5px;
  justify-content: center;
  align-items: flex-start;
  width: 150px;
  padding: 5px 10px;
  display: flex;
}

.nav-july4-clock-column {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.july4-clock-number {
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
}

.july4-clock-label {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.july4-clock-divider {
  color: #fff;
  padding-left: .15rem;
  padding-right: .15rem;
  font-weight: 800;
}

.navbar__mushroom {
  width: 3.25rem;
  height: 3.25rem;
  position: absolute;
  inset: auto auto auto -3.4rem;
}

.navbar4__section {
  z-index: 10;
  background-color: var(--brand--color--background);
  position: relative;
}

.navbar4__wrapper {
  justify-content: center;
  align-items: center;
  min-height: 3.75rem;
  display: flex;
}

.navbar4__logo {
  align-items: center;
  display: flex;
}

.navbar4__logo-image {
  height: 2rem;
}

.blogpost1_title-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blogpost1_content-top {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.adv-header__author-wrapper {
  grid-column-gap: 1rem;
  text-align: left;
  align-items: center;
  display: flex;
}

.blogpost1_author-image-wrapper {
  background-color: var(--brand--color--surface);
  border-radius: 50%;
}

.blogpost1_author-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
}

.blogpost1_author-text {
  font-size: .85rem;
}

.text-weight-semibold {
  font-weight: 600;
}

.blogpost1_date-wrapper {
  font-size: .75rem;
  display: flex;
}

.blogpost1_text-divider {
  margin-left: .5rem;
  margin-right: .5rem;
}

.listicle_reasons {
  grid-row-gap: 4rem;
  flex-direction: column;
  margin-bottom: 4rem;
  display: flex;
}

.content-listicle {
  grid-column-gap: 3rem;
  align-items: center;
  display: flex;
}

.listicle-image {
  flex: none;
  width: 45%;
}

.show-tablet {
  display: none;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.listicle1_content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
  position: relative;
}

.swiper-navigation {
  justify-content: center;
  align-items: center;
  display: flex;
}

.swiper-navigation.sw01 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
}

.swiper-navigation.cc-testimonials {
  display: none;
}

.swiper-pagination {
  justify-content: center;
  align-items: center;
  inset: auto 0% 0%;
}

.adv-bcta-offer-w {
  border: 2px dashed var(--brand--color--primary);
  background-color: #f9f9f9;
  border-radius: 20px;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.adv-bcta-img-w {
  background-color: #f9f9f9;
  width: 50%;
  height: 100%;
}

.img-full {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.adv-bcta-txt-w {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 28px 20px 20px;
  display: flex;
}

.adv-bcta-h {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  max-width: 320px;
  font-size: 33px;
  font-weight: 700;
}

.spacer-12 {
  padding-top: 10px;
}

.hurry-w {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #c80500;
  background-color: #ffeaea;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 332px;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.hurry-w.adv-bcta {
  font-size: 15px;
}

.sticky_bar {
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: none;
}

.padding-global-6 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.container-small-5 {
  width: 100%;
  max-width: 54rem;
  margin-left: auto;
  margin-right: auto;
}

.listicle-holder {
  flex-direction: column;
  display: flex;
  position: sticky;
  bottom: 0;
}

.logo__ui {
  height: 1.5rem;
}

.data-examples {
  flex-flow: column;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: block;
  position: relative;
}

.data-grid-slots {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.selector_holder {
  z-index: 1;
  background-color: #fff;
  border-radius: 4px;
  padding: 2rem;
  position: relative;
  box-shadow: 0 .5rem .625rem -.3125rem #00000014, 0 .3125rem .3125rem -.15625rem #00000008, 0 .1875rem .1875rem -.09375rem #00000005, 0 .125rem .125rem -.0625rem #00000005, 0 .0625rem .0625rem -.03125rem #00000008, 0 .03125rem .03125rem 0 #0000000a, 0 0 0 .0625rem #0000000f;
}

.os-card__subtitle {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.os-card__subtitle-text {
  font-size: .875em;
  font-weight: 400;
  line-height: 1;
}

.os-card__subtitle-text.os--last {
  border-left: 1px solid #000;
  padding-left: .5em;
  font-weight: 400;
}

.os-card__aside-slot {
  text-align: right;
  flex: 0 auto;
  justify-content: flex-end;
  display: flex;
}

.radio-style-1 {
  top: .05em;
}

.radio-inner {
  width: .5rem;
  height: .5rem;
}

.os-card__media-slot {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f9f1e9;
  border-radius: .375rem;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: 60px;
  max-height: 60px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.os-card__media-slot.os-full {
  max-width: none;
  max-height: none;
}

.os-card__media-slot.os-full.os-landscape {
  aspect-ratio: 3 / 2;
  width: 100%;
  overflow: hidden;
}

.os-card__image {
  z-index: 1;
  pointer-events: auto;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: relative;
}

.os-card__features {
  color: #292330;
}

.os-card__features-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  justify-content: space-between;
  margin-top: .25rem;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.os-card__feature-item {
  grid-column-gap: .25rem;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.os-card__benefit-icon-svg {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.2em;
  min-width: 1.2em;
  height: 1.2em;
  min-height: 1.2em;
  margin-right: 0;
  display: flex;
}

.os-card__feature-text {
  font-size: .7rem;
  font-weight: 400;
}

.os-card__label-slot {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.os-card__label {
  z-index: 0;
  border: 1px solid var(--brand--color--secondary);
  pointer-events: auto;
  color: #fff;
  background-color: #ce1f22;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  justify-content: center;
  align-items: center;
  height: 1.2rem;
  padding: 1px 8px;
  font-size: .725rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: -.6rem auto auto;
}

.os-card__label.os-card__label--middle-center {
  border-radius: .25rem;
  left: auto;
  right: auto;
}

.os-card__label.os-card__label--top-center {
  left: auto;
  right: auto;
}

.os-card__label.os-card__label--vertical-bottom {
  border-top-right-radius: 0;
  border-bottom-left-radius: .25rem;
  width: 1rem;
  min-height: 4rem;
  padding-left: 0;
  padding-right: 0;
  font-size: .5rem;
  inset: auto auto 1rem -1rem;
}

.os-card__label.os-card__label--top-left {
  left: 1rem;
}

.os-card__label.pb--vertical-left {
  border-top-right-radius: 0;
  border-bottom-left-radius: .25rem;
  width: 1rem;
  min-height: 4rem;
  padding-left: 0;
  padding-right: 0;
  font-size: .5rem;
  inset: auto auto auto -1rem;
}

.os-card__label.os-card__label--top-right {
  left: auto;
  right: 1rem;
}

.os-card__label.pb--vertical-top {
  border-top-right-radius: 0;
  border-bottom-left-radius: .25rem;
  width: 1rem;
  min-height: 4rem;
  padding-left: 0;
  padding-right: 0;
  font-size: .5rem;
  inset: 1rem auto auto -1rem;
}

.os-card__label.os-card__label-ryze {
  background-image: linear-gradient(90deg, var(--brand--color--primary), var(--brand--color--primary) 27%, var(--brand--color--secondary) 77%);
  border-radius: 6px;
  height: 1.5rem;
  font-size: .875rem;
  top: -1rem;
  left: auto;
  right: auto;
}

.os-card__label-text {
  font-size: 14px;
}

.os-card__label-text.os-card__label-text--rotated {
  flex: none;
  transform: rotate(-90deg);
}

.radio-styles {
  display: none;
  transform: rotate(-90deg);
}

.os-card__custom-price {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.os-card__custom-price-row {
  color: #929292;
  font-size: .825rem;
}

.os-card__price-container {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: row;
  line-height: 1.2;
  display: flex;
}

.os-card__price-container.os--stacked {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
}

.data-template {
  background-color: #fff;
  max-width: 980px;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.os-card__price-3 {
  font-weight: 400;
}

.os-card__price-3.os--compare {
  color: #746b84;
  font-weight: 400;
  text-decoration: line-through;
}

.os-cards__vertical {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: static;
}

.os-card__content-4 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  line-height: 1;
  display: flex;
}

.os-card__content-4.os--align-middle {
  align-items: center;
  line-height: 1;
}

.os-card__media-slot-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f9f1e9;
  border-radius: .375rem;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: 60px;
  max-height: 60px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.os-card__price-badge {
  color: #c55;
  text-transform: uppercase;
  background-color: #ffe0e0;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 11px;
  font-weight: 700;
}

.os-card__price-4 {
  font-weight: 400;
}

.os-card__price-4.os--compare {
  color: #746b84;
  font-weight: 400;
  text-decoration: line-through;
}

.os-card__footer-banner {
  background-color: var(--brand--color--secondary);
  color: #fff;
  border-radius: 0 0 .25rem .25rem;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  font-size: .785rem;
  font-weight: 700;
  display: flex;
}

.os-card__banner-image {
  width: 2.75rem;
}

.os_card__banner-image_item {
  background-color: var(--brand--color--accent);
  width: 2.75rem;
}

.os-card__banner-cont {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.os-card__banner-cont.os--align-center {
  justify-content: center;
  align-items: center;
}

.os-card__price-5 {
  font-weight: 400;
}

.os-card__price-5.os--compare {
  color: #746b84;
  font-weight: 400;
  text-decoration: line-through;
}

.os-card__total-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  font-size: .65rem;
  display: flex;
}

.os-card__total-label {
  font-weight: 500;
}

.os-card__total-compare {
  font-weight: 500;
  text-decoration: line-through;
}

.os-card__total-current {
  font-weight: 500;
}

.sg_grid-3col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.conditional__wrapper {
  border: .5px solid #3c7dff;
  flex-flow: column;
  justify-content: center;
  padding: 4px;
  font-size: .725rem;
  display: flex;
  position: relative;
}

.conditional_title {
  color: #fff;
  background-color: #3c7dff;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding-left: 4px;
  padding-right: 4px;
  font-size: .65rem;
  display: flex;
  position: absolute;
  inset: -1.25rem 0 auto auto;
}

.sg-conditional {
  border-radius: 4px;
  height: 100%;
  padding: .75rem;
}

.sg-conditional.empty {
  background-color: #f8f8f8;
}

.attr-examples {
  flex-flow: column;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: block;
  position: relative;
}

.examples_grid {
  background-color: #fff;
  border-radius: 8px;
  padding: 4rem;
}

.regional-compliance {
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 600;
}

.themes {
  display: none;
  transform: rotate(-90deg);
}

.badge__container {
  width: 8.125rem;
  height: 8.125rem;
  position: relative;
}

.badge__container.cc-lg {
  width: 8.5rem;
  height: 8.5rem;
}

.badge-icon {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.badge-content {
  z-index: 1;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 6px;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: 0%;
}

.badge__text-reg {
  font-size: 1rem;
  font-weight: 600;
}

.badge__text-huge {
  font-size: 3rem;
  font-weight: 700;
}

.badge__text-md {
  font-size: 1.15rem;
  font-weight: 600;
}

.data-grid {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.badge-elements {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border-radius: 4px;
  padding: 2rem;
  display: flex;
  position: relative;
  box-shadow: 0 .5rem .625rem -.3125rem #00000014, 0 .3125rem .3125rem -.15625rem #00000008, 0 .1875rem .1875rem -.09375rem #00000005, 0 .125rem .125rem -.0625rem #00000005, 0 .0625rem .0625rem -.03125rem #00000008, 0 .03125rem .03125rem 0 #0000000a, 0 0 0 .0625rem #0000000f;
}

.badge__text-lg {
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 700;
  line-height: .9;
}

.sg_container {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border-radius: 4px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2rem;
  display: grid;
  position: relative;
  box-shadow: 0 .5rem .625rem -.3125rem #00000014, 0 .3125rem .3125rem -.15625rem #00000008, 0 .1875rem .1875rem -.09375rem #00000005, 0 .125rem .125rem -.0625rem #00000005, 0 .0625rem .0625rem -.03125rem #00000008, 0 .03125rem .03125rem 0 #0000000a, 0 0 0 .0625rem #0000000f;
}

.grid__sg-style {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.ss2_list-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  justify-items: start;
  padding: 0;
  font-size: .685rem;
  display: grid;
}

.ss2_list-item {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  align-items: center;
  display: flex;
}

.ss2_list-icon {
  width: 1.125rem;
  height: 1.125rem;
}

.list-item-text {
  font-size: .875rem;
}

.list-item-text.u-text-capitalize {
  text-transform: capitalize;
}

.oto-link {
  color: var(--brand--color--text-primary);
  font-weight: 600;
  text-decoration: underline;
}

.order-form__guarantee {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  align-items: center;
  display: flex;
  position: relative;
}

.oto-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.oto-note {
  color: #9a9a9a;
  font-size: .875rem;
}

.bundle-step {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.bundle-step__title {
  font-size: 1.15rem;
  font-weight: 600;
}

.mgb-bar {
  grid-column-gap: .15rem;
  grid-row-gap: .15rem;
  color: var(--brand--color--secondary);
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
}

.sale-badge-absolute {
  position: absolute;
  inset: 4.9rem 6.5rem auto auto;
  transform: rotate(12deg);
}

.os-card__selector-options {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: static;
}

.os-card__quantity-selector-item {
  letter-spacing: -.02em;
  background-color: #fff;
  border-radius: .25rem;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  font-size: .875rem;
  transition: background-color .2s;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 0 0 1px #e6e6e6;
}

.os-card__selector-option {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  align-items: stretch;
  padding: 0 1rem 0 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.os-card__selector-option-info {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
  position: relative;
}

.os-card__selector-option-media {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f0e1d2;
  border-radius: 8px;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 60%;
  max-width: 60px;
  height: 60px;
  max-height: 60px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.os-card__selector-option-media.os--large {
  object-fit: fill;
  min-width: 80px;
  max-width: 80px;
  min-height: 80px;
  max-height: 80px;
}

.os-card__selector-option-media.os--large.cc-chai {
  background-color: #faffe8;
}

.os-card__selector-option-media.os--large.cc-chicory {
  background-color: #fff6f3;
}

.os-card__selector-option-media.os--large.cc-cocoa {
  background-color: #eff0ff;
}

.os-card__selector-option-media.os--large.cc-coffee {
  background-color: #fff8ef;
}

.os-card__selector-option-media.is-medium {
  background-color: #f0e1d2;
}

.os-card__selector-option-media.is-dark {
  background-color: #ddcbb9;
}

.pb-quantity__info-overlay {
  z-index: 1;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  min-height: 1rem;
  display: flex;
  position: absolute;
  inset: .25rem .25rem auto auto;
}

.pb-quantity__info-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .75rem;
  height: .75rem;
  display: flex;
}

.os-card__selector-option-details {
  flex-flow: column;
  flex: 1;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  min-height: 2.5rem;
  display: flex;
}

.os-quantity__information--wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.os-card__selector-option-header {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.os-card__selector-option-name {
  flex: none;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.2;
}

.os-card__selector-status-badge {
  color: #6b46c1;
  background-color: #f7f1ff;
  border-radius: 3px;
  padding: 3px 6px;
  font-size: 8px;
  font-weight: 700;
}

.os-card__selector-option-description {
  color: #000;
  font-size: .875em;
  font-weight: 500;
  line-height: 1;
}

.os-card__selector-option-description.pb--xs {
  font-size: .785em;
  font-weight: 400;
}

.os-card__selector-option-actions {
  flex-flow: column;
  display: flex;
}

.os-quantity__actions {
  border: 4px #fcfcfc;
  border-radius: 100px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 6rem;
  margin-top: 0;
  display: flex;
  position: relative;
}

.os-quantity__widget {
  border-radius: 0 0 4px 4px;
  width: 100%;
  line-height: 1;
  position: absolute;
  bottom: -1.15rem;
  left: auto;
  right: auto;
}

.os-card__selector-reviews {
  grid-column-gap: .15rem;
  grid-row-gap: .15rem;
  border-radius: 0 0 4px 4px;
  justify-content: center;
  align-items: center;
  height: 1rem;
  padding-left: .35rem;
  padding-right: .5rem;
  font-size: .6em;
  font-weight: 500;
  display: flex;
}

.os-card__selector-stars {
  color: #000;
  display: flex;
}

.os-card__selector-star {
  color: #ffa600;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.2em;
  height: 1.2em;
  display: flex;
  position: relative;
  top: -1px;
}

.os-card__selector-action-label {
  color: #380061;
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #fdfaff;
  border-radius: 0 0 6px 6px;
  justify-content: center;
  align-items: center;
  height: 1rem;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: .55rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: -1.5rem auto auto;
}

.os-card__selector-action-label.os--bestseller {
  color: var(--brand--color--secondary);
  background-color: #ffe7e0;
}

.os-card__variant-quantity {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff0;
  border: 1px solid #e8e6eb;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .125rem;
  font-size: .825rem;
  font-weight: 600;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: flex;
  position: relative;
}

.os-card__variant-quantity:hover {
  border-color: #d4d1d9;
}

.os-card__variant-quantity-btn {
  color: #1a161f;
  cursor: pointer;
  border-radius: calc(var(--os--border--radius, 8px)  - 2px);
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: flex;
  position: relative;
  overflow: hidden;
}

.os-card__variant-quantity-btn:hover {
  background-color: var(--brand--color--accent);
  transform: scale(.95);
}

.os-card__variant-quantity-display {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 1.75rem;
  height: 1.75rem;
  font-size: .813rem;
  display: flex;
  position: relative;
}

.os-card__variant-quantity-number {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.os-card__variant-quantity-value {
  font-weight: 700;
  transition: all .25s cubic-bezier(.34, 1.56, .64, 1);
}

.os-card__variant-quantity-input {
  z-index: 1;
  color: #1a161f00;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: textfield;
  appearance: textfield;
  background-color: #fff0;
  border: 1px #000;
  outline: none;
  width: 100%;
  height: 100%;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
}

.os-card__variant-quantity-feedback {
  z-index: 100;
  opacity: 0;
  color: #fff;
  border-radius: var(--os--border--radius, 8px);
  white-space: nowrap;
  visibility: hidden;
  transform-style: preserve-3d;
  background-color: #292330;
  padding: .5rem .75rem;
  font-size: .75rem;
  font-weight: 500;
  transition-property: all;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.34, 1.56, .64, 1);
  top: -40px;
  left: 50%;
  transform: scale3d(.95, 1, 1)translate(-50%, -.5rem)translate(-50%);
}

.os-card__variant-quantity-add-btn {
  z-index: 10;
  background-color: var(--brand--color--primary);
  color: #fff;
  cursor: pointer;
  border-radius: calc(var(--os--border--radius, 8px)  - 1px);
  visibility: visible;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: .75rem;
  font-weight: 600;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: scale(1);
}

.image-contain {
  aspect-ratio: 1;
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 6px;
  display: inline-block;
}

.accordion {
  min-width: 0;
}

.accordion__wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.accordion__wrapper.cc-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.accordion__item {
  background-color: var(--brand--color--accent);
  text-align: left;
  border-radius: 16px;
  padding: 1rem;
  overflow: visible;
}

.accordion__item.is-active-accordion {
  color: var(--brand--color--secondary);
}

.accordion__item-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  background-color: #f0f0f000;
  border-style: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: .5rem 0;
  display: flex;
}

.accordion__item-header:focus {
  outline-offset: 0px;
  outline: 2px solid #000;
}

.accordion__item-header:focus-visible, .accordion__item-header[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #000;
}

.accordion__title-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.accordion_title {
  color: var(--brand--color--secondary);
  font-size: 1.25rem;
  font-weight: 600;
}

.accordion_icon-wrapper {
  border: 2px none var(--brand--color--tertiary);
  border-radius: 100px;
  padding: 0;
  transition: transform .2s;
}

.accordion_icon {
  color: var(--brand--color--tertiary);
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.accordion__item-wrapper {
  min-height: 0;
  transition: max-height .2s;
  display: none;
  overflow: hidden;
}

.accordion__item-wrapper.is-active-accordion {
  display: block;
}

.accordion__item-body {
  padding: .75rem 1rem .75rem 0;
}

.accordion__text {
  color: var(--brand--color--text-primary);
}

.quantity-modifiers {
  display: none;
  transform: rotate(-90deg);
}

.badge__text-xs {
  font-size: .875rem;
  font-weight: 600;
}

.grid-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.booster__wrapper-gift {
  pointer-events: none;
  padding: 0;
  font-size: 1.25rem;
}

.sub-header {
  color: var(--brand--color--text-primary);
  font-weight: 600;
}

.sub-header.cc-sub {
  color: var(--brand--color--secondary);
}

.badge__text-md-lb {
  font-size: 1.15rem;
  font-weight: 600;
}

.bs-absolute {
  position: absolute;
  inset: 16% 20% auto auto;
  transform: rotate(12deg);
}

.bs-badge__icon {
  width: 140px;
  height: 140px;
}

.rz-show {
  display: block;
}

.review_card--inner {
  border: 1px solid var(--brand--color--border);
  display: flex;
}

.review_card-left {
  border-right: 1px solid var(--brand--color--border);
  align-items: flex-start;
  width: 30%;
  padding: 1.5rem;
  display: flex;
}

.review_card-right {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  flex: 1;
  padding: 1.5rem;
  display: flex;
}

.review_card-author {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.review_card-avatar {
  background-color: var(--brand--color--primary);
  color: var(--brand--color--primary-foreground);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 5em;
  height: 5em;
  font-weight: 700;
  display: flex;
}

.review_card-avatar--name {
  font-size: 1.5rem;
}

.review_card-author--content {
  flex-flow: column;
  display: flex;
}

.review_card--verified {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  align-items: center;
  font-size: .875rem;
  font-weight: 400;
  display: flex;
}

.review_card-right--header {
  justify-content: space-between;
  display: flex;
}

.review_card-right--content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.review_card-right--title {
  font-size: 1.15rem;
  font-weight: 600;
}

.review_card-right--body {
  font-size: .925rem;
}

.review_card-right--date {
  font-size: .725rem;
}

.okendo_review-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.okendo_reviews-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.review_card--badge {
  color: var(--brand--color--primary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.15em;
  min-width: 1.15em;
  height: 1.15em;
  min-height: 1.15em;
  display: flex;
}

.review_card-author--name {
  text-transform: capitalize;
  font-weight: 700;
}

.review-aggregate {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.review-aggregate__inner {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.review-aggregate__count {
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1;
}

.okendo_reviews-cta-wrapper {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.stars-container {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.stars-background {
  color: #e4b9ad;
  align-items: center;
  display: flex;
}

.stars-foreground {
  color: var(--brand--color--rating-star);
  align-items: center;
  width: 0%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.okendo_review-star {
  flex: none;
  height: 1.25em;
}

.list-step__icon {
  background-color: var(--brand--color--primary);
  color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
}

.hero-desc {
  font-size: 1.125rem;
  font-weight: 300;
}

.hero-desc.cc-pad-desktop {
  padding-right: 4rem;
}

.hero-swiper__wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.container__wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  align-items: stretch;
  display: flex;
}

.container__wrapper.cc-thinner {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-start;
  align-items: flex-start;
}

.container__wrapper.cc-thinner.cc-middle {
  align-items: center;
}

.layout_left {
  flex-flow: column;
  width: 49%;
  display: flex;
}

.layout_left.cc-sticy {
  position: sticky;
  top: 4rem;
}

.layout__wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  align-items: flex-start;
  display: flex;
}

.layout__wrapper:where(.w-variant-390c6602-80c4-1b6e-3ee8-1f164251bf3b) {
  align-items: stretch;
}

.layout__wrapper.cc-align-middle {
  align-items: center;
}

.layout__wrapper.sticky, .layout__wrapper.sticky-6, .layout__wrapper.sticky-11 {
  align-items: stretch;
}

.layout__right {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.review_component-wraper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  font-size: 1.15rem;
  line-height: 1;
}

.review__component {
  font-size: 1.15rem;
  font-weight: 500;
}

.scroll-pos-bottom {
  visibility: hidden;
  height: 1px;
  margin-bottom: -1rem;
  display: block;
}

.menu-icon1 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  overflow: hidden;
}

.menu-icon1_line-top {
  background-color: var(--brand--color--text-primary);
  border-radius: 100px;
  width: 1.5rem;
  height: .125rem;
}

.menu-icon1_line-middle {
  background-color: var(--brand--color--text-primary);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  max-width: 1.5rem;
  height: .125rem;
  margin-top: .375rem;
  margin-bottom: .375rem;
  display: flex;
}

.menu-icon_line-middle-inner {
  width: .25rem;
  max-width: .25rem;
  height: 0;
}

.menu-icon1_line-bottom {
  background-color: var(--brand--color--text-primary);
  border-radius: 100px;
  width: 1.5rem;
  height: .125rem;
}

.header__wrapper {
  justify-content: space-between;
  align-items: center;
  min-height: 3.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.header__button-wrap {
  background-color: #f0f0f000;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: .25rem;
  display: flex;
  position: relative;
}

.menu-icon__cart {
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
}

.menu-container {
  z-index: 9;
  background-color: var(--brand--color--background);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  height: calc(100dvh - 7.75rem);
  padding-top: 2rem;
  padding-bottom: 2rem;
  transition-property: opacity;
  transition-duration: .12s;
  transition-timing-function: ease;
  position: fixed;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: translate(0);
}

.menu-container.cc-bigger {
  height: calc(100dvh - 5.75rem);
}

.menu-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.main__menu {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.menu__link {
  color: var(--brand--color--text-primary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 600;
  display: flex;
}

.menu__link:hover {
  color: var(--brand--color--secondary);
}

.menu__link.cc-secondary {
  color: #4d1c1a80;
  font-size: 1rem;
}

.menu__link.cc-secondary:hover {
  color: var(--brand--color--secondary-light);
}

.menu-divider {
  border-top: 2px solid #4d1c1a0d;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.secondary__menu {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.menu__layout {
  flex-flow: column;
  height: 100%;
  display: flex;
}

.social__menu {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  display: flex;
}

.social__icon {
  color: var(--brand--color--primary);
}

.social__icon-embed {
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
}

.navbar__section {
  z-index: 99999;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  position: relative;
}

.navbar__section.is-fixed {
  background-color: var(--brand--color--background);
  width: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.cart__banner {
  background-color: var(--brand--color--primary);
  color: #fff;
  justify-content: center;
  padding: .5rem;
  display: flex;
}

.cart__table-header {
  font-size: 1rem;
  font-weight: 300;
  display: flex;
}

.cart__table-cell {
  text-align: right;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding: .5rem;
  display: flex;
}

.cart__table-cell.cc-product {
  justify-content: flex-start;
  align-items: center;
  min-width: 20rem;
}

.cart__table-cell.cc-price {
  text-align: right;
  flex: 0 auto;
  min-width: 12rem;
}

.cart__table-cell.cc-quantity {
  flex: 0 auto;
  min-width: 12rem;
}

.cart__table-cell.cc-total {
  text-align: right;
  flex: 0 auto;
  min-width: 8rem;
}

.cart__table-content {
  border-top: 2px solid #00000005;
  border-bottom: 2px solid #00000005;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.cart-item__wrapper {
  border-radius: .25rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
  overflow: visible;
}

.cart-item__image-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border: 1px solid #0000000f;
  border-radius: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100px;
  max-width: 100px;
  min-height: 100px;
  max-height: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cart-item__details {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding-top: 0;
  padding-left: 1rem;
  display: flex;
  position: relative;
}

.cart-item__content {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.cart-item__description {
  grid-column-gap: .15rem;
  grid-row-gap: .15rem;
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.cart-item__header {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.cart-item__title {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.3;
}

.cart-item__title.main {
  font-size: 1.25rem;
  font-weight: 300;
}

.cart-item__title.subtitle {
  font-size: 1rem;
}

.cart-item__frequency {
  color: #858585;
  font-size: .75rem;
  font-weight: 400;
  display: none;
}

.cart-item__pricing {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.cart-item__pricing.cc-mob {
  display: none;
}

.cart-price {
  font-weight: 400;
}

.cart-price.price--original {
  color: var(--brand--color--tertiary-light);
  font-size: 1rem;
  font-weight: 300;
  text-decoration: line-through;
}

.cart-price.price--final {
  font-weight: 400;
}

.cart__wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.cart__wrapper.is-empty {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
}

.cart__totals {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-end;
  margin-top: 1rem;
  display: flex;
}

.cart__totals-line {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: space-between;
  min-width: 12rem;
  display: flex;
}

.cart__totals-line.cc-subtotal {
  font-size: 1.5rem;
}

.cart__totals-line.cc-shipping {
  font-weight: 300;
}

.cart__totals-button {
  min-width: 16rem;
}

.cart__totals-price {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.cart__totals-line-title {
  flex-flow: column;
  align-items: flex-end;
  min-width: 10rem;
  display: flex;
}

.display-cart {
  letter-spacing: -.02em;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.1;
}

.cart__upgrade {
  display: flex;
}

.cart__upgrade-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
  flex-flow: column;
  padding: 1rem;
  display: flex;
}

.cart-item__upgrade-price {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cart-upgrade-price {
  font-weight: 400;
}

.cart-upgrade-price.price--original {
  color: var(--brand--color--tertiary-light);
  font-weight: 300;
  text-decoration: line-through;
}

.cart-upgade-badge {
  color: #ca583a;
  background-color: #f3d7c9;
  padding-left: .25rem;
  padding-right: .25rem;
  font-size: 13px;
}

.upgrade-item__content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cart-item__upgrade--sub {
  color: #858585;
  font-size: .875rem;
  font-weight: 400;
}

.upgrade-item__button-wrapper {
  padding-left: 7.25rem;
}

.cart-upgrade-item__title {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.3;
}

.cart-upgrade__price-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  align-items: center;
  display: flex;
}

.cart-upgrade__image {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border: 1px solid #0000000f;
  border-radius: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100px;
  max-width: 100px;
  min-height: 100px;
  max-height: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cart-template.show, .line-items-template.show {
  display: block;
}

.remove-link {
  background-color: #f0f0f000;
  padding: 0;
  font-size: .875rem;
  text-decoration: underline;
}

.remove-icon {
  display: none;
}

.cart-line-item_remove-2 {
  cursor: pointer;
}

.cart-line-item_remove--icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
  position: relative;
  top: 2px;
}

.cart__active-bubble {
  background-color: var(--brand--color--primary);
  opacity: 0;
  border-radius: 50%;
  flex: none;
  width: .9375rem;
  height: .9375rem;
  position: absolute;
  inset: .15rem .15rem auto auto;
}

.home-hero__image {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #f9f1e8;
  justify-content: flex-end;
  width: 100%;
  height: calc(100dvh - 7.75rem);
  display: flex;
  position: static;
  inset: 0%;
}

.home-hero__image.cc-desktop {
  justify-content: center;
  height: 642px;
  position: absolute;
  inset: 0%;
}

.home-hero__image.mc06 {
  justify-content: center;
}

.home-hero__image.ritual {
  justify-content: center;
  height: calc(100dvh - 7.75rem);
}

.home-hero__image.cc-matcha {
  background-color: #eff4ed;
  justify-content: center;
  height: 642px;
  position: absolute;
  inset: 0%;
}

.home-hero__image.cc-home {
  height: auto;
}

.home-hero__image.cc-home.cc-pointer {
  pointer-events: auto;
}

.home-hero__image.cc-auto {
  justify-content: center;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.home-hero__image.cc-ritual {
  background-color: #ede3de;
  justify-content: flex-end;
  height: 780px;
  max-height: 780px;
}

.hero--content {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  align-items: stretch;
  display: flex;
}

.display-2xxl {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.1;
}

.display-2xxl.cc-matcha {
  text-wrap-style: auto;
}

.display-2xxl.is-second {
  color: var(--brand--color--primary);
  display: inline-block;
}

.display-2xxl.is-first {
  margin-right: .5rem;
  display: inline;
}

.hero-image__desktop {
  pointer-events: none;
  width: auto;
  max-width: none;
  height: 100%;
}

.hero-image__desktop.cc-home {
  width: 100%;
  height: auto;
}

.hero-image__desktop.cc-ritualsss {
  object-fit: cover;
  max-height: 780px;
  margin-right: 0;
}

.hero-image__mobo {
  pointer-events: none;
  display: none;
}

.hero-content {
  width: 100%;
  position: absolute;
}

.hero-content.cc-matcha {
  position: static;
}

.hero-content.cc-homepage.cc-pointer-none {
  pointer-events: none;
}

.hero__left--inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.hero__left--inner.cc-center {
  align-items: center;
}

.hero__cta-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 400px;
  display: flex;
}

.hero__headline {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.hero__headline.cc-center {
  text-align: center;
  align-items: center;
}

.seenon2__wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.seenon2__track {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.seenon_icon {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
}

.seenon_title {
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 600;
}

.seenon_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: none;
  align-items: center;
  margin-right: 5vw;
  display: flex;
}

.benefits__wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.benefits__wrapper.cc-full {
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
}

.container__right {
  flex: 1;
}

.benefit__wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--brand--color--primary-light);
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 1rem;
  display: grid;
}

.benefit__wrap.cc-vertical {
  flex-flow: column;
  display: flex;
}

.benefit__item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.benefit__item-title {
  color: var(--brand--color--primary);
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 600;
}

.benefit__grid-items {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.benefit__grid-items.cc-2col {
  grid-template-columns: 1fr 1fr;
}

.benefit__grid-item {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.benefit__grid-item.cc-horizontal {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  flex-flow: row;
}

.benefit__grid-text {
  color: var(--brand--color--secondary);
  letter-spacing: -.5px;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
}

.benefit__grid-text.cc-capitalize {
  text-transform: capitalize;
}

.benefit__grid-icon {
  color: var(--brand--color--secondary);
  flex: none;
  width: 64px;
  height: 64px;
}

.cta__group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.cta__group.cc-vertical {
  flex-flow: column;
  align-items: stretch;
}

.ingredient-tex {
  font-size: .875rem;
}

.cta-nutrition {
  flex: none;
  width: 220px;
}

.cta-nutrition.is-bigger {
  width: auto;
  max-width: 380px;
}

.cta-nutrition.cc-full {
  width: auto;
  max-width: none;
}

.benefits__footer {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.ingredients__grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.ingredients__grid.cc-flex {
  flex-flow: wrap;
  justify-content: center;
  display: flex;
}

.ingredient__item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 2px solid var(--brand--color--primary);
  background-color: var(--brand--color--primary-light);
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  padding: 1.5rem 9rem 1.5rem 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ingredient__title {
  text-transform: capitalize;
  font-size: 1.25rem;
  font-weight: 600;
}

.ingredient__purpose {
  color: var(--brand--color--secondary);
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 600;
}

.ingredient__description {
  font-size: 1rem;
}

.ingredient__image {
  width: 140px;
  position: absolute;
  inset: auto 0% auto auto;
}

.card__callout {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 2px solid var(--brand--color--secondary);
  border-radius: var(--radius-size--lg);
  background-color: var(--brand--color--primary-light);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
}

.card__callout.is-distribute {
  justify-content: space-between;
}

.callout__button-wrap {
  display: flex;
}

.section__wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.copy---custom-css {
  display: none;
}

.sticky-cta {
  z-index: 5;
  position: fixed;
  inset: auto 1rem 1rem auto;
}

.sticky-button {
  background-color: var(--brand--color--primary);
  color: #fff;
  border: 1px solid #fff;
  border-radius: .25rem;
  padding: .625rem 1.875rem;
  font-size: .75rem;
}

.code-embed-10 {
  margin-left: auto;
  margin-right: auto;
}

.okendo-spinner {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.checkmark__wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.checkmark__check {
  border: 1px solid var(--brand--color--secondary);
  background-color: var(--brand--color--primary);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  position: relative;
  top: 3px;
}

.checkmark__icon {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.checkmark__title {
  letter-spacing: 0;
  font-weight: 700;
}

.checkmark__component.os--active {
  cursor: pointer;
}

.home__benefit-list {
  font-weight: 600;
  line-height: 1.2;
  position: relative;
}

.home__benefit-list.cc-one {
  top: 2px;
}

.home__benefit-list.cc-top-nega {
  margin-top: 2px;
}

.frother__banner {
  background-color: #fde3e3;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.footer__banner-xx {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 54px;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
  position: relative;
}

.span-red {
  color: #d42929;
}

.frother__banner-image {
  flex: none;
  width: 64px;
  max-width: none;
  height: 64px;
  margin-right: -45px;
  position: absolute;
  inset: auto 0% auto auto;
}

.text-block-223 {
  font-weight: 700;
}

.frother__tw500 {
  color: #430c0c;
  font-weight: 400;
}

.compare-secondary {
  color: var(--brand--color--secondary);
  text-decoration: line-through;
}

.compliance-elements {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.feature25_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.feature25_icon-wrapper {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.u-grid-9col-standard {
  grid-column-gap: var(--spacing--1);
  grid-row-gap: var(--spacing--1);
  grid-template-rows: auto;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.icon__features-text {
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.3;
}

.icon__features-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.ingredients__container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.cc-benefit-col {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  text-align: left;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.cta__wrapper {
  background-color: var(--brand--color--background);
  border-radius: 2rem;
  padding: 3rem;
}

.section-benefits {
  color: var(--brand--color--primary);
  letter-spacing: -.02em;
  text-transform: uppercase;
  border-radius: 4px;
  margin-top: .5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.how-to__wrapper {
  background-color: var(--brand--color--primary-light);
  border-radius: 2rem;
  padding: 3rem;
}

.refill-text {
  margin-right: -.25rem;
}

.u-grid-8col-standard {
  grid-column-gap: var(--spacing--1);
  grid-row-gap: var(--spacing--1);
  grid-template-rows: auto;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.button_icon-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}

.ri-admin-line {
  width: 1em;
  font-size: 16px;
}

.image-benefit.cc-sticky {
  position: sticky;
  top: 6rem;
}

.image-benefit.cc-auto {
  height: 100%;
  position: static;
}

.hero__benefits {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  flex-flow: column;
  max-width: 31.25rem;
  display: flex;
}

.hero__benefits-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.hero-benefit__icon {
  color: var(--brand--color--primary);
  flex: none;
  width: 2.625rem;
  height: 2.625rem;
}

.ritual-set__negative {
  display: none;
}

.feature28_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: right;
  flex-flow: column;
  align-items: flex-end;
  display: flex;
}

.feature28_item.cc-left {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
}

.features5__column {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.features5__grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 30% 1fr 30%;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-items: center;
  display: grid;
}

.benefits__grid-icon {
  width: 4rem;
  height: 4rem;
}

.benefit__grid-title {
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.gifts__grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.gift__item {
  background-color: #f6f1ee;
  border-radius: 1rem;
}

.gift__item-image {
  width: 100%;
}

.gift__item-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  align-items: center;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.gift__item-content-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.subtitle-big {
  font-size: 1.5rem;
}

.subtitle-big.span-secondary {
  color: var(--brand--color--secondary);
  margin-top: .5rem;
  font-weight: 500;
}

.paralax__section {
  flex-flow: column;
  justify-content: center;
  height: 400px;
  padding-bottom: 8rem;
  display: flex;
  overflow: hidden;
}

.paralax__image {
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
}

.home__image-wrapper {
  width: 100%;
  height: auto;
}

.accordion__column {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.ingredientsr {
  display: none;
  transform: rotate(-90deg);
}

.ryze-template {
  display: block;
}

.os-variant-dropdown {
  position: relative;
}

.os-card__variant-dropdown-toggle {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: var(--brand--color--primary);
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: var(--brand--color--primary);
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: var(--brand--color--primary);
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: var(--brand--color--primary);
  background-color: var(--brand--color--surface);
  letter-spacing: -.006em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 2.75rem;
  padding: .5rem .75rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease-out;
  display: flex;
}

.os-card__variant-dropdown-toggle:hover {
  border-color: #999;
}

.os-card__variant-dropdown-toggle:focus {
  outline-offset: 0px;
  outline: 3px #e148c0;
  box-shadow: 0 0 0 3px #3333331a;
}

.os-card__variant-dropdown-toggle.w--open {
  box-shadow: none;
}

.os-card__variant-dropdown-toggle.os--image {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.os-card__toggle-option {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: .75rem;
  display: flex;
}

.os-card__toggle-option.os--media {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .25rem;
}

.os-card__variant-toggle-info {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: 1;
  align-items: center;
  display: flex;
}

.os-card__variant-toggle-info.os--vertical {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 1.3;
}

.os-card__variant-toggle-name {
  color: var(--brand--color--text-primary);
}

.os-card__variant-toggle-name.os--font-bold {
  font-weight: 600;
}

.os-card__variant-toggle-description {
  color: var(--brand--color--text-primary);
  font-size: .75rem;
  font-weight: 400;
}

.os-card__variant-dropdown-icon {
  color: var(--brand--color--primary);
  width: 1.25rem;
  height: 1.25rem;
  transition: transform .15s;
  display: flex;
}

.os-card__variant-dropdown-menu-v2 {
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transform-origin: top;
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  padding: .5rem;
  transition-property: all;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.34, 1.56, .64, 1);
  display: block;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  overflow: hidden;
  transform: translateY(-12px)scale(.95);
  box-shadow: 0 10px 40px #0000001a;
}

.os-card__variant-dropdown-menu-v2.w--open {
  z-index: 4;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
  min-width: auto;
  max-width: none;
  max-height: none;
  margin-top: .5rem;
  padding: 0;
  overflow: auto;
}

.os-card__variant-dropdown-item {
  cursor: pointer;
  border-radius: .5rem;
  list-style-type: none;
  transition: background-color .2s;
  display: block;
}

.os-card__variant-dropdown-item:hover {
  background-color: #f9f9f9;
}

.os-card__variant-dropdown-item.selected {
  background-color: var(--brand--color--accent);
}

.auto-expand {
  display: none;
  transform: rotate(-90deg);
}

.u-text-capitalize {
  text-transform: capitalize;
}

.os-dropdown__label {
  z-index: 0;
  border: 1px solid var(--brand--color--secondary);
  pointer-events: auto;
  color: #fff;
  background-color: #ce1f22;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  justify-content: center;
  align-items: center;
  height: 1.2rem;
  padding: 1px 8px;
  font-size: .725rem;
  font-weight: 600;
  display: flex;
}

.os-dropdown__label.os-card__label-ryze {
  background-image: linear-gradient(90deg, var(--brand--color--primary), var(--brand--color--primary) 27%, var(--brand--color--secondary) 77%);
  border-radius: 6px;
  height: 1.5rem;
  font-size: .875rem;
  top: -1rem;
  left: auto;
  right: auto;
}

.cc-refill-negative {
  margin-right: -.25rem;
}

.cc-refill-negative.cc-left {
  margin-left: -.25rem;
}

.list__wrapper {
  grid-row-gap: .25em;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.list__wrapper.cc-gifts {
  grid-row-gap: 0em;
}

.hero__left-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.bottom_feature-image {
  border-radius: var(--radius-size--lg);
}

.bottom_feature-image.giving-back {
  background-image: url('../images/giving-bak.avif');
  background-position: 50%;
  background-size: cover;
}

.bottom_feature-image.mindfullness-app {
  background-image: url('../images/CleanShot_2024-11-06_at_7_.25.38_2x_1.webp');
  background-position: 50%;
  background-size: cover;
}

.bottom_feature-image.our-story {
  background-image: url('../images/Auto_Layout_Vertical-2.webp');
  background-position: 50%;
  background-size: cover;
}

.ryze-slider_bullet_item {
  aspect-ratio: 1;
  background-color: #0000002b;
  border: .09rem #0000;
  border-radius: 100vw;
  width: 8px;
  min-width: 0;
  padding: 0;
}

.ryze-slider_bullet_item.is-active {
  background-color: var(--brand--color--secondary);
}

.ryze-slider__bullet-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  width: auto !important;
}

.layout__content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.grid__3-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.headline__component {
  grid-row-gap: .5rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.headline__main-wrap {
  word-wrap: break-word;
  flex-flow: wrap;
}

.headline__main {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.headline__container {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.headline__container:where(.w-variant-2402d46e-9ff1-bd20-6f13-dfe8db265a86) {
  text-align: center;
  align-items: center;
}

.layout__left {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.headline-display {
  letter-spacing: -.02em;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.1;
}

.headline-display.is-second {
  color: var(--brand--color--primary);
  display: inline;
}

.headline-display.is-first {
  margin-right: .5rem;
  display: inline;
}

.heading-item.cc-first {
  text-transform: capitalize;
  margin-right: .5rem;
  display: inline;
}

.heading-item.cc-last {
  color: var(--brand--color--primary);
  display: inline;
}

.image-footer__abs {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.image-footer__abs.cc-top {
  object-position: 50% 0%;
}

.style_wrapper {
  flex-flow: column;
  padding: 4rem;
  display: block;
  position: relative;
}

.logo_clouds {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: wrap;
  grid-template-columns: 1fr 1fr 1fr;
  display: flex;
}

.logo__cloud-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: none;
  align-items: center;
  margin-right: 5vw;
  display: flex;
}

.logo__cloud-icon {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
}

.icon__components {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.icon__sg {
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo__cloud-text {
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 600;
}

.logo__track {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo__cloud {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.reviews_content-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  display: flex;
}

.layout__right-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.order-form__headline {
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.order-form__subheadline {
  font-size: var(--_text---size--6);
  font-weight: 500;
  line-height: 1.3;
}

.vertical__wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.vertical__wrap:where(.w-variant-9441f3b0-63b0-a09c-d715-0ec13a59fb54) {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.vertical__wrap:where(.w-variant-6e56f1ee-fcef-c0e0-e971-bbf2a7aa30c2) {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.vertical__wrap:where(.w-variant-ac9a99e6-4c9a-1716-3a45-cabf6722ac61) {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.layout__left-wrapper:where(.w-variant-390c6602-80c4-1b6e-3ee8-1f164251bf3b), .layout__left-wrapper.sticky-3, .layout__left-wrapper.sticky-8, .layout__left-wrapper.sticky-13 {
  position: sticky;
  top: 4rem;
}

.product__image {
  background-color: var(--brand--color--surface);
  border-radius: 1.5rem;
  align-self: flex-start;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.product__image:where(.w-variant-97533e68-b123-9b1f-f915-628ee62f2591) {
  padding: 1.5rem;
}

.product__image:where(.w-variant-1fe23e37-f821-931a-7d3c-6ec79d907e72) {
  background-color: var(--brand--color--primary-light);
  padding: 1.5rem;
}

.bfcm__timer-bolt {
  width: 20px;
  height: 20px;
}

.bfcm__timer-container {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.countdown__timer {
  color: var(--brand--color--secondary);
  font-weight: 700;
}

.countdown__timer.cc-bottom {
  margin-top: .5rem;
}

.countdown__text {
  color: var(--brand--color--text-primary);
  font-weight: 600;
}

.sale__banner {
  background-color: #f7e7dd;
  justify-content: center;
  align-items: center;
  height: 60px;
  display: flex;
}

.sale__banner.cc-dark {
  background-image: linear-gradient(119deg, var(--brand--color--text-primary), var(--brand--color--secondary));
  color: var(--brand--color--background);
}

.sale__banner-inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sale__banner-left {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  line-height: 1.2;
  display: flex;
}

.sale__banner-left.cc-align-left {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
}

.sale__banner-countdown {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
}

.countdown__block {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  min-width: 2.25rem;
  line-height: 1.2;
  display: flex;
}

.countdown__divider {
  color: #4d1c1a99;
  font-size: 24px;
  font-weight: 600;
  line-height: .95;
}

.countdown__divider.cc-inverse {
  color: #fcfbf399;
}

.countdown__block-number {
  color: var(--brand--color--primary);
  font-size: 24px;
  font-weight: 600;
}

.countdown__block-number.cc-inverse {
  color: #fff;
  line-height: 1;
}

.countodwn__block-label {
  color: #4d1c1a99;
  text-transform: uppercase;
  font-size: 12px;
}

.countodwn__block-label.cc-inverse {
  color: #fcfbf399;
}

.sale__banner-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}

.sale__banner-desc {
  color: #4d1c1acc;
  font-size: 12px;
  line-height: 1;
}

.sale__banner-desc.cc-inverse {
  color: #fffc;
  font-size: 12px;
  font-weight: 500;
}

.countdown__container {
  margin-top: 0;
  margin-bottom: -.65rem;
}

.pdp-headline {
  font-size: var(--_text---size--8);
  letter-spacing: -.03em;
  --_text---font-family--primary: "Sofia Pro", Arial, sans-serif;
  --_text---font-family--heading: "Sofia Pro", Arial, sans-serif;
  --_text---size--6: 1.5rem;
  --_text---size--8: 2.5rem;
  --_text---size: 0px;
  --_text---size--4: 1.125rem;
  --_text---size--5: 1.25rem;
  --_text---size--9: 3rem;
  --_text---size--10: 4rem;
  --_text---scale--min: .8;
  --_text---scale--max: 1.15;
  --_text---scale--viewport: 2;
  --_text---font-family--secondary: Inter;
  --_text---font-family--new-text: 1rem;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.2;
}

.layout-vertical {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.layout-vertical:where(.w-variant-9441f3b0-63b0-a09c-d715-0ec13a59fb54) {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.layout-vertical:where(.w-variant-6e56f1ee-fcef-c0e0-e971-bbf2a7aa30c2) {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.layout-vertical:where(.w-variant-ac9a99e6-4c9a-1716-3a45-cabf6722ac61) {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.layout-vertical.spacing-6 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.swiper-bullet__container {
  flex-flow: column;
  align-items: center;
  margin-top: .5rem;
  display: none;
}

.ritual-set-tops {
  display: none;
}

.headline__top {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.head_component-wrapper {
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 45rem;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.running-sale__image {
  justify-content: center;
  align-items: center;
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  height: 120px;
  min-height: 120px;
  max-height: 120px;
  display: flex;
  position: absolute;
  inset: 1.5rem 1rem auto auto;
}

.sale__image {
  width: 100%;
  height: 100%;
}

.swiper__grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.swiper__item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  padding: 1rem;
  display: block;
  position: relative;
}

.swiper__bullet__wrapper {
  z-index: 5;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  height: 2rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.navbar-component {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--brand--color--primary);
  background-image: linear-gradient(105deg, var(--brand--color--secondary), var(--brand--color--primary) 52%);
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2rem;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.os-card-bg {
  z-index: 1;
  box-shadow: none;
  pointer-events: auto;
  color: var(--brand--color--text-primary);
  letter-spacing: 0;
  cursor: pointer;
  background-color: #fff0;
  border: 2px solid #4d1c1a33;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  font-size: 1rem;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: visible;
}

.os-card-bg.os--selected {
  z-index: 2;
  border-color: var(--brand--color--primary);
  box-shadow: none;
  background-color: #fff;
}

.hero__image-v2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.cc-hero__gap {
  display: none;
}

.hero__ritual-v2 {
  width: 100%;
  position: relative;
}

.hero-image__desktop-ritual {
  pointer-events: none;
  width: auto;
  max-width: none;
  height: 100%;
}

.hero-image__mobile-rtiual {
  pointer-events: none;
  display: none;
}

.cc-wrap-horizontal {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.bfcm__wrapper {
  justify-content: center;
  display: flex;
}

.bfcm__container {
  color: #2e2e2e;
  background-color: #ffe89f;
  padding-left: 2.5%;
  padding-right: 2.5%;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.container-13 {
  z-index: 1;
  background-color: #000;
  width: 100%;
  max-width: 85rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: block;
  position: relative;
}

.button-13 {
  border: 2px solid var(--brand--color--secondary);
  border-radius: var(--radius--button);
  background-color: var(--brand--color--cta-primary);
  background-image: linear-gradient(268deg, var(--brand--color--secondary) 0.1%, var(--brand--color--primary) 54%);
  pointer-events: auto;
  color: var(--brand--color--text-inverse);
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .12s, border .12s;
  display: flex;
  position: relative;
}

.frame-1000005354 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: grid;
}

.frame-1000005337 {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4727-2 {
  border-radius: 24px;
  overflow: hidden;
}

.melissa-42 {
  display: block;
  overflow: hidden;
}

.auto-layout-vertical-47 {
  grid-row-gap: .75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.im-down-19-pounds {
  color: #363f72;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.frame-1000005365 {
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.im-blown-away-im-down-19-pounds-and-i-look-10-years-younger-super-youth-has-improved-my-skin-wrinkle {
  color: #0d0f1ccc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.melissa-42-2 {
  color: #0d0f1ccc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.frame-1000005338 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.taylor-p-30 {
  display: block;
  overflow: hidden;
}

.never-lost-this-much-weight {
  color: #0d0f1c;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.frame-1000005363 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.ive-never-lost-this-much-weight-before-27-pounds-to-be-exact-youth-has-improved-my-skin-wrinkles-and {
  color: #0d0f1ccc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.taylor-30 {
  color: #0d0f1ccc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.nikki-g-42 {
  display: block;
  overflow: hidden;
}

.life-changing {
  color: #0d0f1c;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.frame-1000005364 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.these-are-only-1-yr-apart-but-it-looks-like-10-life-changing-after-just-2-months-my-skin-wrinkles-an {
  color: #0d0f1ccc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.nikki-42 {
  color: #0d0f1ccc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.headline_pre-copy {
  color: var(--brand--color--secondary);
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.headline_pre-copy.cc-inverse {
  color: #fff;
}

.headline_pre-copy.cc-dark {
  color: var(--brand--color--text-primary);
}

.display-xl-copy {
  letter-spacing: -.02em;
  text-transform: capitalize;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.1;
}

.display-xl-copy.cc-no-balance {
  text-wrap: auto;
}

.headline_post-copy {
  color: #0d0f1ccc;
  overflow-wrap: break-word;
  font-size: 1.5rem;
}

.headline-component-copy {
  grid-row-gap: .5rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 45rem;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.headline-component-copy.cc-left {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
}

.headline-component-copy.cc-left.cc-b-sm, .headline-component-copy.cc-left.cc-mbcenter {
  margin-bottom: 1rem;
}

.headline-component-copy.cc-left.cc-full {
  max-width: none;
}

.headline-component-copy.cc-0 {
  margin-bottom: 0;
}

.cta_wrapper-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 400px;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cta_wrapper-copy.cc-auto {
  margin-left: 0;
  margin-right: 0;
}

.button_spinner-copy {
  width: 100%;
  height: 100%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  transition: opacity .2s;
  position: absolute;
}

.cta_guarantee-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-transform: capitalize;
  align-items: center;
  display: flex;
}

.testimonial1_icon-copy {
  color: var(--green-diet);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  display: flex;
}

.testimonial1_icon-copy.cc-inverse {
  color: #fff;
}

.bold-text {
  color: #0d0f1c;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 2.5rem;
}

.bold-text-copy {
  color: #0d0f1c;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 2.5rem;
  display: flex;
}

.button-13-copy {
  background-color: var(--cta-diet);
  pointer-events: auto;
  color: var(--brand--color--text-inverse);
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #9e3a30;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  margin-top: 0;
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .12s, border .12s;
  display: flex;
  position: relative;
}

.button_content-copy {
  grid-column-gap: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .2s;
  display: flex;
}

.body {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.text-block-224 {
  color: var(--green-diet);
  font-weight: 700;
}

.frame-1000005354-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: grid;
}

.auto-layout-horizontal-34 {
  grid-row-gap: 48px;
  background-color: #fcfcfd;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 48px 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.auto-layout-vertical-48 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 640px;
  text-decoration: none;
  display: flex;
}

._6-age-reversing-benefits {
  color: #0d0f1c;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.frame-1000005341 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.frame-1000005353 {
  grid-column-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1000005337-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.youthful-skin, .sf_lander_new-design_tropical-punch_icons_youthful-skin_navysvg-fill, .sf_lander_new-design_tropical-punch_icons_youthful-skin_navysvg {
  overflow: hidden;
}

.auto-layout-vertical-49 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.youthful-skin-2 {
  color: #363f72;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.reduce-wrinkles-cellulite-stretch-marks-scars-super-youths-collagen-and-hyaluronic-acid-increase-sk {
  color: #0d0f1ccc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-1000005338-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.sf_lander_new-design_tropical-punch_icons_lose-weight_navysvg-fill, .sf_lander_new-design_tropical-punch_icons_lose-weight_navysvg {
  overflow: hidden;
}

.lose-weight {
  color: #363f72;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.drop-pounds-and-shed-stubborn-weight-with-our-slimming-collagen-and-organic-baobab-that-help-you-los {
  color: #0d0f1ccc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-1000005339-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.strong-joints-bones, .sf_lander_new-design_tropical-punch_icons_reduce-joint-pain_navysvg-fill, .sf_lander_new-design_tropical-punch_icons_reduce-joint-pain_navysvg {
  overflow: hidden;
}

.strong-joints-bones-2 {
  color: #363f72;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.super-youth-works-to-support-healthy-joints-and-bones-and-helps-fight-inflammation-pain-and-stiffnes {
  color: #0d0f1ccc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-1000005354-2 {
  grid-column-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.longer-hair-nails, .sf_lander_new-design_tropical-punch_icons_longer-hair-nails_navysvg-fill, .sf_lander_new-design_tropical-punch_icons_longer-hair-nails_navysvg {
  overflow: hidden;
}

.longer-hair-nails-2 {
  color: #363f72;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.reveal-stronger-longer-healthier-hair-and-nails-with-our-collagen-blend-that-helps-fight-against-the {
  color: #0d0f1ccc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-1000005340 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.stronger-muscles, .sf_lander_new-design_tropical-punch_icons_stronger-muscles_navysvg-fill, .sf_lander_new-design_tropical-punch_icons_stronger-muscles_navysvg {
  overflow: hidden;
}

.stronger-muscles-2 {
  color: #363f72;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.our-super-blend-supports-immunity-mood-regulation-and-managing-stress-flexibility-hydration-tone-and {
  color: #0d0f1ccc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-1000005341-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.improve-gut-immunity, .sf_lander_new-design_tropical-punch_icons_gut-immunity_navysvg-fill, .sf_lander_new-design_tropical-punch_icons_gut-immunity_navysvg {
  overflow: hidden;
}

.improve-gut-immunity-2 {
  color: #363f72;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.super-youths-collagen-organic-baobab-vitamin-c-transform-gut-health-reduce-bloating-improves-leaky {
  color: #0d0f1ccc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-1000005322 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 516px;
  text-decoration: none;
  display: flex;
}

.buttons-8 {
  grid-column-gap: 8px;
  background-color: #ff4405;
  border: 2px solid #bc1b06;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 28px 36px 28px 40px;
  text-decoration: none;
  display: flex;
}

.button-style-6 {
  color: #fcfcfd;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.chevron-right-3 {
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.button-style-7 {
  grid-column-gap: 4px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.free-shipping-50-in-free-gifts {
  color: #16b364cc;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.im-blown-away-im-down-19-pounds-and-i-look-10-years-younger-super-youth-has-improved-my-skin-wrinkle-copy {
  color: #0d0f1ccc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.melissa-42-2-copy {
  color: #0d0f1ccc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.frame-4951-2 {
  grid-column-gap: 3rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.frame-1000005341-3 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 616px;
  text-decoration: none;
  display: flex;
}

.frame-1000005337-3 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.all-5-types-of-collagen {
  overflow: hidden;
}

.auto-layout-vertical-50 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.all-5-types-of-collagen-2 {
  color: #363f72;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.helps-reduce-hair-loss-and-popping-knees-tighten-skin-support-joints-and-restore-youth-from-the-insi {
  color: #0d0f1ccc;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-1000005338-3 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.organic-baobab-fiber {
  overflow: hidden;
}

.organic-baobab-fiber-2 {
  color: #363f72;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.natures-original-superfood-that-promotes-gut-health-trimmer-waistline-and-better-digestion {
  color: #0d0f1ccc;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-1000005339-3 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.apple-cider-vinegar {
  overflow: hidden;
}

.apple-cider-vinegar-2 {
  color: #363f72;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.supports-weight-loss-by-suppressing-appetite-reducing-water-retention-boosts-metabolism-for-a-slimm {
  color: #0d0f1ccc;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-1000005340-2 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.hyaluronic-acid {
  overflow: hidden;
}

.hyaluronic-acid-2 {
  color: #363f72;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.retains-moisture-to-plump-up-the-skin-and-reduce-the-appearance-of-fine-lines-and-wrinkles {
  color: #0d0f1ccc;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-1000005341-4 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.vitamin-c {
  overflow: hidden;
}

.vitamin-c-2 {
  color: #363f72;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.combats-signs-of-aging-by-stimulating-collagen-production-brightening-complexion-and-reducing-dark-s {
  color: #0d0f1ccc;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-style-21 {
  background-color: #0d0f1c80;
  border-radius: 32px;
  flex-flow: row;
  height: auto;
  display: flex;
  overflow: hidden;
}

.asdasdasd {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.asdasdasdad {
  display: block;
  overflow: hidden;
}

.hhhh {
  color: #363f72;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.pppp {
  color: #0d0f1ccc;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.asdgrfdfsfsd {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pppppdp {
  color: #0d0f1c;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.diettttt {
  border-radius: 24px;
  overflow: hidden;
}

.melissa-42-copy-copy {
  display: block;
  overflow: hidden;
}

.asdgrfdfsfsd-copy {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pppppdp-copy {
  color: #0d0f1c;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.frame-1000005365-copy {
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.im-blown-away-im-down-19-pounds-and-i-look-10-years-younger-super-youth-has-improved-my-skin-wrinkle-copy-copy {
  color: #0d0f1ccc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.melissa-42-2-copy-copy {
  color: #0d0f1ccc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.im-down-19-pounds-copy {
  color: #363f72;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.sdasdsdasddasaa {
  grid-column-gap: 2.5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: grid;
}

.frame-1000005337-copy {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4727-2-copy {
  border-radius: 24px;
  overflow: hidden;
}

.melissa-42-copy {
  display: block;
  overflow: hidden;
}

.auto-layout-vertical-47-copy {
  grid-row-gap: .75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.im-down-19-pounds-copy-copy {
  color: #363f72;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.button-13-copy-copy {
  background-color: var(--brand--color--primary-foreground);
  pointer-events: auto;
  color: var(--brand--color--text-inverse);
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #9e3a30;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  margin-top: .5rem;
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .12s, border .12s;
  display: flex;
  position: relative;
}

.text-block-225 {
  color: #0d0f1c;
}

.span-secondary {
  color: var(--brand--color--secondary);
}

.free-gift-badge {
  background-color: var(--brand--color--secondary);
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  align-items: center;
  margin-top: 3px;
  padding: 2px .5rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
}

.gift__icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  min-height: 2rem;
  display: flex;
}

.gift__text {
  font-size: 1.25rem;
}

.gift__text.cc-right {
  margin-right: .5rem;
}

.free-gift__badge {
  background-color: var(--brand--color--secondary);
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  align-items: center;
  margin-top: 3px;
  padding: 2px .5rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
}

.heading-howto {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .free_gift-sec.align-middle.cc-negative {
    margin-top: -18px;
    margin-bottom: -18px;
  }

  .home__image-wrapper {
    height: 100%;
    right: -180px;
  }
}

@media screen and (min-width: 1440px) {
  .section.cc-custom.cc-hero-home.new-ritual {
    background-color: #ede3de;
  }

  .section.cc-custom.cc-matcha {
    height: 642px;
    min-height: 642px;
    max-height: none;
  }

  .hero__left.cc-home {
    width: 40%;
  }

  .free_gift-sec.align-middle.cc-negative {
    margin-top: -18px;
  }

  .home-hero__image.cc-desktop {
    justify-content: center;
    height: auto;
    min-height: 642px;
  }

  .home-hero__image.ritual {
    justify-content: flex-end;
  }

  .home-hero__image.cc-matcha {
    justify-content: center;
    height: 642px;
  }

  .home-hero__image.cc-auto {
    justify-content: center;
    height: auto;
    min-height: 642px;
  }

  .home-hero__image.cc-ritual {
    background-color: #ede3de;
    justify-content: flex-end;
  }

  .hero-image__desktop.cc-matcha {
    object-fit: cover;
    width: 100%;
    height: auto;
    margin-right: 0;
  }

  .hero-image__desktop.cc-ritualsss {
    width: 100%;
  }

  .home__image-wrapper {
    right: -22px;
  }

  .hero__left-content {
    padding-right: 2rem;
  }

  .hero__image-v2 {
    background-color: #f9f0e7;
    justify-content: flex-end;
    align-items: center;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 1rem;
  }

  h1 {
    font-size: 3.25rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 2.25rem;
  }

  h4 {
    font-size: 1.75rem;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .display-xs {
    font-size: 1.1125rem;
  }

  .display-sm {
    font-size: 1.325rem;
  }

  .display-2xl {
    font-size: 3.25rem;
  }

  .button.is-upgrade {
    width: 100%;
  }

  .display-md {
    font-size: 1.875rem;
  }

  .display-lg {
    font-size: 2.25rem;
  }

  .custom-code {
    display: none;
  }

  .headline-component.cc-left.cc-mbcenter {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .headline-component.cc-left.cc-full.mobile-center {
    text-align: center;
    align-items: center;
  }

  .headline-component.cc-left-tablet {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .display-xl {
    font-size: 2.75rem;
  }

  .pb-sg_grid-4-col, .pb-sg_grid-3-col {
    grid-template-columns: 1fr;
  }

  .section {
    padding-top: var(--spacing--3);
    padding-bottom: var(--spacing--2);
  }

  .section.cc-top-lg {
    padding-top: 6rem;
  }

  .section.cc-sm {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .section.cc-top-sm {
    padding-top: 2rem;
  }

  .section.cc-bottom-sm {
    padding-bottom: 2rem;
  }

  .section.cc-lg {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section.cc-bottom-lg {
    padding-bottom: 6rem;
  }

  .section.cc-custom.he01 {
    padding-top: var(--spacing--none);
  }

  .section.cc-custom.cc-hero-home {
    padding-top: var(--spacing--none);
    padding-bottom: var(--spacing--none);
    min-height: auto;
  }

  .section.cc-custom.cc-hero-home.cc-ritual {
    background-color: #ece3df;
    max-height: none;
  }

  .section.cc-custom.cc-hero-home.new-ritual {
    background-color: #ece3df;
    height: auto;
    max-height: none;
  }

  .section.cc-custom.cc-matcha {
    padding-top: var(--spacing--none);
    padding-bottom: var(--spacing--none);
    justify-content: center;
    align-items: center;
  }

  .section.cc-custom.cc-home {
    padding-top: var(--spacing--none);
    padding-bottom: var(--spacing--none);
    max-height: none;
  }

  .section.cc-custom.cc-gap {
    padding-top: var(--spacing--1-5);
  }

  .section.cc-seenon {
    height: 6rem;
  }

  .section.cc-hero-v3 {
    padding-top: var(--spacing--2);
    padding-bottom: var(--spacing--2);
    background-color: #f9f8e4;
  }

  .pb-sg_element {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .pb-sg_element.cc-bigger-details {
    grid-template-columns: 1fr;
  }

  .text-h5 {
    font-size: 1.75rem;
  }

  .image-wrapper.cc-container {
    padding: 1rem;
  }

  .image-wrapper.cc-feel-good {
    aspect-ratio: auto;
  }

  .image-wrapper.cc-footer {
    min-height: 520px;
  }

  .image-wrapper.cc-footer.cc-first {
    order: -9999;
  }

  .spacer-desktop {
    display: none;
  }

  .spacer-tablet {
    display: block;
  }

  .u-hide_tablet {
    display: none;
  }

  .u-grid-cust {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .u-grid-cust.grid-6, .u-grid-cust.cc-1-2, .u-grid-cust.cc-2-1 {
    grid-column-gap: var(--site--gutter-mobile);
    grid-row-gap: var(--site--gutter-mobile);
  }

  .u-grid-cust.cc-horizontal {
    grid-column-gap: var(--site--gutter-mobile);
    grid-row-gap: var(--site--gutter-mobile);
  }

  .u-grid-cust.cc-1-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-column-gap: var(--site--gutter-mobile);
    grid-row-gap: var(--site--gutter-mobile);
  }

  .u-grid-cust.cc-2-1, .u-grid-cust.cc-1-2, .u-grid-cust.cc-2-1 {
    grid-column-gap: var(--site--gutter-mobile);
    grid-row-gap: var(--site--gutter-mobile);
  }

  .content_wrap {
    width: 100%;
  }

  .sidebar_wrap {
    width: auto;
    padding: .75rem;
    position: fixed;
    bottom: 0;
  }

  .sidebar_wrap.hide-mobile {
    display: none;
  }

  .pb-sg_grid-6-col {
    grid-template-columns: 1fr;
  }

  .uui-button.is-button-large {
    border-width: 0;
    min-width: auto;
  }

  .list.cc-horizontal {
    flex-flow: column;
    align-items: flex-start;
  }

  .pb-sg_subcategory-inner {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .pb-sg_subcategory-col.pb-sg_left {
    width: 100%;
  }

  .u-hide_desktop {
    display: block;
  }

  .sg_grid-2-col {
    grid-template-columns: 1fr;
  }

  .u-grid-2col-wide {
    grid-column-gap: var(--spacing--2);
    grid-row-gap: var(--spacing--2);
    flex-flow: column;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: stretch;
    display: flex;
  }

  .u-grid-2col-wide.align-top {
    align-items: stretch;
  }

  .u-grid-3col-wide {
    grid-column-gap: var(--spacing--1-5);
    grid-row-gap: var(--spacing--1-5);
  }

  .u-grid-4col-wide, .u-grid-4col-standard {
    grid-column-gap: var(--spacing--1);
    grid-row-gap: var(--spacing--1);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .u-grid-6col-standard {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .text-2xs {
    font-size: .875rem;
  }

  .pb-sg_info-container.cc-subcategory {
    width: auto;
  }

  .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .hero__left, .hero__left.cc-45 {
    width: 100%;
  }

  .hero__left.cc-matcha, .hero__left.matcha {
    width: 48%;
  }

  .hero__left.cc-home {
    width: 100%;
  }

  .hero__left-wrapper {
    position: relative;
    top: auto;
  }

  .hero__left-wrapper.cc-sticky {
    position: static;
  }

  .h-hero {
    font-size: 2.75rem;
  }

  .component.negative-swiper {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .component.negative-swiper.cc-padding {
    margin-left: -1.25rem;
  }

  .hero__right {
    width: 100%;
  }

  .hero__right.cc-home {
    flex: 0 auto;
    height: 720px;
  }

  .feature_col {
    width: 100%;
  }

  .swiper-thumbs-arrow.is-hero, .swiper-thumbs-arrow.is-ugc {
    padding-left: 0;
    padding-right: 0;
  }

  .swiper-thumbs-arrow.is-ugc.desktop, .swiper-thumbs-arrow.is-ugc.mobile, .swiper-thumbs-arrow.is-ugc.hide-mobile, .swiper-thumbs-arrow.is-ugc.hide-dekssss {
    display: none;
  }

  .os-cards__grid {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .pc13_component {
    justify-content: center;
    align-items: center;
  }

  .headline_post {
    margin-top: .25rem;
  }

  .pb-booster {
    max-width: 100%;
  }

  .review-component {
    flex-flow: column;
  }

  .review_component-image.is-desktop {
    display: none;
  }

  .review_component-image.is-mobile {
    display: block;
  }

  .cta_wrapper.cc-auto {
    max-width: none;
  }

  .footer_bottom {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: center;
  }

  .holiday-secondary {
    font-size: 1rem;
  }

  .listicle_reasons {
    grid-row-gap: 3rem;
  }

  .content-listicle {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: stretch;
  }

  .listicle-image {
    width: 100%;
  }

  .show-tablet {
    display: block;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .swiper-navigation.sw01 {
    inset: auto 0% 0%;
  }

  .swiper-navigation.cc-gifts {
    margin-top: .5rem;
  }

  .swiper-navigation.cc-testimonials {
    display: flex;
  }

  .img-full {
    object-fit: cover;
  }

  .adv-bcta-txt-w {
    padding-left: 24px;
    padding-right: 24px;
  }

  .sticky_bar {
    z-index: 50;
    background-color: #fff0;
    background-image: linear-gradient(0deg, var(--brand--color--background), #fff0);
    width: 100%;
    transition: transform .2s;
    display: block;
    position: fixed;
    inset: auto 0% 0%;
    transform: translate(0, 100%);
  }

  .padding-global-6.m-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .data-grid-slots {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .os-card__label.os-card__label--top-center {
    top: -1.4rem;
  }

  .os-card__label.os-card__label-ryze {
    border-bottom-style: none;
    top: -1.2rem;
  }

  .os-cards__vertical {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .sg_grid-3col {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .os-card__selector-options {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .os-quantity__widget {
    justify-content: flex-start;
  }

  .accordion__wrapper.cc-grid {
    grid-template-columns: 1fr;
  }

  .accordion__title-wrapper {
    text-align: left;
  }

  .grid-container {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .hero-desc.cc-pad-desktop {
    padding-right: 0;
  }

  .container__wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .container__wrapper.cc-thinner {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .layout_left {
    width: 100%;
  }

  .layout_left.cc-sticy {
    position: static;
  }

  .layout__wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .layout__right {
    width: 100%;
  }

  .menu-icon1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    margin-left: -.5rem;
    display: flex;
    overflow: hidden;
  }

  .menu-icon1_line-top {
    border-radius: 100px;
    width: 1.5rem;
    height: .125rem;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon1_line-middle {
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    max-width: 1.5rem;
    height: .125rem;
    margin-top: .375rem;
    margin-bottom: .375rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-middle-inner {
    width: .25rem;
    max-width: .25rem;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon1_line-bottom {
    border-radius: 100px;
    width: 1.5rem;
    height: .125rem;
    padding-bottom: 0;
    padding-right: 0;
  }

  .cart__banner {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .cart__table-cell.cc-product {
    flex: 0 auto;
    width: 45%;
    min-width: 0;
    padding-left: 0;
  }

  .cart__table-cell.cc-price {
    width: 15%;
    min-width: 0;
  }

  .cart__table-cell.cc-quantity {
    width: 20%;
    min-width: 0;
  }

  .cart__table-cell.cc-total {
    width: 20%;
    min-width: 0;
    padding-right: 0;
  }

  .cart-item__details {
    padding-left: .75rem;
  }

  .cart-item__content {
    align-items: flex-end;
  }

  .cart-item__description {
    flex: 1;
  }

  .display-cart {
    font-size: 2.75rem;
  }

  .cart__upgrade {
    margin-top: 1rem;
  }

  .upgrade-item__button-wrapper {
    padding-left: 0;
  }

  .home-hero__image {
    height: auto;
    min-height: auto;
    margin-top: -28rem;
    position: static;
  }

  .home-hero__image.cc-desktop {
    width: auto;
    height: 100%;
    margin-top: 0;
    right: -43%;
  }

  .home-hero__image.ritual {
    display: none;
  }

  .home-hero__image.cc-matcha {
    width: auto;
    height: 100%;
    margin-top: 0;
    right: -84%;
  }

  .home-hero__image.cc-home {
    align-items: flex-end;
    margin-top: 0;
    position: absolute;
  }

  .home-hero__image.cc-auto {
    width: auto;
    height: 100%;
    margin-top: 0;
    right: -43%;
  }

  .home-hero__image.cc-ritual {
    height: auto;
    max-height: none;
    display: none;
  }

  .hero--content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .hero--content.cc-matcha {
    flex-flow: row;
  }

  .display-2xxl {
    font-size: 3rem;
    display: inline;
  }

  .display-2xxl.is-second, .display-2xxl.is-first {
    display: inline;
  }

  .hero-image__desktop {
    display: none;
  }

  .hero-image__desktop.cc-matcha {
    object-position: 50% 50%;
    display: block;
  }

  .hero-image__mobo {
    width: 100%;
    max-width: none;
    height: auto;
    display: block;
  }

  .hero-content {
    padding-top: 4rem;
    position: absolute;
    inset: 0% 0% auto;
  }

  .hero-content.cc-ritual {
    padding-bottom: 4rem;
    position: relative;
  }

  .hero-content.cc-ritual.cc-new.cc-newsss {
    padding-top: 81%;
  }

  .hero-content.cc-matcha {
    position: static;
  }

  .hero-content.cc-homepage {
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: static;
  }

  .hero-content.cc-homepage.cc-pointer-none {
    position: static;
  }

  .hero__left--inner {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    align-items: center;
    width: 100%;
  }

  .hero__left--inner.cc-ritual-set {
    align-items: stretch;
  }

  .hero__left--inner.cc-matcha {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero__left--inner.cc-ritual-v2 {
    align-items: center;
  }

  .hero__cta-wrapper.cc-ritual-second {
    max-width: none;
  }

  .hero__cta-wrapper.cc-second {
    order: 2;
    max-width: none;
  }

  .hero__headline {
    align-items: center;
  }

  .hero__headline.cc-matcha {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero__headline.cc-first {
    order: 0;
  }

  .seenon2__wrapper {
    display: flex;
  }

  .container__right {
    width: 100%;
  }

  .benefit__wrap.cc-wrap-mobile {
    flex-flow: column;
    display: flex;
  }

  .cta-nutrition.is-bigger, .cta-nutrition.cc-full, .ingredient__item {
    max-width: none;
  }

  .card__callout.is-distribute.mobile-last {
    order: 1;
  }

  .feature25_item {
    text-align: center;
  }

  .u-grid-9col-standard {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .section-benefits {
    max-width: 100%;
  }

  .how-to__wrapper {
    padding: 2rem;
  }

  .u-grid-8col-standard {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .hero__benefits.ritual-new {
    order: 4;
  }

  .ritual-set__negative {
    margin-top: -4rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    display: block;
  }

  .feature28_item {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .feature28_item.cc-left {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .features5__column {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .features5__grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .benefit__grid-title {
    font-size: 1.875rem;
  }

  .paralax__section {
    padding-bottom: 0;
  }

  .home__image-wrapper {
    flex-flow: column;
    justify-content: flex-end;
    display: flex;
    inset: 0%;
  }

  .os-dropdown__label.os-card__label-ryze {
    border-bottom-style: none;
    top: -1.2rem;
  }

  .hero__left-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .bottom_feature-image {
    aspect-ratio: 3 / 2;
  }

  .bottom_feature-image.giving-back, .bottom_feature-image.mindfullness-app {
    order: -9999;
  }

  .ryze-slider_bullet_item {
    border-color: #0000;
  }

  .ryze-slider__bullet-wrap {
    color: var(--brand--color--primary);
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
  }

  .grid__3-col {
    grid-template-columns: 1fr;
  }

  .headline__container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .layout__left {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    text-align: left;
    width: 100%;
  }

  .headline-display {
    font-size: 3rem;
    display: inline;
  }

  .headline-display.is-second, .headline-display.is-first {
    display: inline;
  }

  .logo__cloud {
    display: flex;
  }

  .order-form__headline {
    font-size: 2.25rem;
  }

  .order-form__subheadline {
    --_text---font-family--primary: "Sofia Pro", Arial, sans-serif;
    --_text---font-family--heading: "Sofia Pro", Arial, sans-serif;
    --_text---size--6: 1.25rem;
    --_text---size--8: 2rem;
    --_text---size: 0px;
    --_text---size--4: 1rem;
    --_text---size--5: 1.125rem;
    --_text---size--9: 2rem;
    --_text---size--10: 3rem;
    --_text---scale--min: .8;
    --_text---scale--max: 1.15;
    --_text---scale--viewport: 2;
    --_text---font-family--secondary: Inter;
    --_text---font-family--new-text: .875rem;
  }

  .order-form__subheadline.span-primary {
    font-size: 1.5rem;
  }

  .sale__banner-inner {
    justify-content: center;
    max-width: none;
  }

  .pdp-headline {
    --_text---font-family--primary: "Sofia Pro", Arial, sans-serif;
    --_text---font-family--heading: "Sofia Pro", Arial, sans-serif;
    --_text---size--6: 1.25rem;
    --_text---size--8: 2rem;
    --_text---size: 0px;
    --_text---size--4: 1rem;
    --_text---size--5: 1.125rem;
    --_text---size--9: 2rem;
    --_text---size--10: 3rem;
    --_text---scale--min: .8;
    --_text---scale--max: 1.15;
    --_text---scale--viewport: 2;
    --_text---font-family--secondary: Inter;
    --_text---font-family--new-text: .875rem;
  }

  .swiper-bullet__container {
    display: flex;
  }

  .ritual-set-tops {
    pointer-events: none;
    width: 100%;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .hero__benefit-text {
    font-weight: 500;
  }

  .swiper__bullet__wrapper {
    height: 3rem;
  }

  .hero__image-v2 {
    flex-flow: column;
    justify-content: center;
    display: flex;
    inset: 0%;
  }

  .cc-hero__gap {
    aspect-ratio: 16 / 9;
    order: 3;
    width: 100%;
    height: auto;
    display: block;
  }

  .hero__ritual-v2 {
    height: 100%;
    padding-top: 0;
  }

  .hero-image__desktop-ritual {
    display: none;
  }

  .hero-image__mobile-rtiual {
    width: 140%;
    max-width: none;
    height: auto;
    display: block;
    position: relative;
    top: -2rem;
  }

  .wrap-mobile {
    display: block;
  }

  .container-13 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .display-xl-copy {
    font-size: 2.75rem;
  }

  .headline-component-copy.cc-left.cc-mbcenter {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .headline-component-copy.cc-left.cc-full.mobile-center {
    text-align: center;
    align-items: center;
  }

  .headline-component-copy.cc-left-tablet {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cta_wrapper-copy.cc-auto {
    max-width: none;
  }

  .gift__icon {
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
  }

  .gift__text {
    font-size: 1.125rem;
    line-height: 1;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.5rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1.125rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .text-md {
    font-size: 1rem;
  }

  .display-2xl {
    font-size: 2.5rem;
  }

  .button.is-tiny {
    padding: .5rem 1rem;
  }

  .display-md {
    font-size: 1.75rem;
  }

  .display-lg {
    font-size: 2rem;
  }

  .text-lg {
    font-size: 1.125rem;
  }

  .headline-component {
    margin-bottom: 2rem;
  }

  .headline-component.cc-bottom-sm {
    margin-bottom: 1.5rem;
  }

  .display-xl {
    font-size: 2.25rem;
  }

  .section.cc-lg {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .section.cc-custom.cc-matcha {
    min-height: auto;
  }

  .section.cc-normal {
    padding-top: var(--spacing--none);
  }

  .pb-sg_element, .pb-sg_element.cc-bigger-details {
    grid-template-columns: 1fr;
  }

  .text-h5 {
    font-size: 1.5rem;
  }

  .image-wrapper.cc-footer {
    aspect-ratio: 3 / 2;
    min-height: 0;
  }

  .spacer-tablet {
    display: none;
  }

  .spacer-landscape {
    display: block;
  }

  .u-hide_tablet, .u-hide_landscape {
    display: none;
  }

  .page-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sidebar_wrap {
    padding: .5rem;
  }

  .text-xl {
    font-size: 1.125rem;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    background-color: #7f56d9;
    border-color: #7f56d9;
  }

  .uui-button.is-button-large {
    grid-column-gap: .5rem;
    border-width: 0;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-button.is-button-large:hover {
    background-color: #fed300;
    border-width: 0;
    border-color: #fec84b;
  }

  .list__item {
    margin-bottom: .15rem;
  }

  .list_icon.cc-custom.li05 {
    margin-top: -1px;
  }

  .list_icon.cc-plus {
    padding: 2px;
  }

  .u-grid-3col-wide {
    flex-flow: column;
    display: flex;
  }

  .text-2xs {
    font-size: .725rem;
  }

  .list-icon {
    margin-top: .125rem;
  }

  .hero__left.cc-matcha, .hero__left.matcha {
    width: 100%;
  }

  .h-hero {
    font-size: 2.25rem;
  }

  .component.negative-swiper {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .review_component-wrapper {
    line-height: 18px;
  }

  .review_stars-wrapper {
    margin-top: -1px;
  }

  .hero__right.cc-right {
    flex: 0 auto;
    height: 340px;
  }

  .hero__right.cc-right:where(.w-variant-0139e1a7-bfe9-7e08-0559-232905a21bd0) {
    height: 360px;
  }

  .hero__right.cc-home {
    flex: 0 auto;
    height: 640px;
  }

  .swiper__button-icon {
    width: .8rem;
    height: .8rem;
  }

  .os-card__banner-content {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .pc13_sale {
    font-size: 1.125rem;
  }

  .holiday-secondary {
    font-size: .9rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .adv-bcta-offer-w {
    flex-flow: column;
  }

  .adv-bcta-img-w {
    width: 100%;
  }

  .adv-bcta-txt-w {
    width: 100%;
    padding-top: 30px;
  }

  .padding-global-6 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .os-card__feature-item {
    margin-bottom: .15rem;
  }

  .os-card__benefit-icon-svg {
    margin-top: .125rem;
  }

  .os-card__banner-cont {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .sale-badge-absolute {
    top: 4rem;
    right: 5.4rem;
  }

  .booster__wrapper-gift {
    font-size: 1.35rem;
  }

  .bs-absolute {
    top: 4rem;
    right: 5.4rem;
  }

  .review_card--inner {
    flex-flow: column;
  }

  .review_card-left {
    border-bottom: 1px solid var(--brand--color--border);
    border-right-style: none;
    width: 100%;
  }

  .cart__table-header {
    display: none;
  }

  .cart__table-cell.cc-product {
    width: 70%;
  }

  .cart__table-cell.cc-price {
    display: none;
  }

  .cart__table-cell.cc-quantity {
    width: 30%;
  }

  .cart__table-cell.cc-quantity.cc-mobile {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-end;
  }

  .cart__table-cell.cc-total {
    display: none;
  }

  .cart-item__image-container {
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px;
  }

  .cart-item__title {
    font-size: 1.15rem;
  }

  .cart-item__pricing.cc-mob {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: row;
    display: flex;
  }

  .cart__totals {
    align-items: stretch;
  }

  .cart__totals-line.cc-shipping {
    width: 100%;
    min-width: 0;
  }

  .cart__totals-line-title {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .display-cart {
    font-size: 2.25rem;
  }

  .cart__upgrade {
    flex-flow: column;
  }

  .cart__upgrade-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .upgrade-item__button-wrapper {
    flex-flow: column;
    padding-left: 0;
    display: flex;
  }

  .cart-upgrade-item__title {
    font-size: 1.15rem;
  }

  .cart-upgrade__image {
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px;
  }

  .remove-link {
    display: none;
  }

  .remove-icon {
    padding: 0;
    display: flex;
  }

  .cart-line-item_remove--icon {
    width: 1.15rem;
    height: 1.15rem;
  }

  .home-hero__image {
    margin-top: -14rem;
  }

  .home-hero__image.cc-desktop, .home-hero__image.cc-matcha, .home-hero__image.cc-auto {
    align-items: flex-end;
    right: 0%;
  }

  .hero--content.cc-matcha {
    flex-flow: column;
  }

  .display-2xxl {
    font-size: 3rem;
  }

  .hero-image__desktop.cc-matcha {
    display: none;
  }

  .hero-image__mobo.ma01 {
    object-fit: cover;
    object-position: 50% 100%;
    height: 100%;
  }

  .hero-content {
    padding-top: 2rem;
  }

  .hero-content.cc-ritual {
    padding-bottom: 2rem;
  }

  .hero-content.cc-ritual.cc-new.cc-newsss {
    padding-top: 83%;
  }

  .hero__left--inner.cc-matcha {
    text-align: center;
    align-items: center;
  }

  .hero__cta-wrapper.cc-ritual-second, .hero__cta-wrapper.cc-second {
    max-width: none;
  }

  .hero__headline.cc-matcha {
    justify-content: flex-start;
    align-items: center;
  }

  .seenon2__wrapper {
    overflow: visible;
  }

  .seenon_icon {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
  }

  .seenon_title {
    font-size: 1.5rem;
  }

  .benefit__grid-items.cc-2col.cc-wrap-mobo {
    flex-flow: column;
    display: flex;
  }

  .cta__group {
    flex-flow: column;
    align-items: stretch;
  }

  .cta-nutrition {
    width: 100%;
  }

  .feature25_item {
    grid-row-gap: .5rem;
    text-align: center;
    flex-direction: column;
  }

  .cta__wrapper, .how-to__wrapper {
    padding: 1.5rem;
  }

  .hero__benefits.ritual-new {
    margin-top: 2rem;
  }

  .feature28_item {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .features5__grid {
    align-items: stretch;
  }

  .benefits__grid-icon {
    width: 3rem;
    height: 3rem;
  }

  .benefit-wrap-mobo {
    display: block;
  }

  .benefit__grid-title {
    font-size: 1.75rem;
  }

  .subtitle-big.span-secondary {
    font-size: 1.25rem;
  }

  .paralax__image {
    object-fit: cover;
    width: auto;
    height: 100%;
  }

  .hero__left-content {
    align-items: center;
  }

  .headline__container {
    text-align: center;
    align-items: center;
  }

  .layout__left {
    align-items: center;
  }

  .headline-display {
    font-size: 3rem;
  }

  .logo__cloud-icon {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
  }

  .logo__cloud-text {
    font-size: 1.5rem;
  }

  .logo__cloud {
    overflow: visible;
  }

  .layout__right-wrapper, .layout__right-wrapper:where(.w-variant-390c6602-80c4-1b6e-3ee8-1f164251bf3b), .layout__right-wrapper.sticky-5, .layout__right-wrapper.sticky-10, .layout__right-wrapper.sticky-15 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .order-form__headline {
    font-size: 1.75rem;
  }

  .order-form__subheadline {
    --_text---font-family--primary: "Sofia Pro", Arial, sans-serif;
    --_text---font-family--heading: "Sofia Pro", Arial, sans-serif;
    --_text---size--6: 1.25rem;
    --_text---size--8: 2rem;
    --_text---size: 0px;
    --_text---size--4: 1rem;
    --_text---size--5: 1.125rem;
    --_text---size--9: 2rem;
    --_text---size--10: 3rem;
    --_text---scale--min: .8;
    --_text---scale--max: 1.1;
    --_text---scale--viewport: 2;
    --_text---font-family--secondary: Inter;
    --_text---font-family--new-text: 1rem;
  }

  .order-form__subheadline.span-primary {
    font-size: 1.25rem;
  }

  .product__image:where(.w-variant-97533e68-b123-9b1f-f915-628ee62f2591), .product__image:where(.w-variant-1fe23e37-f821-931a-7d3c-6ec79d907e72) {
    border-radius: 1rem;
  }

  .pdp-headline {
    --_text---font-family--primary: "Sofia Pro", Arial, sans-serif;
    --_text---font-family--heading: "Sofia Pro", Arial, sans-serif;
    --_text---size--6: 1.25rem;
    --_text---size--8: 2rem;
    --_text---size: 0px;
    --_text---size--4: 1rem;
    --_text---size--5: 1.125rem;
    --_text---size--9: 2rem;
    --_text---size--10: 3rem;
    --_text---scale--min: .8;
    --_text---scale--max: 1.1;
    --_text---scale--viewport: 2;
    --_text---font-family--secondary: Inter;
    --_text---font-family--new-text: 1rem;
  }

  .head_component-wrapper {
    margin-bottom: 2rem;
  }

  .cc-hero__gap {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
  }

  .hero__ritual-v2 {
    padding-top: 0;
  }

  .hero-image__mobile-rtiual {
    width: 150%;
    top: 0;
  }

  .display-xl-copy {
    font-size: 2.25rem;
  }

  .headline-component-copy {
    margin-bottom: 2rem;
  }

  .headline-component-copy.cc-bottom-sm, .headline-component-copy.cc-bottom-sm-copy {
    margin-bottom: 1.5rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.5rem;
  }

  a.button.is-simple.is-medium {
    min-width: 0px!important;
    width: 100%!important;
}


  .page-wrapper.padding-header {
    padding-top: var(--_sizes---header--header-height-mobile);
  }

  .page-wrapper.padding-header.cc-sm {
    padding-top: 4.375rem;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .button {
    height: 63px;
    min-height: 63px;
    font-size: 1.125rem;
  }

  .button.is-tiny {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .button.is-outline {
    font-size: 1.125rem;
  }

  .display-lg {
    font-size: 1.5rem;
  }

  .display-lg.span-primary.cc-bigger {
    font-size: 2rem;
  }

  .headline-component {
    margin-bottom: 2rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .headline-component.cc-left.cc-mbcenter.mb0 {
    margin-bottom: 0;
  }

  .headline-component.cc-bottom-sm.cc-cart {
    margin-bottom: 1rem;
  }

  .display-xl {
    font-size: 2rem;
  }

  .pb-sg_item {
    grid-template-columns: 1fr;
  }

  .top {
    display: block;
  }

  .section {
    padding-top: var(--spacing--2);
  }

  .section.cc-top-lg {
    padding-top: 5.5rem;
  }

  .section.cc-sm {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .section.cc-top-sm {
    padding-top: 1.5rem;
  }

  .section.cc-bottom-sm {
    padding-bottom: 1.5rem;
  }

  .section.cc-bottom-lg {
    padding-bottom: 5.5rem;
  }

  .section.cc-custom.he01 {
    padding-top: var(--spacing--none);
  }

  .section.cc-custom.he01.pb0 {
    padding-bottom: 1rem;
  }

  .section.cc-custom.he01.cc-gap {
    padding-top: var(--spacing--1);
    padding-bottom: var(--spacing--1);
  }

  .section.cc-custom.cart {
    padding-top: var(--spacing--1);
    min-height: calc(100svh - 6.5rem);
  }

  .section.cc-custom.cc-hero-home {
    max-height: none;
  }

  .section.cc-custom.cc-hero-home.new-ritual {
    justify-content: center;
    align-items: center;
  }

  .section.cc-custom.cc-matcha, .section.cc-custom.cc-home {
    max-height: none;
  }

  .section.cc-custom.cc-gap {
    padding-top: var(--spacing--1);
    padding-bottom: var(--spacing--1);
  }

  .section.cc-hero-v3 {
    padding-bottom: var(--spacing--1);
  }

  .image-wrapper.cc-container {
    border-radius: 1rem;
  }

  .spacer-landscape {
    display: none;
  }

  .spacer-mobile {
    display: block;
  }

  .u-hide_mobile {
    display: none;
  }

  .page-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .page-global.is-nav {
    padding-left: .75rem;
  }

  .uui-button.is-button-large {
    width: 100%;
    min-width: 100%;
    max-width: 99.9999%;
    margin-left: auto;
    margin-right: auto;
    font-size: .9rem;
  }

  .label.ryze {
    font-size: .875rem;
  }

  .st-flex-hori, .pb_sg-item {
    grid-template-columns: 1fr;
  }

  .pb-sg_header-title {
    font-size: 3rem;
  }

  .list-container.cc-sm {
    font-size: .725rem;
  }

  .list {
    grid-row-gap: 0em;
  }

  .list.cc-slot {
    grid-row-gap: 2px;
  }

  .list__item {
    grid-column-gap: .25em;
  }

  .list__item.gap-gift {
    grid-column-gap: 0em;
  }

  .list__item.cc-slot {
    grid-column-gap: .35em;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .list__item.cc-steps {
    grid-column-gap: .5em;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .list_icon {
    top: -.1em;
  }

  .list_icon.cc-custom.li05 {
    top: .05em;
  }

  .list_icon.cc-custom.rz02 {
    min-width: 1.5em;
    min-height: 1.5em;
    top: 0;
  }

  .list_icon.cc-check, .list_icon.cc-plus {
    width: 1.125rem;
    min-width: 1.125rem;
    height: 1.125rem;
    min-height: 1.125rem;
    top: .1em;
  }

  .pb-sg_category-group {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .pb_sg-item-auto {
    grid-template-columns: 1fr;
  }

  .u-grid-2col-wide.cc-stretch.os-sm, .u-grid-2col-standard {
    grid-column-gap: var(--spacing--1);
    grid-row-gap: var(--spacing--1);
  }

  .list-icon {
    width: .8rem;
    height: .8rem;
    margin-top: 0;
  }

  .modal-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .modal-setup {
    flex-flow: column;
  }

  .modal_buttons-style {
    width: 100%;
  }

  .container {
    padding-left: .938rem;
    padding-right: .938rem;
  }

  .order-title-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .h-hero {
    font-size: 2rem;
  }

  .h-hero.cc-sm {
    font-size: 1.75rem;
  }

  .component.negative-swiper {
    margin-left: -.938rem;
    margin-right: -.938rem;
  }

  .component.negative-swiper.cc-padding {
    margin-left: -.938rem;
    margin-right: -.938rem;
    padding-left: .938rem;
    padding-right: .938rem;
  }

  .review_component.cc-sm {
    font-size: .875em;
  }

  .review_component-wrapper {
    font-size: 1.15rem;
  }

  .review_component-wrapper.cc-sms {
    font-size: 1rem;
  }

  .review_stars-wrapper {
    position: relative;
    top: -1px;
  }

  .review_component-star {
    width: 18px;
    height: 18px;
  }

  .hero__right.cc-right {
    height: 270px;
  }

  .hero__right.cc-right:where(.w-variant-0139e1a7-bfe9-7e08-0559-232905a21bd0) {
    height: 300px;
  }

  .hero__right.cc-home {
    height: 340px;
  }

  .hero__right.cc-home.cc-bfcm {
    height: 300px;
  }

  .package-options {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .os-card__content {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    align-items: stretch;
  }

  .swiper-thumbs-arrow {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .swiper__button-static.is-outline {
    width: 1.75rem;
  }

  .swiper__button-static.is-transparent, .swiper__button-static.is-bubble {
    width: 3rem;
    height: 3rem;
  }

  .swiper__button-icon {
    width: 1rem;
    height: 1rem;
  }

  .swiper__button-icon.is-huge {
    flex: none;
    width: 42px;
    height: 42px;
  }

  .swiper__button-icon.is-huge.is-left {
    margin-left: -1rem;
  }

  .swiper__button-icon.is-huge.is-right {
    width: 3rem;
    height: 3rem;
    margin-right: -.75rem;
  }

  .swiper__button-icon.cc-bubble {
    flex: none;
    width: 42px;
    height: 42px;
  }

  .os-card {
    border-radius: 12px;
  }

  .os-card__header-slot {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .os-card__main-slot {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .os-card__title {
    line-height: 1.2;
  }

  .os-card__title.cc-lg {
    flex: 0 auto;
    font-size: 1rem;
  }

  .os-card__unit-container {
    font-size: .875em;
  }

  .os-card__banner {
    font-size: .725rem;
  }

  .pc13_component-wrapper {
    font-size: 2rem;
  }

  .pc13_component-label {
    justify-content: center;
    align-items: center;
    height: 22px;
    margin-top: -1px;
    padding: 6px 8px;
    font-size: 14px;
    display: flex;
  }

  .pc13_serving {
    font-size: 1.125rem;
  }

  .headline_pre {
    font-size: 1.25rem;
  }

  .headline_post {
    font-size: 1rem;
  }

  .free_gift-sec {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .free_gift-sec.align-middle.cc-negative {
    margin-top: 0;
    margin-bottom: -1rem;
  }

  .free_gift-sec.align-middle.cc-negative.cc-bigger {
    align-items: flex-start;
    margin-top: .25rem;
    margin-bottom: -1rem;
  }

  .free_gift-left {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .free_gift-right {
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 120px;
    height: auto;
    min-height: 120px;
    display: block;
  }

  .free-gift-image {
    width: 115px;
    height: 115px;
  }

  .free-gift-image.cc-sms {
    width: 120px;
    height: 120px;
  }

  .free-gift-image.cc-sms.cc-smss {
    width: 115px;
    height: 115px;
  }

  .booster__content {
    font-size: 1.25rem;
  }

  .booster__content.cc-es {
    font-size: 1.15rem;
  }

  .review_component-image.is-mobile {
    width: 100%;
    height: auto;
  }

  .review-component__content {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    padding: 1rem;
  }

  .testimonial1_veified {
    padding-right: 8px;
    font-size: .875rem;
    line-height: 1.1;
  }

  .review-component__title {
    font-size: 1.15rem;
    line-height: 1.3;
  }

  .cta_wrapper {
    margin-top: 2rem;
  }

  .cta_wrapper.cc-top-1 {
    margin-top: 1rem;
  }

  .footer1__credit-text.pc {
    font-size: .75rem;
  }

  .footer_linkis {
    flex-flow: wrap;
    justify-content: center;
  }

  .holiday-secondary {
    font-size: 12px;
  }

  .nav-july4 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    height: 3.5rem;
    min-height: 3.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .nav-july4-txt-1.os-sm {
    font-size: 3.75vw;
  }

  .nav-july4-txt-2 {
    font-size: 1rem;
  }

  .nav-july4-txt-2.os-sm {
    font-size: 3.15vw;
  }

  .nav-july4-txt-2.cc-sm {
    font-size: 14px;
  }

  .nav-july4-clock-w {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    width: 122px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .july4-clock-number {
    font-size: 19px;
    font-weight: 900;
  }

  .july4-clock-label {
    font-size: 11px;
  }

  .july4-clock-divider {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .navbar__mushroom {
    width: 2.5rem;
    height: 2.5rem;
    left: -3rem;
  }

  .navbar4__wrapper {
    min-height: 3rem;
  }

  .navbar4__logo-image {
    height: 1.5rem;
  }

  .blogpost1_content-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .swiper-navigation.sw01 {
    height: 2rem;
    inset: auto 0% 0%;
  }

  .swiper-navigation.cc-testimonials {
    margin-top: 1rem;
  }

  .adv-bcta-txt-w {
    padding-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hurry-w {
    font-size: 14px;
  }

  .padding-global-6.m-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .selector_holder {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .os-card__subtitle-text {
    line-height: 1;
  }

  .os-card__media-slot {
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .os-card__benefit-icon-svg {
    width: .8rem;
    height: .8rem;
    margin-top: 0;
  }

  .os-card__label {
    justify-content: center;
    align-items: center;
    height: 1.25rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: .65rem;
    line-height: 1;
    display: flex;
    top: -1.25rem;
  }

  .os-card__label.os-card__label--top-center {
    top: -1.25rem;
  }

  .os-card__label.os-card__label-ryze {
    height: 1.2rem;
    font-size: .725rem;
    top: -.9rem;
  }

  .os-card__label-text {
    font-size: 12px;
  }

  .os-card__content-4 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    align-items: stretch;
  }

  .os-card__media-slot-4 {
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .os-card__footer-banner {
    font-size: .725rem;
  }

  .badge__container.cc-lg {
    width: 6rem;
    height: 6rem;
  }

  .badge-content {
    font-size: .75rem;
    line-height: .9;
  }

  .badge__text-huge {
    font-size: 2.25rem;
  }

  .badge__text-md {
    font-size: 1.15em;
  }

  .badge-elements {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .badge__text-lg {
    font-size: 2em;
  }

  .badge__text-lg.cc-sm {
    font-size: 1.75em;
  }

  .sg_container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .ss2_list-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    letter-spacing: -.01em;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding: .5rem .25rem;
    font-size: .625rem;
    display: flex;
  }

  .ss2_list-icon {
    width: 1rem;
    height: 1rem;
  }

  .list-item-text.cc-refill {
    margin-right: -.15rem;
  }

  .bundle-step__title {
    font-size: 1rem;
  }

  .sale-badge-absolute {
    top: 2.2rem;
    right: 3.2rem;
  }

  .os-card__selector-option-media {
    padding-left: 0;
    padding-right: 0;
  }

  .os-card__selector-option-details {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .os-card__selector-option-name {
    line-height: 1.2;
  }

  .os-card__selector-status-badge {
    padding-left: 4px;
    padding-right: 4px;
    font-size: 7px;
  }

  .os-card__selector-option-description {
    flex: none;
  }

  .os-quantity__actions {
    flex-direction: column;
    flex: none;
    align-items: center;
    width: 100%;
    max-width: 6.25rem;
    display: flex;
    overflow: visible;
  }

  .os-quantity__widget {
    grid-column-gap: .25rem;
    color: #2a2552;
    align-items: center;
    font-size: .6rem;
    line-height: 1;
  }

  .os-card__selector-reviews {
    color: #2a2552;
    font-size: .6rem;
    line-height: 1;
  }

  .os-card__selector-star {
    width: .65rem;
    height: .65rem;
  }

  .os-card__selector-action-label {
    top: -1.4rem;
  }

  .os-card__selector-action-label.os--bestseller {
    font-size: .55rem;
  }

  .accordion_title {
    font-size: 1.125rem;
    line-height: 1.2;
  }

  .badge__text-xs {
    font-size: 1.15em;
  }

  .badge__text-xs.cc-sm {
    font-size: .785em;
  }

  .booster__wrapper-gift {
    padding-top: 0;
    padding-bottom: 0;
  }

  .sub-header {
    font-size: .875rem;
  }

  .sub-header.cc-sub {
    font-size: 1rem;
  }

  .badge__text-md-lb {
    font-size: 1.35em;
  }

  .bs-absolute {
    top: 2.8rem;
    right: 3.1rem;
  }

  .bs-badge__icon {
    width: 85px;
    height: 85px;
  }

  .review_card-left, .review_card-right {
    padding: 1rem;
  }

  .review_card-author {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .review_card-avatar {
    width: 3.5em;
    height: 3.5em;
  }

  .review_card-avatar--name {
    font-size: 1.25rem;
  }

  .review_card--verified {
    font-size: .875rem;
    line-height: 1.1;
  }

  .review_card-right--title {
    font-size: 1.15rem;
  }

  .review_card-right--body {
    font-size: .875rem;
  }

  .review_card--badge {
    width: .95rem;
    min-width: .95rem;
    height: .95rem;
    min-height: .95rem;
  }

  .review-aggregate__inner {
    margin-bottom: 0;
  }

  .stars-container {
    width: auto;
    display: flex;
  }

  .okendo_review-star {
    min-height: 1.25em;
  }

  .list-step__icon {
    font-size: .875rem;
  }

  .list-step__icon.cc-step {
    margin-top: 3px;
  }

  .hero-desc {
    font-size: 1rem;
  }

  .container__wrapper.cc-thinner {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .review_component-wraper.cc-sm {
    font-size: .875em;
  }

  .review__component {
    font-size: 1rem;
  }

  .review__component.cc-sms {
    font-size: .875rem;
  }

  .menu-icon1 {
    margin-left: -1rem;
  }

  .menu-icon1_line-top {
    width: 1.25rem;
  }

  .menu-icon1_line-middle {
    width: 1.25rem;
    max-width: 1.25rem;
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  .menu-icon1_line-bottom {
    width: 1.25rem;
  }

  .header__wrapper {
    min-height: 3rem;
  }

  .menu-icon__cart {
    width: 1.5rem;
    height: 1.5rem;
  }

  .menu-container {
    height: calc(100dvh - 6.5rem);
    padding-top: 2rem;
  }

  .menu-container.cc-bigger {
    height: calc(100dvh - 4.375rem);
  }

  .main__menu {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .cart__banner {
    margin-left: -.938rem;
    margin-right: -.938rem;
  }

  .cart__table-cell.cc-quantity.cc-mobile {
    padding-right: 0;
  }

  .cart__table-content {
    border-top-style: none;
  }

  .cart-item__wrapper {
    text-align: left;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
  }

  .cart-item__image-container {
    padding-left: 0;
    padding-right: 0;
  }

  .cart-item__details {
    grid-row-gap: .25rem;
    text-align: left;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    font-size: .9rem;
  }

  .cart-item__content {
    width: 100%;
    display: flex;
  }

  .cart-item__title {
    font-size: .9rem;
  }

  .cart-item__title.main {
    font-size: 1rem;
    font-weight: 400;
  }

  .cart-price.price--final {
    font-size: 1rem;
  }

  .cart__wrapper.is-empty {
    justify-content: center;
    height: 100%;
    min-height: 60vw;
  }

  .display-cart {
    font-size: 1.5rem;
  }

  .cart-item__upgrade-price {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .upgrade-item__content {
    width: 100%;
    display: flex;
  }

  .cart-upgrade-item__title {
    font-size: 1.15rem;
  }

  .cart-upgrade__image {
    padding-left: 0;
    padding-right: 0;
  }

  .cart-line-item_remove--icon {
    flex: none;
  }

  .home-hero__image {
    margin-top: -4rem;
  }

  .home-hero__image.cc-desktop, .home-hero__image.cc-matcha, .home-hero__image.cc-auto {
    margin-top: 0;
  }

  .display-2xxl {
    font-size: 2.5rem;
  }

  .display-2xxl.cc-matcha {
    font-size: 2.75rem;
  }

  .display-2xxl.cc-ritual {
    font-size: 2rem;
  }

  .display-2xxl.is-second, .display-2xxl.is-first {
    display: inline;
  }

  .display-2xxl.bigger {
    font-size: 48px;
  }

  .hero-image__mobo.ma01 {
    object-fit: cover;
    height: 100%;
  }

  .hero-content {
    padding-top: 2rem;
  }

  .hero-content.cc-ritual.cc-new.cc-newsss {
    padding-top: 93%;
  }

  .hero-content.cc-matcha {
    padding-bottom: 2rem;
  }

  .seenon_item {
    margin-right: 8vw;
  }

  .benefit__item-title {
    font-size: 1.125rem;
  }

  .benefit__grid-items {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .benefit__grid-text {
    font-size: 16px;
  }

  .benefit__grid-icon {
    width: 48px;
    height: 48px;
  }

  .ingredient__item {
    min-height: auto;
    padding: 1.25rem 8rem 1.25rem 1.25rem;
  }

  .ingredient__purpose {
    font-size: 1.125rem;
  }

  .ingredient__description {
    font-size: .875rem;
  }

  .ingredient__image {
    width: 140px;
    right: -1rem;
  }

  .card__callout.is-distribute {
    padding: 1.5rem;
  }

  .checkmark__check {
    width: 1rem;
    height: 1rem;
    top: 5px;
  }

  .checkmark__icon {
    width: 12px;
    height: auto;
  }

  .frother__banner {
    align-items: stretch;
    padding-right: 12px;
  }

  .footer__banner-xx {
    justify-content: center;
    align-items: flex-start;
    height: 42px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: .75rem;
  }

  .frother__banner-image {
    width: 48px;
    height: 48px;
    margin-right: -50px;
    right: 38px;
  }

  .compliance-elements {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .feature25_icon-wrapper {
    width: 3.5rem;
  }

  .u-grid-9col-standard {
    grid-column-gap: var(--spacing--2);
    grid-row-gap: var(--spacing--2);
  }

  .cta__wrapper {
    border-radius: 1rem;
  }

  .section-benefits.cc-es {
    font-size: .875rem;
  }

  .how-to__wrapper {
    border-radius: 1rem;
  }

  .refill-text {
    margin-right: -.05rem;
  }

  .u-grid-8col-standard {
    grid-column-gap: var(--spacing--1);
    grid-row-gap: var(--spacing--1);
  }

  .hero__benefits.cc-padding {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    margin-bottom: .5rem;
    padding-left: 0;
    padding-right: 1rem;
  }

  .hero__benefits.ritual-new {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    margin-top: 2rem;
    margin-bottom: .5rem;
    padding-left: 0;
    padding-right: 0;
  }

  .hero__benefits-item {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    letter-spacing: 0;
  }

  .hero-benefit__icon {
    width: 36px;
    height: 36px;
  }

  .hero-benefit__icon.cc-stars {
    padding: 4px;
  }

  .ritual-set__negative {
    margin-left: -.938rem;
    margin-right: -.938rem;
  }

  .feature28_item {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    min-height: 14rem;
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .features5__column, .features5__grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .benefit__grid-title, .gift__item-content-title {
    font-size: 1.25rem;
  }

  .subtitle-big.span-secondary {
    margin-top: 0;
  }

  .subtitle-big.cc-sm {
    font-size: 1.25rem;
  }

  .paralax__section {
    height: auto;
  }

  .gift-text__mobo {
    font-size: 1rem;
  }

  .os-card__variant-dropdown-menu-v2.w--open {
    min-width: 320px;
    max-width: 100%;
  }

  .os-dropdown__label {
    justify-content: center;
    align-items: center;
    height: 1.25rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: .65rem;
    line-height: 1;
    display: flex;
    top: -1.25rem;
  }

  .os-dropdown__label.os-card__label-ryze {
    height: 1.2rem;
    font-size: .725rem;
    top: -.9rem;
  }

  .cc-refill-negative.cc-left.cc-repo {
    margin-left: 0;
    margin-right: 0;
  }

  .cc-refill-negative.cc-mobo {
    margin-right: 0;
  }

  .list__wrapper {
    grid-row-gap: 0em;
  }

  .headline__component {
    padding-top: 0;
    padding-bottom: 0;
  }

  .headline-display {
    font-size: 2.5rem;
  }

  .headline-display.is-second, .headline-display.is-first {
    display: inline;
  }

  .logo__cloud-item {
    margin-right: 8vw;
  }

  .order-form__subheadline {
    --_text---font-family--primary: "Sofia Pro", Arial, sans-serif;
    --_text---font-family--heading: "Sofia Pro", Arial, sans-serif;
    --_text---size--6: 1.25rem;
    --_text---size--8: 2rem;
    --_text---size: 0px;
    --_text---size--4: 1rem;
    --_text---size--5: 1.125rem;
    --_text---size--9: 2rem;
    --_text---size--10: 3rem;
    --_text---scale--min: .8;
    --_text---scale--max: 1.05;
    --_text---scale--viewport: 2;
    --_text---font-family--secondary: Inter;
    --_text---font-family--new-text: .5rem;
  }

  .sale__banner {
    height: 48px;
  }

  .sale__banner-inner {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .sale__banner-countdown {
    height: 100%;
  }

  .countdown__block {
    justify-content: space-between;
    min-width: 2rem;
  }

  .countdown__divider.cc-inverse {
    margin-left: -1px;
    margin-right: -1px;
  }

  .countdown__block-number, .countdown__block-number.cc-inverse {
    font-size: 20px;
  }

  .countodwn__block-label.cc-inverse {
    font-size: 10px;
  }

  .sale__banner-title {
    font-size: 20px;
  }

  .sale__banner-desc, .sale__banner-desc.cc-inverse {
    font-size: 10px;
  }

  .pdp-headline {
    --_text---font-family--primary: "Sofia Pro", Arial, sans-serif;
    --_text---font-family--heading: "Sofia Pro", Arial, sans-serif;
    --_text---size--6: 1.25rem;
    --_text---size--8: 2rem;
    --_text---size: 0px;
    --_text---size--4: 1rem;
    --_text---size--5: 1.125rem;
    --_text---size--9: 2rem;
    --_text---size--10: 3rem;
    --_text---scale--min: .8;
    --_text---scale--max: 1.05;
    --_text---scale--viewport: 2;
    --_text---font-family--secondary: Inter;
    --_text---font-family--new-text: .5rem;
  }

  .ritual-set-tops {
    width: 120%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    top: -1rem;
    left: auto;
    right: auto;
  }

  .head_component-wrapper {
    margin-bottom: 1.75rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .running-sale__image {
    width: 65px;
    min-width: 65px;
    max-width: 65px;
    height: 65px;
    min-height: 65px;
    max-height: 65px;
    top: 1rem;
  }

  .hero__benefit-text {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
  }

  .review-text__wrap {
    min-height: 100px;
  }

  .benefit__text {
    line-height: 1.2;
  }

  .navbar-component {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    height: 1.375rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .os-card-bg {
    border-radius: 12px;
  }

  .hero__image-v2 {
    background-color: #faf7e4;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .cc-hero__gap {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
    margin-top: 0;
  }

  .hero__ritual-v2 {
    padding-top: 0;
  }

  .hero-image__desktop-ritual {
    object-position: 50% 50%;
  }

  .hero-image__mobile-rtiual {
    object-fit: fill;
    object-position: 50% 0%;
    background-color: #faf7e4;
    width: 150%;
    height: auto;
    margin-top: -2rem;
  }

  .cc-wrap-horizontal {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-end;
    line-height: 1;
  }

  .cc-smalsss {
    margin-top: -3px;
    line-height: 1;
  }

  .bfcm__container {
    font-size: .875rem;
  }

  .container-13 {
    z-index: 2;
    grid-column-gap: 2.5px;
    grid-row-gap: 2.5px;
    flex-flow: column;
    padding-left: .938rem;
    padding-right: .938rem;
    display: flex;
  }

  .button-13 {
    height: 63px;
    min-height: 63px;
    font-size: 1.125rem;
  }

  .frame-1000005354 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .frame-1000005337 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 0rem;
    flex-flow: row;
  }

  .auto-layout-vertical-47 {
    grid-row-gap: .5rem;
  }

  .im-down-19-pounds {
    text-align: left;
    font-size: 20px;
  }

  .frame-1000005365 {
    grid-row-gap: .4rem;
  }

  .im-blown-away-im-down-19-pounds-and-i-look-10-years-younger-super-youth-has-improved-my-skin-wrinkle {
    text-align: left;
    font-size: 18px;
  }

  .melissa-42-2 {
    font-size: 16px;
  }

  .headline_pre-copy {
    font-size: 1.25rem;
  }

  .display-xl-copy {
    font-size: 2rem;
  }

  .headline_post-copy {
    font-size: 1.25rem;
  }

  .headline-component-copy {
    margin-bottom: 2rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .headline-component-copy.cc-left.cc-mbcenter.mb0 {
    margin-bottom: 0;
  }

  .headline-component-copy.cc-bottom-sm.cc-cart {
    margin-bottom: 1rem;
  }

  .headline-component-copy.cc-bottom-sm-copy {
    grid-row-gap: 1.25rem;
  }

  .headline-component-copy.cc-bottom-sm-copy.cc-cart {
    margin-bottom: 1rem;
  }

  .cta_wrapper-copy {
    margin-top: 2rem;
  }

  .cta_wrapper-copy.cc-top-1 {
    margin-top: 1rem;
  }

  .bold-text-copy {
    font-size: 2rem;
    display: block;
  }

  .button-13-copy {
    height: 63px;
    min-height: 63px;
    margin-top: .5px;
    font-size: 1.125rem;
    display: block;
  }

  .frame-1000005354-copy {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .im-down-19-pounds-copy {
    color: #0d0f1c;
    text-align: center;
    font-size: 20px;
  }

  .im-blown-away-im-down-19-pounds-and-i-look-10-years-younger-super-youth-has-improved-my-skin-wrinkle-copy {
    text-align: center;
    font-size: 18px;
  }

  .melissa-42-2-copy {
    font-size: 16px;
  }

  .div-block-1592 {
    grid-row-gap: 1.25rem;
  }

  .frame-4951-2 {
    grid-column-gap: 0px;
    grid-row-gap: 2.5rem;
    flex-flow: column;
  }

  .asdasdasd {
    grid-column-gap: 1.25rem;
    grid-row-gap: 0rem;
    flex-flow: row;
  }

  .hhhh {
    text-align: left;
    font-size: 20px;
  }

  .pppp {
    text-align: left;
    font-size: 18px;
  }

  .asdgrfdfsfsd {
    grid-row-gap: .5rem;
  }

  .pppppdp {
    color: #0d0f1c;
    text-align: center;
    font-size: 20px;
  }

  .sdasdasdasdas {
    grid-row-gap: 1.25rem;
  }

  .asdgrfdfsfsd-copy {
    grid-row-gap: .5rem;
  }

  .pppppdp-copy {
    color: #0d0f1c;
    text-align: center;
    font-size: 20px;
  }

  .frame-1000005365-copy {
    grid-row-gap: .4rem;
  }

  .im-blown-away-im-down-19-pounds-and-i-look-10-years-younger-super-youth-has-improved-my-skin-wrinkle-copy-copy {
    text-align: center;
    font-size: 18px;
  }

  .melissa-42-2-copy-copy {
    font-size: 16px;
  }

  .im-down-19-pounds-copy {
    text-align: left;
    font-size: 20px;
  }

  .sdasdsdasddasaa {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .frame-1000005337-copy {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
  }

  .auto-layout-vertical-47-copy {
    grid-row-gap: .5rem;
  }

  .im-down-19-pounds-copy-copy {
    text-align: center;
    font-size: 20px;
  }

  .button-13-copy-copy {
    height: 63px;
    min-height: 63px;
    margin-top: .5px;
    font-size: 1.125rem;
    display: block;
  }

  .free-gift-badge {
    margin-top: -1px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: .875rem;
  }

  .review__text {
    margin-top: -2px;
    font-size: 1rem;
    line-height: 1;
  }

  .free-gift__badge {
    justify-content: center;
    align-items: center;
    height: 22px;
    margin-top: -1px;
    padding: 6px 8px;
    font-size: 14px;
    display: flex;
  }

  .heading-howto {
    grid-column-gap: .35rem;
    grid-row-gap: .35rem;
  }
}

#w-node-_3082d87c-5006-0073-988a-713b069224de-d06c346c, #w-node-_9352486d-a09f-1ceb-02a4-991024057a0f-d06c346c, #w-node-_9352486d-a09f-1ceb-02a4-991024057a10-d06c346c, #w-node-_58ecdb6b-a367-0a0c-57bf-088675cb580d-d06c346c, #w-node-_58ecdb6b-a367-0a0c-57bf-088675cb580e-d06c346c, #w-node-cae4a7c3-d3eb-38c1-b447-2370449ebb0d-d06c346c, #w-node-cae4a7c3-d3eb-38c1-b447-2370449ebb0e-d06c346c, #w-node-_9f6cca54-686c-06e7-7d6b-f3a0e32127e9-d06c346c, #w-node-_9f6cca54-686c-06e7-7d6b-f3a0e32127ea-d06c346c, #w-node-aace4952-94f3-daee-d9a8-f2cd7da43d0d-d06c346c, #w-node-_0036c175-23ef-94ce-c4e8-b9752f17ca3a-d06c346c, #w-node-d68e711c-511b-a9d9-5b32-333908630046-d06c346c, #w-node-d68e711c-511b-a9d9-5b32-333908630052-d06c346c, #w-node-_4157a22d-ad27-7736-7607-d8c5f65f9d51-d06c346c, #w-node-_4157a22d-ad27-7736-7607-d8c5f65f9d6c-d06c346c, #w-node-_86aafdc3-dd56-7ff7-d0b1-c26e911ba9eb-d06c346c, #w-node-b8218c60-962a-4d83-f51c-7f3acc3012ff-d06c346c, #w-node-_644a59d9-3786-ebf9-244f-1c96559db3d7-559db3ce, #w-node-_232b5f7f-220b-32b6-0a19-637c063c9be0-063c9bbd, #w-node-_48218c74-bc15-1c1d-66ab-5af6fcdd36a5-7400d026, #w-node-_48218c74-bc15-1c1d-66ab-5af6fcdd36b6-7400d026, #w-node-_48218c74-bc15-1c1d-66ab-5af6fcdd36c7-7400d026, #w-node-_48218c74-bc15-1c1d-66ab-5af6fcdd36d8-7400d026, #w-node-_48218c74-bc15-1c1d-66ab-5af6fcdd36e9-7400d026, #w-node-c7644566-27df-5036-fbbb-3e8dac020135-7f09633f, #w-node-_84601412-774c-49df-97c9-fc072ac7f19d-a0b0921b, #w-node-_999ed7c6-74b7-e9c2-75f9-89386b44a745-6b44a745, #w-node-_3ca5ee8d-20b8-82ce-38b4-f6799b2b8f7f-19e1b40e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bec167f4-f300-6083-d4a7-01082a49cbae-2a49cb9f, #w-node-_4e2b0609-3972-b37a-0fd0-c55c050ac269-050ac265, #w-node-e832ffa6-f48d-95e9-825c-db9d597cbf76-597cbf73 {
  align-self: center;
}

#w-node-_7b9dcaca-ecc5-c00f-456e-02e50cf9da46-0cf9da43, #w-node-_7b9dcaca-ecc5-c00f-456e-02e50cf9da4e-0cf9da43, #w-node-_7b9dcaca-ecc5-c00f-456e-02e50cf9da56-0cf9da43, #w-node-_7b9dcaca-ecc5-c00f-456e-02e50cf9da5e-0cf9da43, #w-node-_7b9dcaca-ecc5-c00f-456e-02e50cf9da66-0cf9da43, #w-node-_7b9dcaca-ecc5-c00f-456e-02e50cf9da6e-0cf9da43, #w-node-_7b9dcaca-ecc5-c00f-456e-02e50cf9da76-0cf9da43, #w-node-_7b9dcaca-ecc5-c00f-456e-02e50cf9da7e-0cf9da43, #w-node-_7b9dcaca-ecc5-c00f-456e-02e50cf9da86-0cf9da43, #w-node-d0c43e67-8e70-9a66-34ea-4ccb257c9380-f7c5c602, #w-node-_1723a426-eed3-ea4d-d5c8-fbc39c307dbb-9c307db0, #w-node-_1723a426-eed3-ea4d-d5c8-fbc39c307dc3-9c307db0, #w-node-_1723a426-eed3-ea4d-d5c8-fbc39c307dcb-9c307db0, #w-node-_1723a426-eed3-ea4d-d5c8-fbc39c307dd3-9c307db0, #w-node-_1723a426-eed3-ea4d-d5c8-fbc39c307ddb-9c307db0, #w-node-_1723a426-eed3-ea4d-d5c8-fbc39c307de3-9c307db0, #w-node-_1723a426-eed3-ea4d-d5c8-fbc39c307deb-9c307db0, #w-node-_1723a426-eed3-ea4d-d5c8-fbc39c307df3-9c307db0, #w-node-e32ad325-332b-303c-6dc6-4d4f7fc00610-7fc005da, #w-node-_80bae15d-2827-2e2a-10ac-7abf0ecbe986-0ecbe983, #w-node-_80bae15d-2827-2e2a-10ac-7abf0ecbe9ae-0ecbe983, #w-node-_80bae15d-2827-2e2a-10ac-7abf0ecbe996-0ecbe983, #w-node-_80bae15d-2827-2e2a-10ac-7abf0ecbe9a6-0ecbe983, #w-node-_80bae15d-2827-2e2a-10ac-7abf0ecbe99e-0ecbe983, #w-node-_80bae15d-2827-2e2a-10ac-7abf0ecbe98e-0ecbe983, #w-node-_80bae15d-2827-2e2a-10ac-7abf0ecbe9b6-0ecbe983, #w-node-_80bae15d-2827-2e2a-10ac-7abf0ecbe9be-0ecbe983, #w-node-_559fede3-4d2f-0c45-fa14-f72f2a550d86-a0a1f8b0, #w-node-_9c4a3044-1ecb-c6a3-5ba4-46685e6ac7d2-5e6ac7cf, #w-node-_9c4a3044-1ecb-c6a3-5ba4-46685e6ac7da-5e6ac7cf, #w-node-_9c4a3044-1ecb-c6a3-5ba4-46685e6ac7e2-5e6ac7cf, #w-node-_9c4a3044-1ecb-c6a3-5ba4-46685e6ac7ea-5e6ac7cf, #w-node-_9c4a3044-1ecb-c6a3-5ba4-46685e6ac7fa-5e6ac7cf, #w-node-_9c4a3044-1ecb-c6a3-5ba4-46685e6ac802-5e6ac7cf, #w-node-_9c4a3044-1ecb-c6a3-5ba4-46685e6ac80a-5e6ac7cf, #w-node-_9c4a3044-1ecb-c6a3-5ba4-46685e6ac812-5e6ac7cf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_518f138c-db19-5145-a874-5a2574d694f0-b6766f43, #w-node-fea6248e-8f2e-ee76-0737-574cd86fc6d7-b6766f43 {
  align-self: center;
}

#w-node-_31014f85-335b-5b17-4d8f-a85386815916-38961911, #w-node-f35757ea-7351-b4ea-e558-744a27dc2b61-b249533d, #w-node-d24c0c4f-b971-d9a9-7721-8c4949752aac-49752a85 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0e7f71e3-af56-b579-f691-17ec9bd08e25-9bd08e22 {
  align-self: center;
}

#w-node-_2cef6119-cb01-6d33-af62-fb85d07f5403-d07f53f1, #w-node-_2cef6119-cb01-6d33-af62-fb85d07f540f-d07f53f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-df8c1035-1628-ae20-f88f-174ad0a580c5-cf8b8b73, #w-node-f21531aa-b66f-0f65-be55-fec9e4920d7c-cf8b8b73, #w-node-e6e7f23f-5fa9-3489-e184-9aab32762b2d-b66d36b8, #w-node-_26096fa1-da5c-b7d9-6fb2-631571e922ec-b66d36b8, #w-node-_4eba0f3b-f99d-ad90-e3f2-2ea5df588ba8-7987b4a8, #w-node-_4f3fb959-31b2-70d7-07d0-790ff3d1ca7f-7987b4a8, #w-node-_4eba0f3b-f99d-ad90-e3f2-2ea5df588ba8-c2fd5b43, #w-node-_4f3fb959-31b2-70d7-07d0-790ff3d1ca7f-c2fd5b43, #w-node-e38aaa03-398f-c747-92ab-36713ee01ab8-3ee01aa7, #w-node-_57a2c4b9-3626-2a27-701e-0f5841d88043-41d88034, #w-node-_9ef26fde-bddc-88b8-1683-60b126e93de8-e787bdbb, #w-node-_151cfe3e-0dfd-7e3d-c04b-55622463fce4-e787bdbb, #w-node-_3a3bf7a7-4443-5373-5289-f728a237e4bc-80389e27, #w-node-d5516f70-769f-df89-c124-6e14cad2b0b3-80389e27 {
  align-self: center;
}

#w-node-c156e0f8-c6d8-1573-fe2f-4f75a5b0d6a5-508569ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_902aba2a-8080-610a-97d0-992883aba28c-5d43002d, #w-node-_902aba2a-8080-610a-97d0-992883aba2c4-5d43002d, #w-node-_4eba0f3b-f99d-ad90-e3f2-2ea5df588ba8-9fe6fc40, #w-node-_4f3fb959-31b2-70d7-07d0-790ff3d1ca7f-9fe6fc40, #w-node-_4eba0f3b-f99d-ad90-e3f2-2ea5df588ba8-c524b29a, #w-node-_4f3fb959-31b2-70d7-07d0-790ff3d1ca7f-c524b29a {
  align-self: center;
}

#w-node-d0c43e67-8e70-9a66-34ea-4ccb257c9380-1fc87624, #w-node-_3ca5ee8d-20b8-82ce-38b4-f6799b2b8f7f-7aac3190, #w-node-_559fede3-4d2f-0c45-fa14-f72f2a550d86-50ebbc58 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4eba0f3b-f99d-ad90-e3f2-2ea5df588ba8-925d28f4, #w-node-_4f3fb959-31b2-70d7-07d0-790ff3d1ca7f-925d28f4, #w-node-_4eba0f3b-f99d-ad90-e3f2-2ea5df588ba8-4cea3387, #w-node-_4f3fb959-31b2-70d7-07d0-790ff3d1ca7f-4cea3387, #w-node-_4eba0f3b-f99d-ad90-e3f2-2ea5df588ba8-8d17d54b, #w-node-_4f3fb959-31b2-70d7-07d0-790ff3d1ca7f-8d17d54b, #w-node-_902aba2a-8080-610a-97d0-992883aba28c-2d762aa8, #w-node-_902aba2a-8080-610a-97d0-992883aba2c4-2d762aa8, #w-node-_902aba2a-8080-610a-97d0-992883aba28c-394314ba, #w-node-_902aba2a-8080-610a-97d0-992883aba2c4-394314ba, #w-node-_518f138c-db19-5145-a874-5a2574d694f0-8f73f361 {
  align-self: center;
}

#w-node-e8216588-b909-25b2-8d20-14e0667fdb07-8f73f361 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_014e7a58-57bc-ee42-de6a-56806da198a9-8f73f361, #w-node-fea6248e-8f2e-ee76-0737-574cd86fc6d7-8f73f361 {
  align-self: center;
}

#w-node-_6b6f9251-f611-7a27-2a60-3ec070be73ba-8f73f361 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_518f138c-db19-5145-a874-5a2574d694f0-a5ba2148, #w-node-fea6248e-8f2e-ee76-0737-574cd86fc6d7-a5ba2148, #w-node-_518f138c-db19-5145-a874-5a2574d694f0-4fe4057e, #w-node-fea6248e-8f2e-ee76-0737-574cd86fc6d7-4fe4057e, #w-node-e6e7f23f-5fa9-3489-e184-9aab32762b2d-b1e7b52a, #w-node-_26096fa1-da5c-b7d9-6fb2-631571e922ec-b1e7b52a {
  align-self: center;
}

#w-node-_401204af-0393-af8c-637e-212b8a6fbeec-8a6fbebb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fb546703-4abf-b014-8a57-fc687d86f8a8-932501f4, #w-node-_373cc07c-4d8f-b4db-ad59-021e244df752-c617b141, #w-node-_902aba2a-8080-610a-97d0-992883aba28c-97c32ead, #w-node-_902aba2a-8080-610a-97d0-992883aba2c4-97c32ead, #w-node-fea6248e-8f2e-ee76-0737-574cd86fc6d7-c1bae861, #w-node-_902aba2a-8080-610a-97d0-992883aba28c-a2b97ddf, #w-node-_902aba2a-8080-610a-97d0-992883aba2c4-a2b97ddf {
  align-self: center;
}

#w-node-_26adb9e7-ab43-66c7-86fb-b54a79e4d77e-a2a5844b, #w-node-_26adb9e7-ab43-66c7-86fb-b54a79e4d786-a2a5844b, #w-node-_26adb9e7-ab43-66c7-86fb-b54a79e4d78e-a2a5844b, #w-node-_26adb9e7-ab43-66c7-86fb-b54a79e4d796-a2a5844b, #w-node-_26adb9e7-ab43-66c7-86fb-b54a79e4d79e-a2a5844b, #w-node-_26adb9e7-ab43-66c7-86fb-b54a79e4d7a6-a2a5844b, #w-node-_26adb9e7-ab43-66c7-86fb-b54a79e4d7ae-a2a5844b, #w-node-_26adb9e7-ab43-66c7-86fb-b54a79e4d7b6-a2a5844b, #w-node-_06df27ba-ca45-0558-db1e-986b28a3fc94-a2a5844b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_902aba2a-8080-610a-97d0-992883aba28c-2567880e, #w-node-_902aba2a-8080-610a-97d0-992883aba2c4-2567880e, #w-node-_902aba2a-8080-610a-97d0-992883aba28c-c710d21f, #w-node-_902aba2a-8080-610a-97d0-992883aba2c4-c710d21f, #w-node-_902aba2a-8080-610a-97d0-992883aba28c-6019d8e3, #w-node-_902aba2a-8080-610a-97d0-992883aba2c4-6019d8e3, #w-node-_902aba2a-8080-610a-97d0-992883aba28c-06912ae9, #w-node-_902aba2a-8080-610a-97d0-992883aba2c4-06912ae9, #w-node-_902aba2a-8080-610a-97d0-992883aba28c-58b3cea5, #w-node-_902aba2a-8080-610a-97d0-992883aba2c4-58b3cea5, #w-node-_902aba2a-8080-610a-97d0-992883aba28c-1b3a7b18, #w-node-_902aba2a-8080-610a-97d0-992883aba2c4-1b3a7b18, #w-node-_902aba2a-8080-610a-97d0-992883aba28c-1b0cd862, #w-node-_902aba2a-8080-610a-97d0-992883aba2c4-1b0cd862, #w-node-_902aba2a-8080-610a-97d0-992883aba28c-d6e6c22d, #w-node-_902aba2a-8080-610a-97d0-992883aba2c4-d6e6c22d {
  align-self: center;
}

#w-node-_26adb9e7-ab43-66c7-86fb-b54a79e4d77e-423539ab, #w-node-_26adb9e7-ab43-66c7-86fb-b54a79e4d786-423539ab, #w-node-_26adb9e7-ab43-66c7-86fb-b54a79e4d78e-423539ab, #w-node-_26adb9e7-ab43-66c7-86fb-b54a79e4d796-423539ab, #w-node-_26adb9e7-ab43-66c7-86fb-b54a79e4d79e-423539ab, #w-node-_26adb9e7-ab43-66c7-86fb-b54a79e4d7a6-423539ab, #w-node-_26adb9e7-ab43-66c7-86fb-b54a79e4d7ae-423539ab, #w-node-_26adb9e7-ab43-66c7-86fb-b54a79e4d7b6-423539ab, #w-node-_06df27ba-ca45-0558-db1e-986b28a3fc94-423539ab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_7d3c5a7b-747a-e7f2-2065-218e17b50779-17b50766, #w-node-f6af8996-e05c-734c-390e-cc46379929c1-379929ad {
    grid-area: 4 / 1 / 5 / 2;
  }
}


@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaProMedium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaProRegular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaProSemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaProBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaProLight.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}