.full-width-fifty-fifty, .multicolumn-with-image-text, .collapsible-content{ *,:before,:after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: } .page-width { max-width: var(--page-width); margin: 0 auto; padding: 0 1.5rem } body:has(.section-header .drawer-menu) .announcement-bar-section .page-width { max-width: 100% } .page-width.drawer-menu { max-width: 100% } .page-width-desktop { padding: 0; margin: 0 auto } .utility-bar__grid.page-width { padding-left: 3rem; padding-right: 3rem } @media screen and (min-width: 750px) { .page-width { padding:0 5rem } .header.page-width,.utility-bar__grid.page-width { padding-left: 3.2rem; padding-right: 3.2rem } .page-width--narrow { padding: 0 9rem } .page-width-desktop { padding: 0 } .page-width-tablet { padding: 0 5rem } } @media screen and (min-width: 990px) { .header:not(.drawer-menu).page-width { padding-left:5rem; padding-right: 5rem } .page-width--narrow { max-width: 72.6rem; padding: 0 } .page-width-desktop { max-width: var(--page-width); padding: 0 5rem } } .isolate { position: relative; z-index: 0 } .section+.section { margin-top: var(--spacing-sections-mobile) } .\!section+.\!section { margin-top: var(--spacing-sections-mobile)!important } @media screen and (min-width: 750px) { .section+.section { margin-top:var(--spacing-sections-desktop) } .\!section+.\!section { margin-top: var(--spacing-sections-desktop)!important } } .element-margin-top { margin-top: 5rem } .background-secondary { background-color: rgba(var(--color-foreground),.04) } .page-margin,.shopify-challenge__container { margin: 7rem auto } .rte-width { max-width: 82rem; margin: 0 auto 14px } .list-unstyled { margin: 0; padding: 0; list-style: none } .visually-hidden { position: absolute!important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); word-wrap: normal!important } .visually-hidden--inline { margin: 0; height: 1em } .overflow-hidden.predictive-search--has-content { position: fixed; top: 0; left: 0; right: 0; bottom: 0 } .skip-to-content-link:focus { z-index: 100000; overflow: auto; width: auto; height: auto; clip: auto } ::-moz-selection { background-color: rgba(var(--color-foreground),.2) } ::selection { background-color: rgba(var(--color-foreground),.2) } .text-body { font-size: 1.5rem; letter-spacing: .06rem; line-height: calc(1 + .8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight) } h1,h2,h3,h4,h5,.h0,.h1,.h2,.h3,.h4,.h5 { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: calc(var(--font-heading-scale) * .06rem); color: rgb(var(--color-foreground)); line-height: calc(1 + .3/max(1,var(--font-heading-scale))); word-break: break-word } .h0 { font-size: calc(var(--font-heading-scale) * 4rem) } @media only screen and (min-width: 750px) { .h0 { font-size:calc(var(--font-heading-scale) * 5.2rem) } } h1,.h1 { font-size: calc(var(--font-heading-scale) * 3rem) } @media only screen and (min-width: 750px) { h1,.h1 { font-size:calc(var(--font-heading-scale) * 4rem) } } h2,.h2 { font-size: calc(var(--font-heading-scale) * 2rem) } @media only screen and (min-width: 750px) { h2,.h2 { font-size:calc(var(--font-heading-scale) * 24px) } } h3,.h3 { font-size: calc(var(--font-heading-scale) * 1.7rem) } @media only screen and (min-width: 750px) { h3,.h3 { font-size:calc(var(--font-heading-scale) * 1.8rem) } } h4,.h4 { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-size: calc(var(--font-heading-scale) * 1.5rem) } h5,.h5 { font-size: calc(var(--font-heading-scale) * 1.2rem) } @media only screen and (min-width: 750px) { h5,.h5 { font-size:calc(var(--font-heading-scale) * 1.3rem) } } h6,.h6 { color: rgba(var(--color-foreground),.75); margin-block-start:1.67em;margin-block-end:1.67em} blockquote { font-style: italic; color: rgba(var(--color-foreground),.75); border-left: .2rem solid rgba(var(--color-foreground),.2); padding-left: 1rem } @media screen and (min-width: 750px) { blockquote { padding-left:1.5rem } } .caption { font-size: 1rem; letter-spacing: .07rem; line-height: calc(1 + .7 / var(--font-body-scale)) } @media screen and (min-width: 750px) { .caption { font-size:1.2rem } } .caption-with-letter-spacing { font-size: 1rem; letter-spacing: .13rem; line-height: calc(1 + .2 / var(--font-body-scale)); text-transform: uppercase } .caption-with-letter-spacing--medium { font-size: 1.2rem; letter-spacing: .16rem } .caption-large,.customer .field input,.customer select,.field__input,.form__label,.select__select { font-size: 1.6rem; line-height: calc(1 + .5 / var(--font-body-scale)); letter-spacing: .04rem } .color-foreground { color: rgb(var(--color-foreground)) } table:not([class]) { table-layout: fixed; border-collapse: collapse; font-size: 14px; border-style: hidden; box-shadow: 0 0 0 .1rem rgba(var(--color-foreground),.2) } table:not([class]) td,table:not([class]) th { padding: 1em; border: .1rem solid rgba(var(--color-foreground),.2) } @media screen and (max-width: 749px) { .small-hide { display:none!important } } @media screen and (min-width: 750px) and (max-width: 989px) { .medium-hide { display:none!important } } @media screen and (min-width: 990px) { .large-up-hide { display:none!important } } .left { text-align: left } .center { text-align: center } .right { text-align: right } .light { opacity: .7 } a:empty,ul:empty,dl:empty,section:empty,article:empty,p:empty,h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty { display: none } .link,.customer a { cursor: pointer; display: inline-block; border: none; box-shadow: none; text-decoration: underline; text-underline-offset: .3rem; color: rgb(var(--color-link)); background-color: transparent } .link--text { color: rgb(var(--color-foreground)) } .link--text:hover { color: rgba(var(--color-foreground),.75) } .link-with-icon .icon { width: 1.5rem; margin-left: 1rem } a:not([href]) { cursor: not-allowed } .circle-divider:after { content: "•"; margin: 0 .8rem 0 1rem } .circle-divider:last-of-type:after { display: none } hr { border: none; height: .1rem; background-color: rgba(var(--color-foreground),.2); display: block; margin: 5rem 0 } @media screen and (min-width: 750px) { hr { margin:7rem 0 } } .full-unstyled-link { text-decoration: none; color: currentColor; display: block } .placeholder { background-color: rgba(var(--color-foreground),.04); color: rgba(var(--color-foreground),.55); fill: rgba(var(--color-foreground),.55) } details>* { box-sizing: border-box } .break { word-break: break-word } .visibility-hidden { visibility: hidden } @media (prefers-reduced-motion) { .motion-reduce { transition: none!important; animation: none!important } } :root { --duration-short: .1s; --duration-default: .2s; --duration-announcement-bar: .25s; --duration-medium: .3s; --duration-long: .5s; --duration-extra-long: .6s; --duration-extended: 3s; --ease-out-slow: cubic-bezier(0, 0, .3, 1); --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards; --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow) } .underlined-link,.customer a,.inline-richtext a { text-underline-offset: .3rem; text-decoration-thickness: .1rem; transition: text-decoration-thickness ease .1s } .underlined-link,.customer a { color: var(--softBlack) } .inline-richtext a,.rte.inline-richtext a { color: currentColor } .underlined-link:hover,.customer a:hover,.inline-richtext a:hover { color: var(--pinkLight); text-decoration-thickness: .2rem } .icon-arrow { width: 1.5rem } h3 .icon-arrow,.h3 .icon-arrow { width: calc(var(--font-heading-scale) * 1.5rem) } .animate-arrow .icon-arrow path { transform: translate(-.25rem); transition: transform var(--duration-short) ease } .animate-arrow:hover .icon-arrow path { transform: translate(-.05rem) } summary { cursor: pointer; list-style: none; position: relative } summary .icon-caret { position: absolute; height: .6rem; right: 1.5rem; top: calc(50% - .2rem) } summary::-webkit-details-marker { display: none } .disclosure-has-popup { position: relative } .disclosure-has-popup[open]>summary:before { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; display: block; cursor: default; content: " "; background: transparent } .disclosure-has-popup>summary:before { display: none } .disclosure-has-popup[open]>summary+* { z-index: 100 } @media screen and (min-width: 750px) { .disclosure-has-popup[open]>summary+* { z-index:4 } .facets .disclosure-has-popup[open]>summary+* { z-index: 2 } } *:focus { outline: 0; box-shadow: none } *:focus-visible { outline: .2rem solid rgba(var(--color-foreground),.5); outline-offset: .3rem; box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem 4px rgba(var(--color-foreground),.3) } .focused { outline: .2rem solid rgba(var(--color-foreground),.5); outline-offset: .3rem; box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem 4px rgba(var(--color-foreground),.3) } .focus-inset:focus-visible { outline: .2rem solid rgba(var(--color-foreground),.5); outline-offset: -.2rem; box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground),.3) } .focused.focus-inset { outline: .2rem solid rgba(var(--color-foreground),.5); outline-offset: -.2rem; box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground),.3) } .focus-none { box-shadow: none!important; outline: 0!important } .focus-offset:focus-visible { outline: .2rem solid rgba(var(--color-foreground),.5); outline-offset: 1rem; box-shadow: 0 0 0 1rem rgb(var(--color-background)),0 0 .2rem 1.2rem rgba(var(--color-foreground),.3) } .focus-offset.focused { outline: .2rem solid rgba(var(--color-foreground),.5); outline-offset: 1rem; box-shadow: 0 0 0 1rem rgb(var(--color-background)),0 0 .2rem 1.2rem rgba(var(--color-foreground),.3) } * { box-sizing: border-box } body { margin: 0; font-family: var(--font-haasGrotesk); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { margin-top: 0; margin-bottom: 24px; font-family: var(--font-parafina) } @media (min-width: 768px) { h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { margin-bottom:4rem } } h1:not([class*=leading-]),h2:not([class*=leading-]),h3:not([class*=leading-]),h4:not([class*=leading-]),h5:not([class*=leading-]),h6:not([class*=leading-]),.h1:not([class*=leading-]),.h2:not([class*=leading-]),.h3:not([class*=leading-]),.h4:not([class*=leading-]),.h5:not([class*=leading-]),.h6:not([class*=leading-]) { line-height: 1!important } h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,.h1 strong,.h2 strong,.h3 strong,.h4 strong,.h5 strong,.h6 strong { font-family: var(--font-parafinaBold) } h1,.h1 { --font-heading-scale: 1.7; font-size: var(--fs-h1-m); line-height: 1.2; letter-spacing: calc(var(--fs-h1-m) * .03); font-weight: 400 } @media (min-width: 768px) { h1,.h1 { font-size:var(--fs-h1); line-height: 1; letter-spacing: calc(var(--fs-h1) * .03) } } h2,.h2 { --font-heading-scale: calc(5.4/2.4); font-size: var(--fs-h2-m); line-height: 1.2; letter-spacing: calc(var(--fs-h2-m) * .03); font-weight: 400 } @media (min-width: 768px) { h2,.h2 { font-size:var(--fs-h2); line-height: 1.2; letter-spacing: calc(var(--fs-h2) * .03) } } h3,.h3 { --font-heading-scale: calc(4.8/1.8); font-size: var(--fs-h3-m); line-height: 1.2; letter-spacing: calc(var(--fs-h3-m) * .03); font-weight: 400 } @media (min-width: 768px) { h3,.h3 { font-size:var(--fs-h3); line-height: 1.2; letter-spacing: calc(var(--fs-h3) * .03) } } h4,.h4 { --font-heading-scale: calc(3.5/1.5); font-size: var(--fs-h4-m); line-height: 1.2; letter-spacing: calc(var(--fs-h4-m) * .03); font-weight: 400 } @media (min-width: 768px) { h4,.h4 { font-size:var(--fs-h4); line-height: 1.2; letter-spacing: calc(var(--fs-h4) * .03) } } h5,.h5 { font-size: var(--fs-h5-m); line-height: 1.2; letter-spacing: calc(var(--fs-h5-m) * .03); font-weight: 400 } @media (min-width: 768px) { h5,.h5 { font-size:var(--fs-h5); line-height: 1.2; letter-spacing: calc(var(--fs-h5) * .03) } } h6,.h6 { font-size: var(--fs-h6-m); line-height: 1.2; letter-spacing: calc(var(--fs-h6-m) * .03); font-weight: 400 } @media (min-width: 768px) { h6,.h6 { font-size:var(--fs-h6); line-height: 1.2; letter-spacing: calc(var(--fs-h6) * .03) } } .text-sh,.text-sh-sm,.text-sh-lg,.text-sh-m,.text-sh-sm-m,.text-sh-lg-m { font-family: var(--font-parafinaBold) } p { margin-top: 0; margin-bottom: 1.2rem } a { color: inherit; text-decoration-line: none } a:not(.button,.pagination__item--disabled):hover { color: var(--pinkLight) } .content-link,.richtext a { color: inherit; text-decoration-line: underline } [data-text-normal-case] { text-transform: none!important } .container { width: 100% } @media (min-width: 640px) { .container { max-width:640px } } @media (min-width: 768px) { .container { max-width:768px } } @media (min-width: 1024px) { .container { max-width:1024px } } @media (min-width: 1280px) { .container { max-width:1280px } } @media (min-width: 1536px) { .container { max-width:1536px } } .title,.title-wrapper-with-link { margin: 3rem 0 2rem } .title-wrapper-with-link .title { margin: 0 } .title .link { font-size: inherit } .title-wrapper { margin-bottom: 3rem } .title-wrapper-with-link { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-bottom: 3rem; flex-wrap: wrap } .title--primary { margin: 4rem 0 } .title-wrapper--self-padded-tablet-down,.title-wrapper--self-padded-mobile { padding-left: 1.5rem; padding-right: 1.5rem } @media screen and (min-width: 750px) { .title-wrapper--self-padded-mobile { padding-left:0; padding-right: 0 } } @media screen and (min-width: 990px) { .title,.title-wrapper-with-link { margin:5rem 0 3rem } .title--primary { margin: 2rem 0 } .title-wrapper-with-link { align-items: center } .title-wrapper-with-link .title { margin-bottom: 0 } .title-wrapper--self-padded-tablet-down { padding-left: 0; padding-right: 0 } } .title-wrapper-with-link .link-with-icon { margin: 0; flex-shrink: 0; display: flex; align-items: center } .title-wrapper-with-link .link-with-icon svg { width: 1.5rem } .title-wrapper-with-link a { margin-top: 0; flex-shrink: 0 } .title-wrapper--no-top-margin { margin-top: 0 } .title-wrapper--no-top-margin>.title { margin-top: 0 } .subtitle { font-size: 1.8rem; line-height: calc(1 + .8 / var(--font-body-scale)); letter-spacing: .06rem; color: rgba(var(--color-foreground),.7) } .media { display: block; background-color: rgba(var(--color-foreground),.1); position: relative; overflow: hidden } .media--transparent { background-color: transparent } .media>*:not(.zoom):not(.deferred-media__poster-button):not(.promo-tile__video),.media model-viewer { display: block; max-width: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100% } .media>img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; transition: opacity .4s cubic-bezier(.25,.46,.45,.94) } .media--landscape { padding-bottom: 66.6% } .media.media--hover-effect>img+img { opacity: 0 } deferred-media { display: block } .button--secondary,.button--tertiary { --color-button: var(--color-secondary-button); --color-button-text: var(--softBlack) } .button--tertiary { --alpha-button-background: 0; --alpha-button-border: .2 } .\!button { --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset) !important; --shadow-vertical-offset: var(--buttons-shadow-vertical-offset) !important; --shadow-blur-radius: var(--buttons-shadow-blur-radius) !important; --shadow-opacity: var(--buttons-shadow-opacity) !important; --shadow-visible: var(--buttons-shadow-visible) !important; --border-offset: var(--buttons-border-offset) !important; --border-opacity: calc(1 - var(--buttons-border-opacity)) !important; border-radius: var(--buttons-radius-outset)!important; position: relative!important } .button,.shopify-challenge__button,.customer button,button.shopify-payment-button__button--unbranded,.shopify-payment-button [role=button],.cart__dynamic-checkout-buttons [role=button],.cart__dynamic-checkout-buttons iframe { --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset); --shadow-vertical-offset: var(--buttons-shadow-vertical-offset); --shadow-blur-radius: var(--buttons-shadow-blur-radius); --shadow-opacity: var(--buttons-shadow-opacity); --shadow-visible: var(--buttons-shadow-visible); --border-offset: var(--buttons-border-offset); --border-opacity: calc(1 - var(--buttons-border-opacity)); border-radius: var(--buttons-radius-outset); position: relative } .\!button { min-width: calc(12rem + var(--buttons-border-width) * 2)!important; min-height: calc(4.5rem + var(--buttons-border-width) * 2)!important } .button,.shopify-challenge__button,.customer button,button.shopify-payment-button__button--unbranded { min-width: calc(12rem + var(--buttons-border-width) * 2); min-height: calc(4.5rem + var(--buttons-border-width) * 2) } .cart__dynamic-checkout-buttons iframe { box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)) } .\!button { display: inline-flex!important; justify-content: center!important; align-items: center!important; border: 0!important; padding: 0 3rem!important; cursor: pointer!important; font: inherit!important; font-size: 1.5rem!important; text-decoration: none!important; color: rgb(var(--color-button-text))!important; transition: box-shadow var(--duration-short) ease!important; -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important; background-color: rgba(var(--color-button),var(--alpha-button-background))!important } .button,.shopify-challenge__button,.customer button { display: inline-flex; justify-content: center; align-items: center; border: 0; padding: 0 3rem; cursor: pointer; font: inherit; font-size: 1.5rem; text-decoration: none; color: rgb(var(--color-button-text)); transition: box-shadow var(--duration-short) ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(var(--color-button),var(--alpha-button-background)) } .\!button:before { content: ""!important; position: absolute!important; top: 0!important; right: 0!important; bottom: 0!important; left: 0!important; z-index: -1!important; border-radius: var(--buttons-radius-outset)!important; box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))!important } .button:before,.shopify-challenge__button:before,.customer button:before,.shopify-payment-button__button--unbranded:before,.shopify-payment-button [role=button]:before,.cart__dynamic-checkout-buttons [role=button]:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: var(--buttons-radius-outset); box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)) } .\!button:after { content: ""!important; position: absolute!important; top: var(--buttons-border-width)!important; right: var(--buttons-border-width)!important; bottom: var(--buttons-border-width)!important; left: var(--buttons-border-width)!important; z-index: 1!important; border-radius: var(--buttons-radius)!important; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background))!important; transition: box-shadow var(--duration-short) ease!important } .button:after,.shopify-challenge__button:after,.customer button:after,.shopify-payment-button__button--unbranded:after { content: ""; position: absolute; top: var(--buttons-border-width); right: var(--buttons-border-width); bottom: var(--buttons-border-width); left: var(--buttons-border-width); z-index: 1; border-radius: var(--buttons-radius); box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)); transition: box-shadow var(--duration-short) ease } .\!button:not([disabled]):hover:after { --border-offset: 1.3px !important; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background))!important } .button:not([disabled]):hover:after,.shopify-challenge__button:hover:after,.customer button:hover:after,.shopify-payment-button__button--unbranded:hover:after { --border-offset: 1.3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background)) } .button--secondary:after { --border-opacity: var(--buttons-border-opacity) } .button:focus-visible,.button:focus,.button.focused,.shopify-payment-button__button--unbranded:focus-visible,.shopify-payment-button [role=button]:focus-visible,.shopify-payment-button__button--unbranded:focus,.shopify-payment-button [role=button]:focus { outline: 0; box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem 4px rgba(var(--color-foreground),.3) } .\!button:focus-visible,.\!button:focus,.\!button.focused { outline: 0!important; box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem 4px rgba(var(--color-foreground),.3)!important } .\!button:focus:not(:focus-visible):not(.focused) { box-shadow: inherit!important } .button:focus:not(:focus-visible):not(.focused),.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused),.shopify-payment-button [role=button]:focus:not(:focus-visible):not(.focused) { box-shadow: inherit } .\!button::-moz-selection { background-color: rgba(var(--color-button-text),.3)!important } .\!button::selection { background-color: rgba(var(--color-button-text),.3)!important } .button::-moz-selection,.shopify-challenge__button::-moz-selection,.customer button::-moz-selection { background-color: rgba(var(--color-button-text),.3) } .button::selection,.shopify-challenge__button::selection,.customer button::selection { background-color: rgba(var(--color-button-text),.3) } .\!button { font-size: 1.5rem!important; letter-spacing: .1rem!important; line-height: calc(1 + .2 / var(--font-body-scale))!important } .button,.button-label,.shopify-challenge__button,.customer button { font-size: 1.5rem; letter-spacing: .1rem; line-height: calc(1 + .2 / var(--font-body-scale)) } .button--tertiary { font-size: 1.2rem; padding: 1rem 1.5rem; min-width: calc(9rem + var(--buttons-border-width) * 2); min-height: calc(3.5rem + var(--buttons-border-width) * 2) } .button--small { padding: 1.2rem 2.6rem } .button:disabled,.button[aria-disabled=true],.button.disabled,.customer button:disabled,.customer button[aria-disabled=true],.customer button.disabled,.quantity__button.disabled { cursor: not-allowed; opacity: .5 } .\!button:disabled,.\!button[aria-disabled=true],.\!button.disabled { cursor: not-allowed!important; opacity: .5!important } .button--full-width { display: flex; width: 100% } .\!button.loading { color: transparent!important; position: relative!important } .button.loading { color: transparent; position: relative } @media screen and (forced-colors: active) { .\!button.loading { color: rgb(var(--color-foreground))!important } .button.loading { color: rgb(var(--color-foreground)) } } .\!button.loading>.loading__spinner { top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important; position: absolute!important; height: 100%!important; display: flex!important; align-items: center!important } .button.loading>.loading__spinner { top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; height: 100%; display: flex; align-items: center } .\!button.loading>.loading__spinner .spinner { width: -moz-fit-content!important; width: fit-content!important } .button.loading>.loading__spinner .spinner { width: -moz-fit-content; width: fit-content } .\!button.loading>.loading__spinner .path { stroke: rgb(var(--color-button-text))!important } .button.loading>.loading__spinner .path { stroke: rgb(var(--color-button-text)) } .share-button { display: block; position: relative } .share-button details { width: -moz-fit-content; width: fit-content } .share-button__button { font-size: 14px; display: flex; align-items: center; color: rgb(var(--color-link)); margin-left: 0; padding: 0 } details[open]>.share-button__fallback { animation: animateMenuOpen var(--duration-default) ease } .share-button__button:hover { text-decoration: underline; text-underline-offset: .3rem } .share-button__button,.share-button__fallback button { cursor: pointer; background-color: transparent; border: none } .share-button__button .icon-share { height: 1.2rem; margin-right: 1rem; min-width: 1.3rem } .share-button__fallback { display: flex; align-items: center; z-index: 3; width: 100%; min-width: -moz-max-content; min-width: max-content; border-radius: var(--inputs-radius); border: 0 } .share-button__fallback button { padding: 0; flex-shrink: 0; position: relative } .share-button__fallback button:hover svg,.share-list__link:hover svg { transform: scale(1.07); color: inherit } .share-button__close:not(.hidden)+.share-button__copy { display: none } .share-button__close,.share-button__copy { background-color: transparent; color: rgb(var(--color-foreground)) } .share-button__copy:focus-visible,.share-button__close:focus-visible { background-color: rgb(var(--color-background)); z-index: 2 } .share-button__copy:focus,.share-button__close:focus { background-color: rgb(var(--color-background)); z-index: 2 } .field:not(:focus-visible):not(.focused)+.share-button__copy:not(:focus-visible):not(.focused),.field:not(:focus-visible):not(.focused)+.share-button__close:not(:focus-visible):not(.focused) { background-color: inherit } .share-button__fallback .field:after,.share-button__fallback .field:before { content: none } .share-button__fallback .field { border-radius: 0; min-width: auto; min-height: auto; transition: none } .share-button__fallback .field__input:focus,.share-button__fallback .field__input:-webkit-autofill { outline: .2rem solid rgba(var(--color-foreground),.5); outline-offset: .1rem; box-shadow: 0 0 0 .1rem rgb(var(--color-background)),0 0 .5rem 4px rgba(var(--color-foreground),.3) } .share-button__fallback .field__input { box-shadow: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; filter: none; min-width: auto; min-height: auto } .share-button__fallback .field__input:hover { box-shadow: none } .share-button__fallback .icon { width: 1.8rem; height: 1.8rem } .share-button__message:not(:empty) { display: flex; align-items: center; width: 100%; height: 100%; margin-top: 0; padding: .8rem 0 .8rem 1.5rem; margin: var(--inputs-border-width) } .share-button__message:not(:empty):not(.hidden)~* { display: none } .share-list { display: flex; gap: 2rem } .share-list__link { display: flex; align-items: center; justify-content: center } .share-list__link .icon { width: 2rem; height: 2rem } a.share-list__link:hover { color: currentColor } .field__input,.select__select,.customer .field input,.customer select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgb(var(--color-background)); color: rgb(var(--color-foreground)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); font-size: 1.6rem; width: 100%; box-sizing: border-box; transition: box-shadow var(--duration-short) ease; border-radius: var(--inputs-radius); height: 4.5rem; min-height: calc(var(--inputs-border-width) * 2); min-width: calc(7rem + (var(--inputs-border-width) * 2)); position: relative; border: 0 } .field:before,.select:before,.customer .field:before,.customer select:before,.localization-form__select:before { pointer-events: none; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--inputs-radius-outset); box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity)); z-index: -1 } .field:after,.select:after,.customer .field:after,.customer select:after,.localization-form__select:after { pointer-events: none; content: ""; position: absolute; top: var(--inputs-border-width); right: var(--inputs-border-width); bottom: var(--inputs-border-width); left: var(--inputs-border-width); border: .1rem solid transparent; border-radius: var(--inputs-radius); box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity)); transition: box-shadow var(--duration-short) ease; z-index: 1 } .select__select { font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); font-size: 1.2rem; color: rgba(var(--color-foreground),.75) } .field:hover.field:after,.select:hover.select:after,.select__select:hover.select__select:after,.customer .field:hover.field:after,.customer select:hover.select:after,.localization-form__select:hover.localization-form__select:after { box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground),var(--inputs-border-opacity)); outline: 0; border-radius: var(--inputs-radius) } .field__input:focus-visible,.select__select:focus-visible,.customer .field input:focus-visible,.customer select:focus-visible,.localization-form__select:focus-visible.localization-form__select:after { box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground)); outline: 0; border-radius: var(--inputs-radius) } .field__input:focus,.select__select:focus,.customer .field input:focus,.customer select:focus,.localization-form__select:focus.localization-form__select:after { box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground)); outline: 0; border-radius: var(--inputs-radius) } .localization-form__select:focus { outline: 0; box-shadow: none } .text-area,.select { display: flex; position: relative; width: 100% } .select .icon-caret,.customer select+svg { height: .6rem; pointer-events: none; position: absolute; top: calc(50% - .2rem); right: calc(var(--inputs-border-width) + 1.5rem) } .select__select,.customer select { cursor: pointer; line-height: calc(1 + .6 / var(--font-body-scale)); padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem; margin: var(--inputs-border-width); min-height: calc(var(--inputs-border-width) * 2) } .field { position: relative; width: 100%; display: flex; transition: box-shadow var(--duration-short) ease } .customer .field { display: flex } .field--with-error { flex-wrap: wrap } .field__input,.customer .field input { flex-grow: 1; text-align: left; padding: 1.5rem; margin: var(--inputs-border-width); transition: box-shadow var(--duration-short) ease } .field__label,.customer .field label { font-size: 1.6rem; left: calc(var(--inputs-border-width) + 2rem); top: calc(1rem + var(--inputs-border-width)); margin-bottom: 0; pointer-events: none; position: absolute; transition: top var(--duration-short) ease,font-size var(--duration-short) ease; color: rgba(var(--color-foreground),.75); letter-spacing: .1rem; line-height: 1.5 } .field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label,.field__input:-webkit-autofill~.field__label,.customer .field input:focus~label,.customer .field input:not(:placeholder-shown)~label,.customer .field input:-webkit-autofill~label { font-size: 1rem; top: calc(var(--inputs-border-width) + .5rem); left: calc(var(--inputs-border-width) + 2rem); letter-spacing: .04rem } .field__input:focus,.field__input:not(:placeholder-shown),.field__input:-webkit-autofill,.customer .field input:focus,.customer .field input:not(:placeholder-shown),.customer .field input:-webkit-autofill { padding: 2.2rem 1.5rem .8rem 2rem; margin: var(--inputs-border-width) } .field__input::-webkit-search-cancel-button,.customer .field input::-webkit-search-cancel-button { display: none } .field__input::-moz-placeholder,.customer .field input::-moz-placeholder { opacity: 0 } .field__input::placeholder,.customer .field input::placeholder { opacity: 0 } .field__button { align-items: center; background-color: transparent; border: 0; color: currentColor; cursor: pointer; display: flex; height: 64px; justify-content: center; overflow: hidden; padding: 0; position: absolute; right: 0; top: 0; width: 44px } .field__button>svg { height: 2.5rem; width: 2.5rem } .field__input:-webkit-autofill~.field__button,.field__input:-webkit-autofill~.field__label,.customer .field input:-webkit-autofill~label { color: #000 } .text-area { font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); min-height: 10rem; resize: none } input[type=checkbox] { display: inline-block; width: auto; margin-right: .5rem } .form__label { display: block; margin-bottom: .6rem } .form__message { align-items: center; display: flex; font-size: 14px; line-height: 1; margin-top: 1rem } .customer .field .form__message { font-size: 14px; text-align: left } .form__message .icon,.customer .form__message svg { flex-shrink: 0; height: 1.3rem; margin-right: .5rem; width: 1.3rem } .form__message--large .icon,.customer .form__message svg { height: 1.5rem; width: 1.5rem; margin-right: 1rem } .customer .field .form__message svg { align-self: start } .form-status { margin: 0; font-size: 1.6rem } .form-status-list { padding: 0; margin: 2rem 0 4rem } .form-status-list li { list-style-position: inside } .form-status-list .link:first-letter { text-transform: capitalize } .quantity { color: rgba(var(--color-foreground)); position: relative; width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2); display: flex; border-radius: var(--inputs-radius); min-height: calc((var(--inputs-border-width) * 2) + 4.5rem) } .quantity:after { pointer-events: none; content: ""; position: absolute; top: var(--inputs-border-width); right: var(--inputs-border-width); bottom: var(--inputs-border-width); left: var(--inputs-border-width); border: .1rem solid transparent; border-radius: var(--inputs-radius); box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity)); transition: box-shadow var(--duration-short) ease; z-index: 1 } .quantity:before { background: rgb(var(--color-background)); pointer-events: none; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--inputs-radius-outset); box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity)); z-index: -1 } .quantity__input { color: currentColor; font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); font-size: 1.6rem; font-weight: 500; opacity: .85; text-align: center; background-color: transparent; border: 0; padding: 0 .5rem; width: 100%; flex-grow: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none } .quantity__button { width: calc(4.5rem / var(--font-body-scale)); flex-shrink: 0; font-size: 1.8rem; border: 0; background-color: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; color: rgb(var(--color-foreground)); padding: 0 } .quantity__button:first-child { margin-left: calc(var(--inputs-border-width)) } .quantity__button:last-child { margin-right: calc(var(--inputs-border-width)) } .quantity__button svg { width: 1rem; pointer-events: none } .quantity__button:focus-visible,.quantity__input:focus-visible { background-color: rgb(var(--color-background)); z-index: 2 } .quantity__button:focus,.quantity__input:focus { background-color: rgb(var(--color-background)); z-index: 2 } .quantity__button:not(:focus-visible):not(.focused),.quantity__input:not(:focus-visible):not(.focused) { box-shadow: inherit; background-color: inherit } .quantity__input:-webkit-autofill,.quantity__input:-webkit-autofill:hover,.quantity__input:-webkit-autofill:active { box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset!important; -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset!important } .quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } .quantity__input[type=number] { -moz-appearance: textfield } .quantity__rules { margin-top: .5rem; position: relative; font-size: 1.2rem } .quantity__rules .caption { display: inline-block; margin-top: 0; margin-bottom: 0 } .quantity__rules .divider+.divider:before { content: "•"; margin: 0 .5rem } .quantity__rules-cart { position: relative } product-info .loading__spinner:not(.hidden)~*,.quantity__rules-cart .loading__spinner:not(.hidden)~* { visibility: hidden } .modal__toggle { list-style-type: none } .modal__toggle-close { display: none } .modal__toggle-open { display: flex } .modal__close-button.link { display: flex; justify-content: center; align-items: center; padding: 0rem; height: 44px; width: auto; background-color: transparent } .modal__close-button .icon { width: 1.7rem; height: 1.7rem } .modal__content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(var(--color-background)); z-index: 4; display: flex; justify-content: center; align-items: center } .media-modal { cursor: zoom-out } .media-modal .deferred-media { cursor: initial } .utility-bar__grid .list-social { justify-content: flex-start; align-content: center; margin-left: -1.2rem; grid-area: social-icons } @media screen and (max-width: 989px) { .utility-bar .utility-bar__grid .list-social { display:none } } .utility-bar .list-social__item .icon { scale: .9 } @media screen and (min-width: 990px) { .utility-bar__grid--3-col { grid-template-columns:3fr 4fr 3fr; grid-template-areas: "social-icons announcements language-currency" } .utility-bar__grid--2-col { grid-template-columns: 1fr 1fr; grid-template-areas: "social-icons language-currency" } .announcement-bar.announcement-bar--one-announcement,.announcement-bar--one-announcement .announcement-bar__link { width: -moz-fit-content; width: fit-content; margin: auto } } .announcement-bar,.announcement-bar__announcement { color: rgb(var(--color-foreground)); width: 100%; height: 100%; display: flex; justify-content: center; flex-wrap: wrap; align-content: center; grid-area: announcements } .announcement-bar .slider--everywhere { margin-bottom: 0; scroll-behavior: auto } .utility-bar__grid .announcement-bar-slider,.announcement-bar-slider,.announcement-bar-slider .slider { width: 100% } .announcement-bar .slider-button--next { margin-right: -1.5rem; min-width: 44px } .announcement-bar .slider-button--prev { margin-left: -1.5rem; min-width: 44px } .announcement-bar .slider-button--next:focus-visible,.announcement-bar .slider-button--prev:focus-visible,.utility-bar .list-social__link:focus-visible { outline-offset: -.3rem; box-shadow: 0 0 0 -.2rem rgb(var(--color-foreground)) } .localization-wrapper .localization-selector+.disclosure__list-wrapper { animation: animateMenuOpen var(--duration-default) ease } .utility-bar .localization-wrapper .disclosure .localization-form__select,.utility-bar .localization-wrapper .disclosure__link { font-size: calc(var(--font-heading-scale) * 1.3rem) } @media screen and (min-width: 990px) { body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width { padding-left:5rem; padding-right: 5rem } .announcement-bar-slider { width: 60% } .announcement-bar .slider-button { height: 3.8rem } } .announcement-bar__link .icon-arrow { display: inline-block; pointer-events: none; margin-left: .8rem; vertical-align: middle; margin-bottom: .2rem } @keyframes translateAnnouncementSlideIn { 0% { opacity: 0; transform: translate(var(--announcement-translate-from)) } to { opacity: 1; transform: translate(0) } } @keyframes translateAnnouncementSlideOut { 0% { opacity: 1; transform: translate(0) } to { opacity: 0; transform: translate(var(--announcement-translate-to)) } } .shopify-section-header-hidden.menu-open { top: 0 } .section-header.animate { transition: top .15s ease-out } .section-header~.shopify-section-group-header-group { z-index: initial } .header-wrapper { display: block; position: relative; background-color: rgb(var(--color-background)) } .header-wrapper--border-bottom { border-bottom: .1rem solid rgba(var(--color-foreground),.08) } .header { display: grid; grid-template-areas: "left-icons heading icons"; grid-template-columns: 1fr 2fr 1fr; align-items: center } @media screen and (min-width: 990px) { .header { grid-template-columns:1fr auto 1fr } .header--top-left,.header--middle-left:not(.header--has-menu) { grid-template-areas: "heading icons" "navigation navigation"; grid-template-columns: 1fr auto } .header--top-left.drawer-menu,.header--middle-left.drawer-menu { grid-template-areas: "navigation heading icons"; grid-template-columns: auto 1fr auto; -moz-column-gap: 1rem; column-gap: 1rem } .header--middle-left { grid-template-areas: "heading navigation icons"; grid-template-columns: auto auto 1fr; -moz-column-gap: 2rem; column-gap: 2rem } .header--middle-center:not(.drawer-menu) { grid-template-areas: "navigation heading icons"; grid-template-columns: 1fr auto 1fr; -moz-column-gap: 2rem; column-gap: 2rem } .header--middle-center a.header__heading-link { text-align: center } .header--top-center { grid-template-areas: "left-icons heading icons" "navigation navigation navigation" } .header--top-center.drawer-menu { grid-template-areas: "left-icons heading icons"; grid-template-columns: 1fr auto 1fr } .header:not(.header--middle-left,.header--middle-center) .header__inline-menu { margin-top: 1.05rem } } .header *[tabindex="-1"]:focus { outline: none } .header>.header__heading-link { line-height: 0 } .header__heading-link:hover .h2 { color: rgb(var(--color-foreground)) } .header__heading-link .h2 { line-height: 1; color: rgba(var(--color-foreground),.75) } .header__icon:not(.header__icon--summary),.header__icon span { display: flex; align-items: center; justify-content: center } .header__icon { color: rgb(var(--color-foreground)) } .header__icon span { height: 100% } .header__icon:after { content: none } .header__icon:hover .icon { transform: scale(1.07) } .header__icon .icon { height: 2rem; width: 2rem; fill: none; vertical-align: middle } .header__icon,.header__icon--cart .icon { height: 44px; width: 44px; padding: 0 } .header__icon--menu[aria-expanded=true]:before { content: ""; top: 100%; left: 0; height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%))); width: 100%; display: block; position: absolute; background: rgba(var(--color-foreground),.5) } menu-drawer+.header__search { display: none } .header>.header__search { grid-area: left-icons; justify-self: start } .header--top-center.drawer-menu>.header__search { margin-left: 3.2rem } .header:not(.header--has-menu) *>.header__search { display: none } .header__search { display: inline-flex; line-height: 0 } .header--top-center>.header__search { display: none } .header--top-center *>.header__search { display: inline-flex } @media screen and (min-width: 990px) { .header:not(.header--top-center) *>.header__search,.header--top-center>.header__search { display:inline-flex } .header:not(.header--top-center)>.header__search,.header--top-center *>.header__search { display: none } } details[open] .modal-overlay { display: block } details[open] .modal-overlay:after { position: absolute; content: ""; background-color: rgb(var(--color-foreground),.5); top: 100%; left: 0; right: 0; height: 100vh } .search-modal__content { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; line-height: calc(1 + .8 / var(--font-body-scale)); position: relative } .search-modal__content-bottom { bottom: calc((var(--inputs-margin-offset) / 2)) } .search-modal__content-top { top: calc((var(--inputs-margin-offset) / 2)) } @media screen and (min-width: 990px) { .search-modal__form { max-width:74.2rem } .search-modal__close-button { position: initial; margin-left: .5rem } } .header__icon--menu .icon { display: block; position: absolute; opacity: 1; transform: scale(1); transition: transform .15s ease,opacity .15s ease } details:not([open])>.header__icon--menu .icon-close,details[open]>.header__icon--menu .icon-hamburger { visibility: hidden; opacity: 0; transform: scale(.8) } .js details[open]:not(.menu-opening)>.header__icon--menu .icon-close { visibility: hidden } .js details[open]:not(.menu-opening)>.header__icon--menu .icon-hamburger { visibility: visible; opacity: 1; transform: scale(1.07) } .js details>.header__submenu { opacity: 0; transform: translateY(-1.5rem) } details[open]>.header__submenu { animation: animateMenuOpen var(--duration-default) ease; animation-fill-mode: forwards; z-index: 1 } @media (prefers-reduced-motion) { details[open]>.header__submenu { opacity: 1; transform: translateY(0) } } .header__inline-menu { margin-left: -1.2rem; grid-area: navigation; display: none } .header--top-center .header__inline-menu,.header--top-center .header__heading-link { margin-left: 0 } @media screen and (min-width: 990px) { .header__inline-menu { display:block } .header--top-center .header__inline-menu { justify-self: center } .header--top-center .header__inline-menu>.list-menu--inline { justify-content: center } .header--middle-left .header__inline-menu { margin-left: 0 } } .header__menu-item { padding: 1.2rem; text-decoration: none; color: rgba(var(--color-foreground),.75) } .header__menu-item:hover { color: rgb(var(--color-foreground)) } .header__menu-item span { transition: -webkit-text-decoration var(--duration-short) ease; transition: text-decoration var(--duration-short) ease; transition: text-decoration var(--duration-short) ease,-webkit-text-decoration var(--duration-short) ease } .header__menu-item:hover span { text-decoration: underline; text-underline-offset: .3rem } details[open]>.header__menu-item { text-decoration: underline } details[open]:hover>.header__menu-item { text-decoration-thickness: .2rem } details[open]>.header__menu-item .icon-caret { transform: rotate(180deg) } .header__active-menu-item { transition: text-decoration-thickness var(--duration-short) ease; color: rgb(var(--color-foreground)); text-decoration: underline; text-underline-offset: .3rem } .header__menu-item:hover .header__active-menu-item { text-decoration-thickness: .2rem } .header__submenu { transition: opacity var(--duration-default) ease,transform var(--duration-default) ease } .global-settings-popup,.header__submenu.global-settings-popup { border-radius: var(--popup-corner-radius); border-color: rgba(var(--color-foreground),var(--popup-border-opacity)); border-style: solid; border-width: var(--popup-border-width); box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity)); z-index: -1 } .header__submenu.list-menu { padding: 1rem 0 } .header__submenu .header__submenu { background-color: rgba(var(--color-foreground),.03); padding: 1rem 0; margin: 1rem 0 } .header__submenu .header__menu-item:after { right: 2rem } .header__submenu .header__menu-item { justify-content: space-between; padding: .8rem 2rem } .header__submenu .header__menu-item:hover { text-decoration-line: underline } .header__menu-item .icon-caret { right: .8rem } .header__submenu .icon-caret { flex-shrink: 0; margin-left: 1rem; position: static } header-menu>details,details-disclosure>details { position: relative } @keyframes animateMenuOpen { 0% { opacity: 0; transform: translateY(-1.5rem) } to { opacity: 1; transform: translateY(0) } } .overflow-hidden-mobile,.overflow-hidden-tablet,.overflow-hidden-desktop { overflow: hidden } @media screen and (min-width: 750px) { .overflow-hidden-mobile { overflow:auto } } @media screen and (min-width: 990px) { .overflow-hidden-tablet { overflow:auto } } .gradient { background: rgb(var(--color-background)); background: var(--gradient-background); background-attachment: fixed } @media screen and (forced-colors: active) { .icon { color: CanvasText; fill: CanvasText!important } .icon-close-small path { stroke: CanvasText } } .ratio { display: flex; position: relative; align-items: stretch } .ratio:before { content: ""; width: 0; height: 0; padding-bottom: var(--ratio-percent) } .content-container { border-radius: var(--text-boxes-radius); border: var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity)); position: relative } .content-container:after { content: ""; position: absolute; top: calc(var(--text-boxes-border-width) * -1); right: calc(var(--text-boxes-border-width) * -1); bottom: calc(var(--text-boxes-border-width) * -1); left: calc(var(--text-boxes-border-width) * -1); border-radius: var(--text-boxes-radius); box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity)); z-index: -1 } .content-container--full-width:after { left: 0; right: 0; border-radius: 0 } @media screen and (max-width: 749px) { .content-container--full-width-mobile { border-left:none; border-right: none; border-radius: 0 } .content-container--full-width-mobile:after { display: none } } .global-media-settings { position: relative; border: var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity)); border-radius: var(--media-radius); overflow: visible!important; background-color: rgb(var(--color-background)) } .global-media-settings:after { content: ""; position: absolute; top: calc(var(--media-border-width) * -1); right: calc(var(--media-border-width) * -1); bottom: calc(var(--media-border-width) * -1); left: calc(var(--media-border-width) * -1); border-radius: var(--media-radius); box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity)); z-index: -1; pointer-events: none } .global-media-settings--no-shadow { overflow: hidden!important } .global-media-settings--no-shadow:after { content: none } .global-media-settings img,.global-media-settings iframe,.global-media-settings model-viewer,.global-media-settings video,.global-media-settings .placeholder-svg { border-radius: calc(var(--media-radius) - var(--media-border-width)) } .content-container--full-width,.global-media-settings--full-width,.global-media-settings--full-width img,.global-media-settings--full-width video,.global-media-settings--full-width iframe,.global-media-settings--full-width .placeholder-svg { border-radius: 0; border-left: none; border-right: none } .badge { border: 1px solid transparent; border-radius: var(--badge-corner-radius); display: inline-block; font-size: 1.2rem; letter-spacing: .1rem; line-height: 1; padding: .5rem 1.3rem .6rem; text-align: center; background-color: rgb(var(--color-badge-background)); border-color: rgba(var(--color-badge-border),var(--alpha-badge-border)); color: rgb(var(--color-badge-foreground)); word-break: break-word } .rte:after { clear: both; content: ""; display: block } .rte>*:first-child { margin-top: 0 } .rte>*:last-child { margin-bottom: 0 } .rte table { table-layout: fixed } @media screen and (min-width: 750px) { .rte table td { padding-left:1.2rem; padding-right: 1.2rem } } .rte img { height: auto; max-width: 100%; border: var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity)); border-radius: var(--media-radius); box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity)); margin-bottom: var(--media-shadow-vertical-offset) } .rte ul,.rte ol { padding-left: 2rem } .rte li { list-style: inherit } .rte li:last-child { margin-bottom: 0 } .rte a { color: rgba(var(--color-link),var(--alpha-link)); text-underline-offset: .3rem; text-decoration-thickness: .1rem; transition: text-decoration-thickness var(--duration-short) ease } .rte a:hover { color: rgb(var(--color-link)); text-decoration-thickness: .2rem } .rte blockquote { display: inline-flex } .rte blockquote>* { margin: -.5rem 0 } .shape--mask { display: block; height: 0; width: 0 } .animate--zoom-in { --zoom-in-ratio: 1 } .animate--zoom-in>img,.animate--zoom-in>svg { transition: scale var(--duration-short) linear; scale: var(--zoom-in-ratio) } button,.button,.\!button { padding: 1.6rem 24px; text-align: center; font-size: var(--fs-btn); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05) } button,.button { background-color: var(--color-btn) } .\!button { background-color: var(--color-btn)!important } button:not([disabled]):hover:after,.button:not([disabled]):hover:after { --border-offset: 1 } .\!button:not([disabled]):hover:after { --border-offset: 1 !important } button:not(.button--sm,.button--tertiary,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close),.button:not(.button--sm,.button--tertiary,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: calc(54px + var(--buttons-border-width) * 2) } .\!button:not(.button--sm,.button--tertiary,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: calc(54px + var(--buttons-border-width) * 2)!important } button:before,button:after,.button:before,.button:after { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } .\!button:before,.\!button:after { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } .\!button.button--sm,.button.button--sm { min-width: 15rem; padding-top: .8rem; padding-bottom: .8rem; font-size: var(--fs-btn-sm); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05) } .\!button.button--sm { min-height: calc(3rem + var(--buttons-border-width) * 2)!important } .button.button--sm { min-height: calc(3rem + var(--buttons-border-width) * 2) } .button--primary { font-weight: 700; text-transform: uppercase; background-color: var(--color-btn) } .button--primary:hover,.button--primary:focus { background-color: var(--color-btn-hover) } .button--secondary { border-width: .1rem; border-style: solid; border-color: var(--softBlack); font-weight: 700; text-transform: uppercase; color: var(--softBlack); background-color: var(--color-secondary-btn) } .button--secondary:hover,.button--secondary:focus { color: var(--white); background-color: var(--color-secondary-btn-hover) } .button--secondary.button--light { border-color: var(--white); color: var(--white) } .button--secondary.button--light:hover,.button--secondary.button--light:focus { background-color: var(--white); color: var(--softBlack) } .button--tertiary { position: relative; z-index: 0; min-height: 0px; min-width: 0px; border-radius: 0; border-bottom-width: .16rem; border-style: solid; border-color: currentColor; background-color: var(--transparent); padding: 0; padding-right: 2rem; font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem; font-weight: 700 } @media (min-width: 768px) { .button--tertiary { padding-right:3.2rem; font-size: 2rem; line-height: 1.3; letter-spacing: .02rem } } .button--tertiary:after { position: absolute; left: auto; right: 0; bottom: auto; top: -.1rem; display: inline-block; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .2s; --tw-content: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%227%22%20viewBox%3D%220%200%2016%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%203.4641L11.2%206.9282L11.2%20-2.09815e-07L16%203.4641Z%22%20fill%3D%22%231E1914%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.8%203.86356H0V2.7207H12.8V3.86356Z%22%20fill%3D%22%231E1914%22%2F%3E%3C%2Fsvg%3E); content: var(--tw-content) } .product__text.button--tertiary+.ingredients-modal__opener.inline:after:before { padding-left: 4px; font-weight: 700; --tw-content: "·"; content: var(--tw-content) } @media (min-width: 768px) { .button--tertiary:after { top:.1rem; --tw-content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2214%22%20viewBox%3D%220%200%2028%2014%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M28%207L19.6%2013.0622L19.6%200.937822L28%207Z%22%20fill%3D%22%231E1914%22%2F%3E%3Cline%20y1%3D%226.7002%22%20x2%3D%2222.4%22%20y2%3D%226.7002%22%20stroke%3D%22%231E1914%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E); content: var(--tw-content) } } .button--tertiary:hover:after,.button--tertiary.is-hover:after { right: -4px; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .2s } @media (min-width: 768px) { .button--tertiary:hover:after,.button--tertiary.is-hover:after { right:-.6rem } } .button--tertiary.button--sm { min-height: 0px; min-width: 0px; padding: 0; padding-right: 1.6rem; letter-spacing: .016rem } .button--tertiary.button--sm:after { content: url('data:image/svg+xml,'); top: .1rem } .button--tertiary.button--sm:hover:after,.button--tertiary.button--sm.is-hover:after { right: -4px } .button--tertiary.button--light { border-color: var(--white); color: var(--white) } .button--tertiary.button--light:after { content: url('data:image/svg+xml,'); top: .1rem } .button--tertiary.button--light:hover { color: var(--white) } .button--tertiary.button--light.button--sm:after { content: url('data:image/svg+xml,') } input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } input[type=number] { -moz-appearance: textfield } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration { display: none } input[type=search] ::-ms-clear,input[type=search]::-ms-reveal { display: none; width: 0; height: 0 } input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus { background-color: var(--transparent) } form label,.field__label { font-size: 1.6rem; letter-spacing: .016rem; line-height: 1.1; color: var(--grey-7) } input,textarea,.field__input { flex-grow: 0 } input:not(select):not(:-moz-placeholder):not(.input-error):not([type=radio],[type=checkbox],.shopify-challenge__button),textarea:not(select):not(:-moz-placeholder):not(.input-error):not([type=radio],[type=checkbox],.shopify-challenge__button),.field__input:not(select):not(:-moz-placeholder):not(.input-error):not([type=radio],[type=checkbox],.shopify-challenge__button) { outline: 2px solid transparent; outline-offset: 2px; box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground)) } input:focus-visible,input.is-focus,input:focus,input:not(select):not(:placeholder-shown):not(.input-error):not([type=radio],[type=checkbox],.shopify-challenge__button),textarea:focus-visible,textarea.is-focus,textarea:focus,textarea:not(select):not(:placeholder-shown):not(.input-error):not([type=radio],[type=checkbox],.shopify-challenge__button),.field__input:focus-visible,.field__input.is-focus,.field__input:focus,.field__input:not(select):not(:placeholder-shown):not(.input-error):not([type=radio],[type=checkbox],.shopify-challenge__button) { outline: 2px solid transparent; outline-offset: 2px; box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground)) } input:not([type=checkbox],[type=radio],.shopify-challenge__button),textarea:not([type=checkbox],[type=radio],.shopify-challenge__button),.field__input:not([type=checkbox],[type=radio],.shopify-challenge__button) { border-width: .1rem; border-style: solid; border-color: var(--softBlack); border-radius: var(--inputs-radius) } input.hide-label,textarea.hide-label,.field__input.hide-label { height: 4.6rem; padding: 1.2rem 2rem } input.hide-label:not(:placeholder-shown),input.hide-label:-webkit-autofill,input.hide-label:focus,textarea.hide-label:not(:placeholder-shown),textarea.hide-label:-webkit-autofill,textarea.hide-label:focus,.field__input.hide-label:not(:placeholder-shown),.field__input.hide-label:-webkit-autofill,.field__input.hide-label:focus { height: 4.6rem; padding: 1.2rem 2rem } input.hide-label::-moz-placeholder,textarea.hide-label::-moz-placeholder,.field__input.hide-label::-moz-placeholder { font-size: 1.6rem; letter-spacing: .016rem; line-height: 1.1; color: var(--grey-7); opacity: 1 } input.hide-label::placeholder,textarea.hide-label::placeholder,.field__input.hide-label::placeholder { font-size: 1.6rem; letter-spacing: .016rem; line-height: 1.1; color: var(--grey-7); opacity: 1 } input.hide-label+.field__label,textarea.hide-label+.field__label,.field__input.hide-label+.field__label { display: none } input.unit-price.hide-label+.field__label,textarea.unit-price.hide-label+.field__label,.unit-price.field__input.hide-label+.field__label { display: none } input.input-error,textarea.input-error,.field__input.input-error { border-color: var(--pinkMid); box-shadow: 0 0 0 var(--inputs-border-width) var(--pinkMid) } input.input-error~.input__error-text,textarea.input-error~.input__error-text,.field__input.input-error~.input__error-text { display: block; color: var(--pinkMid) } input~.input__error-text,textarea~.input__error-text,.field__input~.input__error-text { margin-top: 2rem; margin-left: 2rem; display: none; font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; color: var(--softBlack) } input.unit-price~.input__error-text,textarea.unit-price~.input__error-text,.unit-price.field__input~.input__error-text { display: none } .field:after { display: none } .unit-price.field:after { display: none } select,.select__select,.customer select { background-image: url('data:image/svg+xml,'); border-width: .1rem; border-style: solid; border-color: var(--softBlack); background-size: 1.7rem 1.1rem; background-position: calc(100% - 14px); background-repeat: no-repeat; font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem; color: var(--grey-7); border-radius: var(--inputs-radius) } select:focus-visible,select.is-active,select:focus,.select__select:focus-visible,.select__select.is-active,.select__select:focus,.customer select:focus-visible,.customer select.is-active,.customer select:focus { outline: 2px solid transparent; outline-offset: 2px; box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground)) } select:invalid,.select__select:invalid,.customer select:invalid { color: var(--grey-7) } select.selected,.select__select.selected,.customer select.selected { color: var(--softBlack) } select option.disabled,select option[disabled],.select__select option.disabled,.select__select option[disabled],.customer select option.disabled,.customer select option[disabled] { color: var(--grey-7) } select option[value=""][disabled],.select__select option[value=""][disabled],.customer select option[value=""][disabled],select.unit-price option[value=""][disabled],.unit-price .select__select option[value=""][disabled],.unit-price .customer select option[value=""][disabled] { display: none } .checkbox-input,.radio-input { display: flex; align-items: flex-start; justify-content: flex-start; letter-spacing: 0em } input[type=radio],input[type=checkbox] { position: relative; margin: 0; margin-right: 14px; height: 24px; width: 24px; flex-shrink: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--white); transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } input[type=radio]+label,input[type=checkbox]+label { cursor: pointer } input[type=radio] { box-shadow: 0 0 0 var(--inputs-border-width) var(--tw-shadow-color); border-radius: 9999px; --tw-shadow-color: var(--pinkLight); --tw-shadow: var(--tw-shadow-colored); outline: 2px solid transparent; outline-offset: 2px } input[type=radio]:before { content: ""; position: absolute; top: 50%; left: 50%; height: 0px; width: 0px; --tw-translate-x: -50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 9999px; background-color: var(--white); transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } input[type=radio][disabled],input[type=radio][readonly] { background-color: var(--grey-6); box-shadow: 0 0 0 var(--inputs-border-width) var(--grey-6) } input[type=radio]:checked:before { height: 1.6rem; width: 1.6rem; background-color: var(--pinkLight) } input[type=radio]:checked[disabled],input[type=radio]:checked[readonly] { background-color: var(--white); box-shadow: 0 0 0 var(--inputs-border-width) var(--grey-4) } input[type=radio]:checked[disabled]:before,input[type=radio]:checked[readonly]:before { background-color: var(--grey-4) } input[type=checkbox] { box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground)) } input[type=checkbox][disabled],input[type=checkbox][readonly] { background-color: var(--grey-6); box-shadow: 0 0 0 var(--inputs-border-width) var(--grey-6) } input[type=checkbox]:checked { color: var(--white) } input[type=checkbox]:checked:after { content: url('data:image/svg+xml,'); position: absolute; top: 50%; left: 50%; margin-top: .2rem; --tw-translate-x: -50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); color: var(--white) } input[type=checkbox]:checked[disabled],input[type=checkbox]:checked[readonly] { background-color: var(--grey-4); box-shadow: 0 0 0 var(--inputs-border-width) var(--grey-4) } input[type=checkbox]:checked[disabled]:after,input[type=checkbox]:checked[readonly]:after { content: url('data:image/svg+xml,') } .login form,.register form,.reset-password form,.activate form { margin-left: auto; margin-right: auto; width: 100%; max-width: 32rem } .login form .field,.login form button,.register form .field,.register form button,.reset-password form .field,.reset-password form button,.activate form .field,.activate form button { margin-bottom: 1.6rem; min-width: 32rem } .section__heading { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: calc(var(--font-heading-scale) * .06rem); color: rgb(var(--color-foreground)); line-height: calc(1 + .3/max(1,var(--font-heading-scale))); word-break: break-word; font-size: calc(var(--font-heading-scale) * 1.7rem) } @media only screen and (min-width: 750px) { .section__heading { font-size:calc(var(--font-heading-scale) * 1.8rem) } } .section__heading .icon-arrow { width: calc(var(--font-heading-scale) * 1.5rem) } .section__heading { margin-top: 0; margin-bottom: 24px; font-family: var(--font-parafina) } @media (min-width: 768px) { .section__heading { margin-bottom:4rem } } .section__heading:not([class*=leading-]) { line-height: 1!important } .section__heading strong { font-family: var(--font-parafinaBold) } .section__heading { --font-heading-scale: calc(4.8/1.8); font-size: var(--fs-h3-m); line-height: 1.2; letter-spacing: calc(var(--fs-h3-m) * .03); font-weight: 400 } @media (min-width: 768px) { .section__heading { font-size:var(--fs-h3); line-height: 1.2; letter-spacing: calc(var(--fs-h3) * .03) } } .section__heading { margin-bottom: 2rem; border-width: 0; border-bottom-width: .2rem; border-style: solid; border-color: var(--softBlack); padding-bottom: .7rem } @media (min-width: 1024px) { .section__heading { padding-bottom:1.7rem } } .pagination__item { border-width: .1rem; border-style: solid; border-color: var(--grey-4); font-weight: 700; color: var(--softBlack); transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .pagination__item--current { border-color: var(--pinkLight); color: var(--pinkLight) } .pagination__item-arrow { color: var(--grey-4) } .pagination__item--disabled { cursor: not-allowed; border-color: var(--grey-6); background-color: var(--grey-6) } .pagination__item--disabled:hover { color: var(--grey-4) } .card-has-tertiary-button:hover .button--tertiary:after { right: -.8rem; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .2s } .card-information>.price { font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem } @media (min-width: 768px) { .card-information>.price { font-size:2rem; line-height: 1.3; letter-spacing: .02rem } } .card-information>.price.price--on-sale .price-item--regular { font-size: 1rem; line-height: 1.3; letter-spacing: .01rem } @media (min-width: 768px) { .card-information>.price.price--on-sale .price-item--regular { font-size:1.8rem; line-height: 1.3; letter-spacing: .018rem } } .modal-drawer { visibility: hidden; position: fixed; left: 0; top: 0; z-index: -1; display: flex; height: 100%; width: 100%; justify-content: flex-end; background-color: #1e191435; opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .modal-drawer[open] { visibility: visible; z-index: 9999999991; opacity: 1 } .modal-drawer__inner { overflow: hidden } .modal-drawer__inner.predictive-search--has-content { position: fixed; top: 0; left: 0; right: 0; bottom: 0 } .modal-drawer__inner { display: flex; height: 100%; width: 100%; max-width: 60rem; --tw-translate-x: 100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); flex-direction: column; overflow: hidden; overflow-y: auto; background-color: var(--white); transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .5s; will-change: transform } body.modal-drawer__inner #attentive_overlay { z-index: 25 } .modal-drawer[open] .modal-drawer__inner { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); background-color: var(--grey-1) } .modal-drawer__close { position: absolute; top: 28px; right: 24px; display: flex; min-height: 28px!important; cursor: pointer; align-items: center; justify-content: center; border-style: none; background-color: var(--transparent); padding: 0 } .modal-drawer__close .icon { margin: 0; display: block; height: 24px; width: 24px; transition-property: transform; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; will-change: transform } .modal-drawer__close:hover .icon,.modal-drawer__close:focus-visible .icon { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0 } .pointer-events-none { pointer-events: none } .\!visible { visibility: visible!important } .visible { visibility: visible } .invisible { visibility: hidden } .static { position: static } .fixed { position: fixed } .absolute { position: absolute } .relative { position: relative } .sticky { position: sticky } .-right-1 { right: -4px } .-top-1 { top: -4px } .bottom-0 { bottom: 0 } .bottom-12 { bottom: 4.8rem } .bottom-2 { bottom: .8rem } .bottom-5 { bottom: 2rem } .bottom-6 { bottom: 24px } .left-0 { left: 0 } .left-1\/2 { left: 50% } .left-2 { left: .8rem } .left-4 { left: 1.6rem } .left-5 { left: 2rem } .right-0 { right: 0 } .right-1\.5 { right: .6rem } .right-2 { right: .8rem } .right-2\.5 { right: 1rem } .right-3\.5 { right: 14px } .right-4 { right: 1.6rem } .right-5 { right: 2rem } .right-6 { right: 24px } .right-9 { right: 3.6rem } .right-\[calc\(10\%_\+1rem\)\] { right: calc(10% + 1rem) } .right-auto { right: auto } .top-0 { top: 0 } .top-1\.5 { top: .6rem } .top-1\/2 { top: 50% } .top-2 { top: .8rem } .top-2\.5 { top: 1rem } .top-3\.5 { top: 14px } .top-4 { top: 1.6rem } .top-5 { top: 2rem } .top-8\.5 { top: 34px } .top-\[-16px\] { top: -16px } .top-\[0px\] { top: 0 } .top-auto { top: auto } .isolate { isolation: isolate } .\!z-\[3\] { z-index: 3!important } .z-0 { z-index: 0 } .z-\[1\] { z-index: 1 } .z-\[25\] { z-index: 25 } .z-\[2\] { z-index: 2 } .z-\[4\] { z-index: 4 } .order-1 { order: 1 } .order-2 { order: 2 } .order-3 { order: 3 } .col-span-1 { grid-column: span 1 / span 1 } .col-span-2 { grid-column: span 2 / span 2 } .col-span-3 { grid-column: span 3 / span 3 } .row-span-3 { grid-row: span 3 / span 3 } .\!m-0 { margin: 0!important } .m-0 { margin: 0 } .m-auto { margin: auto } .\!my-0 { margin-top: 0!important; margin-bottom: 0!important } .\!my-7 { margin-top: 28px!important; margin-bottom: 28px!important } .-mx-2 { margin-left: -.8rem; margin-right: -.8rem } .mx-1 { margin-left: 4px; margin-right: 4px } .mx-auto { margin-left: auto; margin-right: auto } .my-7\.5 { margin-top: 3rem; margin-bottom: 3rem } .my-8 { margin-top: 3.2rem; margin-bottom: 3.2rem } .\!mb-0 { margin-bottom: 0!important } .\!mb-3\.5 { margin-bottom: 14px!important } .\!ml-0 { margin-left: 0!important } .\!mt-2\.5 { margin-top: 1rem!important } .-ml-4 { margin-left: -1.6rem } .-mr-7 { margin-right: -28px } .-mt-2\.5 { margin-top: -1rem } .-mt-3 { margin-top: -1.2rem } .mb-0 { margin-bottom: 0 } .mb-1 { margin-bottom: 4px } .mb-1\.5 { margin-bottom: .6rem } .mb-10 { margin-bottom: 4rem } .mb-2 { margin-bottom: .8rem } .mb-2\.5 { margin-bottom: 1rem } .mb-3 { margin-bottom: 1.2rem } .mb-4 { margin-bottom: 1.6rem } .mb-5 { margin-bottom: 2rem } .mb-6 { margin-bottom: 24px } .mb-7 { margin-bottom: 28px } .mb-7\.5 { margin-bottom: 3rem } .mb-8 { margin-bottom: 3.2rem } .ml-0\.5 { margin-left: .2rem } .ml-5 { margin-left: 2rem } .ml-auto { margin-left: auto } .mr-1\.5 { margin-right: .6rem } .mt-0 { margin-top: 0 } .mt-0\.5 { margin-top: .2rem } .mt-1 { margin-top: 4px } .mt-1\.5 { margin-top: .6rem } .mt-10 { margin-top: 4rem } .mt-15 { margin-top: 6rem } .mt-2 { margin-top: .8rem } .mt-2\.5 { margin-top: 1rem } .mt-20 { margin-top: 8rem } .mt-3 { margin-top: 1.2rem } .mt-4 { margin-top: 1.6rem } .mt-4\.5 { margin-top: 1.8rem } .mt-5 { margin-top: 2rem } .mt-6 { margin-top: 24px } .mt-7 { margin-top: 28px } .mt-7\.5 { margin-top: 3rem } .mt-8 { margin-top: 3.2rem } .mt-9 { margin-top: 3.6rem } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 } .\!block { display: block!important } .block { display: block } .inline-block { display: inline-block } .inline { display: inline } .flex { display: flex } .inline-flex { display: inline-flex } .table { display: table } .\!table-cell { display: table-cell!important } .table-cell { display: table-cell } .\!grid { display: grid!important } .grid { display: grid } .contents { display: contents } .\!hidden { display: none!important } .hidden { display: none } .aspect-\[2\/3\] { aspect-ratio: 2/3 } .aspect-\[3\/4\] { aspect-ratio: 3/4 } .aspect-auto { aspect-ratio: auto } .aspect-square { aspect-ratio: 1 / 1 } .aspect-video { aspect-ratio: 16 / 9 } .\!h-\[56px\] { height: 56px!important } .\!h-full { height: 100%!important } .h-12 { height: 4.8rem } .h-14 { height: 56px } .h-15 { height: 6rem } .h-16 { height: 64px } .h-4 { height: 1.6rem } .h-5 { height: 2rem } .h-5\.5 { height: 2.2rem } .h-6 { height: 24px } .h-7\.5 { height: 3rem } .h-8 { height: 3.2rem } .h-\[0\.1rem\] { height: .1rem } .h-\[0\.3rem\] { height: .3rem } .h-\[25px\] { height: 25px } .h-\[40vh\] { height: 40vh } .h-\[60vh\] { height: 60vh } .h-\[9\.5rem\] { height: 9.5rem } .h-auto { height: auto } .h-full { height: 100% } .h-screen { height: 100vh } .max-h-full { max-height: 100% } .\!min-h-0 { min-height: 0px!important } .\!min-h-min { min-height: -moz-min-content!important; min-height: min-content!important } .min-h-0 { min-height: 0px } .min-h-fit { min-height: -moz-fit-content; min-height: fit-content } .min-h-full { min-height: 100% } .\!w-full { width: 100%!important } .w-1\/2 { width: 50% } .w-1\/3 { width: 33.333333% } .w-1\/5 { width: 20% } .w-12 { width: 4.8rem } .w-16 { width: 64px } .w-24 { width: 9.6rem } .w-25 { width: 10rem } .w-3 { width: 1.2rem } .w-4 { width: 1.6rem } .w-5\.5 { width: 2.2rem } .w-6 { width: 24px } .w-8 { width: 3.2rem } .w-\[100px\] { width: 100px } .w-\[136px\] { width: 136px } .w-\[23rem\] { width: 23rem } .w-\[25px\] { width: 25px } .w-\[310px\] { width: 310px } .w-\[32rem\] { width: 32rem } .w-\[42\.5rem\] { width: 42.5rem } .w-\[54\%\] { width: 54% } .w-\[72px\] { width: 72px } .w-\[9\.5rem\] { width: 9.5rem } .w-\[calc\(100\%-6rem\)\] { width: calc(100% - 6rem) } .w-auto { width: auto } .w-full { width: 100% } .\!min-w-0 { min-width: 0px!important } .\!min-w-22 { min-width: 8.8rem!important } .min-w-full { min-width: 100% } .\!max-w-\[180px\] { max-width: 180px!important } .\!max-w-none { max-width: none!important } .max-w-\[1016px\] { max-width: 1016px } .max-w-\[132\.8rem\] { max-width: 1328px } .max-w-\[152px\] { max-width: 152px } .max-w-\[16rem\] { max-width: 16rem } .max-w-\[18px\] { max-width: 18px } .max-w-\[300px\] { max-width: 300px } .max-w-\[317px\] { max-width: 317px } .max-w-\[320px\] { max-width: 320px } .max-w-\[40\.8rem\] { max-width: 40.8rem } .max-w-\[42\.6rem\] { max-width: 42.6rem } .max-w-\[425px\] { max-width: 425px } .max-w-\[427px\] { max-width: 427px } .max-w-\[48rem\] { max-width: 48rem } .max-w-\[530px\] { max-width: 530px } .max-w-\[60rem\] { max-width: 60rem } .max-w-\[62\.5rem\] { max-width: 62.5rem } .max-w-\[64\.1rem\] { max-width: 64.1rem } .max-w-\[641px\] { max-width: 641px } .max-w-\[648px\] { max-width: 648px } .max-w-\[65\.2rem\] { max-width: 65.2rem } .max-w-\[65px\] { max-width: 65px } .max-w-\[65rem\] { max-width: 65rem } .max-w-full { max-width: 100% } .\!flex-1 { flex: 1 1 0%!important } .flex-1 { flex: 1 1 0% } .flex-shrink-0 { flex-shrink: 0 } .shrink { flex-shrink: 1 } .shrink-0 { flex-shrink: 0 } .grow { flex-grow: 1 } .basis-full { flex-basis: 100% } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-x-full { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-y-full { --tw-translate-y: 100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .cursor-pointer { cursor: pointer } .resize { resize: both } .list-none { list-style-type: none } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none } .grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) } .grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) } .grid-cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) } .grid-cols-8 { grid-template-columns: repeat(8,minmax(0,1fr)) } .grid-rows-\[auto_1fr\] { grid-template-rows: auto 1fr } .grid-rows-\[min-content_1fr\] { grid-template-rows: min-content 1fr } .flex-col { flex-direction: column } .flex-col-reverse { flex-direction: column-reverse } .flex-wrap { flex-wrap: wrap } .items-start { align-items: flex-start } .items-end { align-items: flex-end } .items-center { align-items: center } .items-baseline { align-items: baseline } .justify-start { justify-content: flex-start } .justify-end { justify-content: flex-end } .\!justify-center { justify-content: center!important } .justify-center { justify-content: center } .justify-between { justify-content: space-between } .\!gap-0 { gap: 0px!important } .gap-0 { gap: 0px } .gap-0\.5 { gap: .2rem } .gap-1 { gap: 4px } .gap-10 { gap: 4rem } .gap-15 { gap: 6rem } .gap-2 { gap: .8rem } .gap-2\.5 { gap: 1rem } .gap-3 { gap: 1.2rem } .gap-4 { gap: 1.6rem } .gap-5 { gap: 2rem } .gap-6 { gap: 24px } .gap-7 { gap: 28px } .gap-7\.5 { gap: 3rem } .gap-x-10 { -moz-column-gap: 4rem; column-gap: 4rem } .gap-x-12 { -moz-column-gap: 4.8rem; column-gap: 4.8rem } .gap-x-15 { -moz-column-gap: 6rem; column-gap: 6rem } .gap-y-15 { row-gap: 6rem } .gap-y-3 { row-gap: 1.2rem } .gap-y-4 { row-gap: 1.6rem } .gap-y-5 { row-gap: 2rem } .gap-y-7 { row-gap: 28px } .self-start { align-self: flex-start } .overflow-auto { overflow: auto } .overflow-hidden { overflow: hidden } .overflow-x-auto { overflow-x: auto } .overflow-y-auto { overflow-y: auto } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .whitespace-normal { white-space: normal } .whitespace-pre { white-space: pre } .break-words { overflow-wrap: break-word } .\!rounded-none { border-radius: 0!important } .rounded-\[15px\] { border-radius: 15px } .rounded-\[35px\] { border-radius: 35px } .rounded-\[8px\] { border-radius: 8px } .rounded-full { border-radius: 9999px } .rounded-md { border-radius: .375rem } .\!border { border-width: .1rem!important } .\!border-0 { border-width: 0!important } .border { border-width: .1rem } .border-0 { border-width: 0 } .border-2 { border-width: .2rem } .\!border-t-0 { border-top-width: 0!important } .border-b { border-bottom-width: .1rem } .border-b-2 { border-bottom-width: .2rem } .border-r { border-right-width: .1rem } .border-t { border-top-width: .1rem } .border-t-2 { border-top-width: .2rem } .border-solid { border-style: solid } .\!border-none { border-style: none!important } .border-none { border-style: none } .border-black { border-color: var(--black) } .border-grey1 { border-color: var(--grey-1) } .border-grey4 { border-color: var(--grey-4) } .border-grey5 { border-color: var(--grey-5) } .border-pinkLight { border-color: var(--pinkLight) } .border-softBlack { border-color: var(--softBlack) } .border-transparent { border-color: var(--transparent) } .\!bg-inherit { background-color: inherit!important } .\!bg-pinkLight { background-color: var(--pinkLight)!important } .\!bg-white { background-color: var(--white)!important } .bg-\[--grey-1\] { background-color: var(--grey-1) } .bg-blue1 { background-color: var(--blue-1) } .bg-blue2 { background-color: var(--blue-2) } .bg-blueDeco { background-color: var(--blueDeco) } .bg-cream { background-color: var(--cream) } .bg-green1 { background-color: var(--green-1) } .bg-green2 { background-color: var(--green-2) } .bg-greenDeco { background-color: var(--greenDeco) } .bg-grey1 { background-color: var(--grey-1) } .bg-grey2 { background-color: var(--grey-2) } .bg-grey3 { background-color: var(--grey-3) } .bg-grey4 { background-color: var(--grey-4) } .bg-grey5 { background-color: var(--grey-5) } .bg-grey6 { background-color: var(--grey-6) } .bg-grey7 { background-color: var(--grey-7) } .bg-pink1 { background-color: var(--pink-1) } .bg-pink2 { background-color: var(--pink-2) } .bg-pinkDeco { background-color: var(--pinkDeco) } .bg-pinkLight { background-color: var(--pinkLight) } .bg-pinkMid { background-color: var(--pinkMid) } .bg-purple1 { background-color: var(--purple-1) } .bg-purple2 { background-color: var(--purple-2) } .bg-purpleDeco { background-color: var(--purpleDeco) } .bg-softBlack { background-color: var(--softBlack) } .bg-teal1 { background-color: var(--teal-1) } .bg-teal2 { background-color: var(--teal-2) } .bg-tealDeco { background-color: var(--tealDeco) } .bg-transparent { background-color: var(--transparent) } .bg-white { background-color: var(--white) } .bg-yellow1 { background-color: var(--yellow-1) } .bg-yellow2 { background-color: var(--yellow-2) } .\!bg-none { background-image: none!important } .object-contain { -o-object-fit: contain; object-fit: contain } .object-cover { -o-object-fit: cover; object-fit: cover } .\!p-0 { padding: 0!important } .p-0 { padding: 0 } .p-1 { padding: 4px } .p-5 { padding: 2rem } .p-6 { padding: 24px } .p-7 { padding: 28px } .p-\[15px\] { padding: 15px } .p-\[25px\] { padding: 25px } .\!px-15 { padding-left: 6rem!important; padding-right: 6rem!important } .\!px-2 { padding-left: .8rem!important; padding-right: .8rem!important } .\!px-4 { padding-left: 1.6rem!important; padding-right: 1.6rem!important } .\!px-6 { padding-left: 24px!important; padding-right: 24px!important } .\!py-3 { padding-top: 1.2rem!important; padding-bottom: 1.2rem!important } .\!py-5 { padding-top: 2rem!important; padding-bottom: 2rem!important } .px-0 { padding-left: 0; padding-right: 0 } .px-12\.5 { padding-left: 5rem; padding-right: 5rem } .px-14 { padding-left: 56px; padding-right: 56px } .px-2 { padding-left: .8rem; padding-right: .8rem } .px-4 { padding-left: 1.6rem; padding-right: 1.6rem } .px-5 { padding-left: 2rem; padding-right: 2rem } .px-6 { padding-left: 24px; padding-right: 24px } .px-7 { padding-left: 28px; padding-right: 28px } .px-8 { padding-left: 3.2rem; padding-right: 3.2rem } .px-\[5\.6\%\] { padding-left: 5.6%; padding-right: 5.6% } .px-\[50px\] { padding-left: 50px; padding-right: 50px } .py-1 { padding-top: 4px; padding-bottom: 4px } .py-1\.5 { padding-top: .6rem; padding-bottom: .6rem } .py-10 { padding-top: 4rem; padding-bottom: 4rem } .py-12 { padding-top: 4.8rem; padding-bottom: 4.8rem } .py-15 { padding-top: 6rem; padding-bottom: 6rem } .py-2 { padding-top: .8rem; padding-bottom: .8rem } .py-22 { padding-top: 8.8rem; padding-bottom: 8.8rem } .py-3 { padding-top: 1.2rem; padding-bottom: 1.2rem } .py-4 { padding-top: 1.6rem; padding-bottom: 1.6rem } .py-5 { padding-top: 2rem; padding-bottom: 2rem } .py-6 { padding-top: 24px; padding-bottom: 24px } .py-7 { padding-top: 28px; padding-bottom: 28px } .py-7\.5 { padding-top: 3rem; padding-bottom: 3rem } .py-8 { padding-top: 3.2rem; padding-bottom: 3.2rem } .py-8\.5 { padding-top: 34px; padding-bottom: 34px } .py-\[50px\] { padding-top: 50px; padding-bottom: 50px } .\!pl-0 { padding-left: 0!important } .\!pl-12 { padding-left: 4.8rem!important } .\!pl-\[0px\] { padding-left: 0!important } .pb-1 { padding-bottom: 4px } .pb-10 { padding-bottom: 4rem } .pb-3 { padding-bottom: 1.2rem } .pb-5 { padding-bottom: 2rem } .pb-6 { padding-bottom: 24px } .pb-7\.5 { padding-bottom: 3rem } .pb-\[0\.3rem\] { padding-bottom: .3rem } .pb-\[0\.7rem\] { padding-bottom: .7rem } .pb-\[34\.55\%\] { padding-bottom: 34.55% } .pb-\[5\%\] { padding-bottom: 5% } .pb-\[50\%\] { padding-bottom: 50% } .pb-\[91\.5\%\] { padding-bottom: 91.5% } .pl-1 { padding-left: 4px } .pl-3 { padding-left: 1.2rem } .pl-31 { padding-left: 124px } .pl-4 { padding-left: 1.6rem } .pl-6 { padding-left: 24px } .pl-7 { padding-left: 28px } .pl-\[0\.25rem\] { padding-left: .25rem } .pr-11 { padding-right: 44px } .pr-16 { padding-right: 64px } .pr-4 { padding-right: 1.6rem } .pr-7 { padding-right: 28px } .pr-7\.5 { padding-right: 3rem } .pt-0 { padding-top: 0 } .pt-10 { padding-top: 4rem } .pt-14\.5 { padding-top: 5.8rem } .pt-15 { padding-top: 6rem } .pt-2 { padding-top: .8rem } .pt-2\.5 { padding-top: 1rem } .pt-5 { padding-top: 2rem } .pt-6 { padding-top: 24px } .pt-8 { padding-top: 3.2rem } .\!text-left { text-align: left!important } .text-left { text-align: left } .text-center { text-align: center } .\!text-right { text-align: right!important } .text-right { text-align: right } .\!align-middle { vertical-align: middle!important } .\!font-haasGrotesk { font-family: var(--font-haasGrotesk)!important } .\!font-parafina { font-family: var(--font-parafina)!important } .\!font-parafinaBold { font-family: var(--font-parafinaBold)!important } .font-body { font-family: var(--font-body-family) } .font-haasGrotesk { font-family: var(--font-haasGrotesk) } .font-parafina { font-family: var(--font-parafina) } .font-parafinaBold { font-family: var(--font-parafinaBold) } .\!text-2xl { font-size: 24px!important; line-height: 1.3!important; letter-spacing: .024rem!important } .\!text-\[18px\] { font-size: 18px!important } .\!text-base { font-size: 1.6rem!important; line-height: 1.3!important; letter-spacing: .016rem!important } .\!text-btn-sm { font-size: var(--fs-btn-sm)!important; line-height: 1.1!important; letter-spacing: calc(var(--fs-btn) * .05)!important } .\!text-sm { font-size: 14px!important; line-height: 1.3!important; letter-spacing: .014000000000000002rem!important } .text-2xl { font-size: 24px; line-height: 1.3; letter-spacing: .024rem } .text-\[0\.6rem\] { font-size: .6rem } .text-\[0\.9rem\] { font-size: .9rem } .text-\[1\.2rem\] { font-size: 1.2rem } .text-\[1\.8rem\] { font-size: 1.8rem } .text-\[12px\] { font-size: 12px } .text-\[14px\] { font-size: 14px } .text-\[16px\] { font-size: 16px } .text-\[18px\] { font-size: 18px } .text-\[2\4px\] { font-size: 24px } .text-\[20px\] { font-size: 20px } .text-\[24px\] { font-size: 24px } .text-\[42px\] { font-size: 42px } .text-\[48px\] { font-size: 48px } .text-\[5rem\] { font-size: 5rem } .text-base { font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem } .text-h1-m { font-size: var(--fs-h1-m); line-height: 1.2; letter-spacing: calc(var(--fs-h1-m) * .03) } .text-h2-m { font-size: var(--fs-h2-m); line-height: 1.2; letter-spacing: calc(var(--fs-h2-m) * .03) } .text-h3-m { font-size: var(--fs-h3-m); line-height: 1.2; letter-spacing: calc(var(--fs-h3-m) * .03) } .text-h4-m { font-size: var(--fs-h4-m); line-height: 1.2; letter-spacing: calc(var(--fs-h4-m) * .03) } .text-h5 { font-size: var(--fs-h5); line-height: 1.2; letter-spacing: calc(var(--fs-h5) * .03) } .text-lg { font-size: 1.8rem; line-height: 1.3; letter-spacing: .018rem } .text-sh { font-size: var(--fs-sh); line-height: 1.2; letter-spacing: calc(var(--fs-sh) * .03) } .text-sh-lg { font-size: var(--fs-sh-lg); line-height: 1.5; letter-spacing: calc(var(--fs-sh-lg) * .03) } .text-sh-lg-m { font-size: var(--fs-sh-lg-m); line-height: 1.5; letter-spacing: calc(var(--fs-sh-lg-m) * .03) } .text-sh-m { font-size: var(--fs-sh-m); line-height: 1.2; letter-spacing: calc(var(--fs-sh-m) * .03) } .text-sh-sm { font-size: var(--fs-sh-sm); line-height: 1.2; letter-spacing: calc(var(--fs-sh-sm) * .03) } .text-sh-sm-m { font-size: var(--fs-sh-sm-m); line-height: 1.2; letter-spacing: calc(var(--fs-sh-sm-m) * .03) } .text-sm { font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } .text-xl { font-size: 2rem; line-height: 1.3; letter-spacing: .02rem } .text-xs { font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem } .text-xxs { font-size: 1rem; line-height: 1.3; letter-spacing: .01rem } .\!font-bold { font-weight: 700!important } .\!font-light { font-weight: 300!important } .\!font-normal { font-weight: 400!important } .\!font-semibold { font-weight: 600!important } .font-\[400\] { font-weight: 400 } .font-\[500\] { font-weight: 500 } .font-bold { font-weight: 700 } .font-medium { font-weight: 500 } .font-normal { font-weight: 400 } .font-semibold { font-weight: 600 } .uppercase { text-transform: uppercase } .lowercase { text-transform: lowercase } .capitalize { text-transform: capitalize } .normal-case { text-transform: none } .italic { font-style: italic } .\!leading-\[24px\] { line-height: 24px!important } .\!leading-none { line-height: 1!important } .leading-10 { line-height: 2.5rem } .leading-110 { line-height: 1.1 } .leading-130 { line-height: 1.3 } .leading-150 { line-height: 1.5 } .leading-\[1\.1\] { line-height: 1.1 } .leading-\[1\.3\] { line-height: 1.3 } .leading-\[1\.3em\] { line-height: 1.3em } .leading-\[13\.2px\] { line-height: 13.2px } .leading-\[14px\] { line-height: 14px } .leading-\[16px\] { line-height: 16px } .leading-\[26px\] { line-height: 26px } .leading-\[42px\] { line-height: 42px } .leading-\[48px\] { line-height: 48px } .leading-none { line-height: 1 } .leading-snug { line-height: 1.375 } .leading-tight { line-height: 1.25 } .\!tracking-normal { letter-spacing: 0em!important } .tracking-\[0\.01em\] { letter-spacing: .01em } .tracking-\[0\.024rem\] { letter-spacing: .024rem } .tracking-\[0\.04em\] { letter-spacing: .04em } .tracking-\[0\.07rem\] { letter-spacing: .07rem } .tracking-\[0\.1rem\] { letter-spacing: .1rem } .tracking-\[calc\(1\4px\*0\.02\)\] { letter-spacing: calc(14px * .02) } .tracking-\[calc\(1\.8rem\*0\.02\)\] { letter-spacing: calc(1.8rem * .02) } .tracking-normal { letter-spacing: 0em } .\!text-softBlack { color: var(--softBlack)!important } .\!text-white { color: var(--white)!important } .text-\[\#1E1914\] { --tw-text-opacity: 1; color: rgb(30 25 20 / var(--tw-text-opacity, 1)) } .text-black { color: var(--black) } .text-blue1 { color: var(--blue-1) } .text-blue2 { color: var(--blue-2) } .text-blueDeco { color: var(--blueDeco) } .text-green1 { color: var(--green-1) } .text-green2 { color: var(--green-2) } .text-greenDeco { color: var(--greenDeco) } .text-grey4 { color: var(--grey-4) } .text-grey5 { color: var(--grey-5) } .text-grey7 { color: var(--grey-7) } .text-inherit { color: inherit } .text-pink1 { color: var(--pink-1) } .text-pinkLight { color: var(--pinkLight) } .text-pinkMid { color: var(--pinkMid) } .text-purple1 { color: var(--purple-1) } .text-purple2 { color: var(--purple-2) } .text-purpleDeco { color: var(--purpleDeco) } .text-sliderNav { color: var(--slider-nav) } .text-softBlack { color: var(--softBlack) } .text-teal1 { color: var(--teal-1) } .text-teal2 { color: var(--teal-2) } .text-tealDeco { color: var(--tealDeco) } .text-white { color: var(--white) } .underline { text-decoration-line: underline } .\!no-underline { text-decoration-line: none!important } .decoration-1 { text-decoration-thickness: 1px } .underline-offset-2 { text-underline-offset: 2px } .\!opacity-0 { opacity: 0!important } .opacity-0 { opacity: 0 } .\!shadow-none { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } .shadow-testimonial { --tw-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .25); --tw-shadow-colored: 0px 0px 7px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } .\!outline-none { outline: 2px solid transparent!important; outline-offset: 2px!important } .outline { outline-style: solid } .ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000) } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .transition { transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .duration-200 { transition-duration: .2s } .ease-in-out { transition-timing-function: cubic-bezier(.4,0,.2,1) } .badge { display: inline-block; border-style: none; background-color: var(--white); padding: 1rem 2rem; font-size: 1.6rem; font-weight: 700; text-transform: uppercase; line-height: 1.25; letter-spacing: .08rem; color: var(--softBlack) } .product__text.badge+.ingredients-modal__opener.inline:before { padding-left: 4px; font-weight: 700; --tw-content: "·"; content: var(--tw-content) } .badge.badge--default,.badge.badge--new { border-style: none; background-color: var(--yellow-2) } .badge.badge--sm { padding: .6rem 1.2rem; font-size: 1rem; line-height: 1.1; letter-spacing: .05rem } .scrollbar { overflow-x: auto } .scrollbar::-webkit-scrollbar { height: 6px; width: 6px; background-color: var(--grey-4) } .scrollbar::-webkit-scrollbar-thumb { background-color: var(--pinkLight) } .ccontain { margin-left: auto; margin-right: auto; width: 100%; max-width: 1440px; padding-left: 1.6rem; padding-right: 1.6rem } @media (min-width: 1024px) { .ccontain { padding-left:24px; padding-right: 24px } } .container-small { margin-left: auto; margin-right: auto; width: 100%; max-width: 930px; padding-left: 28px; padding-right: 28px } .container-large { margin-left: auto; margin-right: auto; width: 100%; max-width: 1440px; padding-left: 28px; padding-right: 28px } @media (max-width: 1100px) { .container-large { padding-left:28px!important; padding-right: 28px!important } } @media (min-width: 1024px) { .container-large { padding-left:56px; padding-right: 56px } } .container-standard { margin-left: auto; margin-right: auto; width: 100%; max-width: 1156px; padding-left: 28px; padding-right: 28px } /* :root { --font-parafina: "Parafina Regular S"; --font-parafinaBold: "Parafina Bold S"; --font-haasGrotesk: "Neue Haas Grotesk Text"; --font-heading-family: "Parafina Regular S"; --font-body-family: "Neue Haas Grotesk Text"; --text-font-family: "Neue Haas Grotesk Text"; --transparent: transparent; --pinkLight: #FF1E5A; --pinkMid: #D40043; --pinkDeco: #A50034; --pink-1: #FFEAFF; --pink-2: #FFD5FF; --black: #000000; --softBlack: #1E1914; --cream: #FFFAF5; --white: #FFFFFF; --blue-1: #E1F4FF; --blue-2: #C4EAFF; --blueDeco: #4A0EE0; --teal-1: #E2FFFB; --teal-2: #C1FFF1; --teal-3: #00856C; --tealDeco: #006655; --purple-1: #F5EBFF; --purple-2: #EAD9FF; --purpleDeco: #64008C; --green-1: #F2FFB1; --green-2: #E8FF8A; --greenDeco: #286400; --yellow-1: #FFFBB0; --yellow-2: #FFF787; --grey-1: #F5F5F5; --grey-2: #F1F1F1; --grey-3: #E8E8E8; --grey-4: #D2D2D2; --grey-5: #ADADAD; --grey-6: #888888; --grey-7: #666666; --slider-nav: #1E1914; --fs-h1: 6.8rem; --fs-h1-m: 4.8rem; --fs-h2: 54px; --fs-h2-m: 3.6rem; --fs-h3: 4.8rem; --fs-h3-m: 28px; --fs-h4: 3.5rem; --fs-h4-m: 2.5rem; --fs-h5: 28px; --fs-h5-m: 2rem; --fs-sh: 4rem; --fs-sh-sm: 3.2rem; --fs-sh-lg: 6.8rem; --fs-sh-m: 2rem; --fs-sh-sm-m: 1.8rem; --fs-sh-lg-m: 3.2rem; --fs-btn: 1.8rem; --fs-btn-sm: 1.2rem; --buttons-radius-outset: 6rem; --buttons-radius: 6rem; --color-btn: var(--pinkLight); --color-btn-hover: var(--pinkMid); --color-secondary-btn: var(--transparent); --color-secondary-btn-hover: var(--softBlack); --inputs-radius: 3.5rem; --badge-corner-radius: 0; --alpha-button-background: 1; --alpha-button-border: 1; --alpha-link: .85; --alpha-badge-border: .1 } */ .product-card-wrapper .card,.contains-card--product { --border-radius: var(--product-card-corner-radius); --border-width: var(--product-card-border-width); --border-opacity: var(--product-card-border-opacity); --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset); --shadow-vertical-offset: var(--product-card-shadow-vertical-offset); --shadow-blur-radius: var(--product-card-shadow-blur-radius); --shadow-opacity: var(--product-card-shadow-opacity); --shadow-visible: var(--product-card-shadow-visible); --image-padding: var(--product-card-image-padding); --text-alignment: var(--product-card-text-alignment) } .collection-card-wrapper .card,.contains-card--collection { --border-radius: var(--collection-card-corner-radius); --border-width: var(--collection-card-border-width); --border-opacity: var(--collection-card-border-opacity); --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset); --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset); --shadow-blur-radius: var(--collection-card-shadow-blur-radius); --shadow-opacity: var(--collection-card-shadow-opacity); --shadow-visible: var(--collection-card-shadow-visible); --image-padding: var(--collection-card-image-padding); --text-alignment: var(--collection-card-text-alignment) } .article-card-wrapper .card,.contains-card--article { --border-radius: var(--blog-card-corner-radius); --border-width: var(--blog-card-border-width); --border-opacity: var(--blog-card-border-opacity); --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset); --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset); --shadow-blur-radius: var(--blog-card-shadow-blur-radius); --shadow-opacity: var(--blog-card-shadow-opacity); --shadow-visible: var(--blog-card-shadow-visible); --image-padding: var(--blog-card-image-padding); --text-alignment: var(--blog-card-text-alignment) } .contains-content-container,.content-container { --border-radius: var(--text-boxes-radius); --border-width: var(--text-boxes-border-width); --border-opacity: var(--text-boxes-border-opacity); --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset); --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset); --shadow-blur-radius: var(--text-boxes-shadow-blur-radius); --shadow-opacity: var(--text-boxes-shadow-opacity); --shadow-visible: var(--text-boxes-shadow-visible) } .contains-media,.global-media-settings { --border-radius: var(--media-radius); --border-width: var(--media-border-width); --border-opacity: var(--media-border-opacity); --shadow-horizontal-offset: var(--media-shadow-horizontal-offset); --shadow-vertical-offset: var(--media-shadow-vertical-offset); --shadow-blur-radius: var(--media-shadow-blur-radius); --shadow-opacity: var(--media-shadow-opacity); --shadow-visible: var(--media-shadow-visible) } .grid { display: flex; flex-wrap: wrap; margin-bottom: 2rem; padding: 0; list-style: none; -moz-column-gap: var(--grid-mobile-horizontal-spacing); column-gap: var(--grid-mobile-horizontal-spacing); row-gap: var(--grid-mobile-vertical-spacing) } @media screen and (min-width: 768px) { .grid { -moz-column-gap:var(--grid-desktop-horizontal-spacing); column-gap: var(--grid-desktop-horizontal-spacing); row-gap: var(--grid-desktop-vertical-spacing) } } .grid:last-child { margin-bottom: 0 } .grid__item { width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4); max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2); flex-grow: 1; flex-shrink: 0 } @media screen and (min-width: 768px) { .grid__item { width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4); max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2) } } .grid--gapless.grid { -moz-column-gap: 0; column-gap: 0; row-gap: 0 } @media screen and (max-width: 767px) { .grid__item.slider__slide--full-width { width:100%; max-width: none } } .grid--1-col .grid__item { max-width: 100%; width: 100% } .grid--3-col .grid__item { width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3) } @media screen and (min-width: 768px) { .grid--3-col .grid__item { width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3) } } .grid--2-col .grid__item { width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2) } @media screen and (min-width: 768px) { .grid--2-col .grid__item { width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2) } .grid--4-col-tablet .grid__item { width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4); max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4) } .grid--3-col-tablet .grid__item { width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3); max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3) } .grid--2-col-tablet .grid__item { width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2) } } @media screen and (max-width: 1023px) { .grid--1-col-tablet-down .grid__item { width:100%; max-width: 100% } .slider--tablet.grid--peek { margin: 0; width: 100% } .slider--tablet.grid--peek .grid__item { box-sizing: content-box; margin: 0 } .slider.slider--tablet .scroll-trigger.animate--slide-in,.slider.slider--mobile .scroll-trigger.animate--slide-in { animation: none; opacity: 1; transform: inherit } .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet { animation: var(--animation-slide-in) } } @media screen and (min-width: 1024px) { .grid--6-col-desktop .grid__item { width:calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6); max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6) } .grid--5-col-desktop .grid__item { width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5); max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5) } .grid--4-col-desktop .grid__item { width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4); max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4) } .grid--3-col-desktop .grid__item { width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3); max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3) } .grid--2-col-desktop .grid__item { width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2) } .slider.slider--desktop .scroll-trigger.animate--slide-in { animation: none; opacity: 1; transform: inherit } .scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop { animation: var(--animation-slide-in) } .grid--1-col-desktop { flex: 0 0 100%; max-width: 100% } .grid--1-col-desktop .grid__item { width: 100%; max-width: 100% } } @media screen and (max-width: 767px) { .grid--peek.slider--mobile { margin:0; width: 100% } .grid--peek.slider--mobile .grid__item { box-sizing: content-box; margin: 0 } .grid--peek .grid__item { min-width: 35% } .grid--peek.slider .grid__item:first-of-type { margin-left: 1.5rem } .grid--peek.slider:after { margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing)) } .grid--2-col-tablet-down .grid__item { width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2) } .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,.grid--peek .grid__item { width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem) } .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,.slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item { width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem) } } @media screen and (min-width: 768px) and (max-width: 1023px) { .slider--tablet.grid--peek .grid__item { width:calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem) } .slider--tablet.grid--peek.grid--3-col-tablet .grid__item { width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem) } .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,.slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item { width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem) } .slider--tablet.grid--peek .grid__item:first-of-type { margin-left: 1.5rem } .grid--2-col-tablet-down .grid__item { width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2) } .grid--1-col-tablet-down.grid--peek .grid__item { width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem) } } @supports not (inset: 10px) { .grid { margin-left:calc(-1 * var(--grid-mobile-horizontal-spacing)) } .grid__item { padding-left: var(--grid-mobile-horizontal-spacing); padding-bottom: var(--grid-mobile-vertical-spacing) } @media screen and (min-width: 750px) { .grid { margin-left:calc(-1 * var(--grid-desktop-horizontal-spacing)) } .grid__item { padding-left: var(--grid-desktop-horizontal-spacing); padding-bottom: var(--grid-desktop-vertical-spacing) } } .grid--gapless .grid__item { padding-left: 0; padding-bottom: 0 } @media screen and (min-width: 749px) { .grid--peek .grid__item { padding-left:var(--grid-mobile-horizontal-spacing) } } .product-grid .grid__item { padding-bottom: var(--grid-mobile-vertical-spacing) } @media screen and (min-width: 750px) { .product-grid .grid__item { padding-bottom:var(--grid-desktop-vertical-spacing) } } } @media (forced-colors: active) { .button,.shopify-challenge__button,.customer button { border: transparent solid 1px } .button:focus-visible,.button:focus,.button.focused,.shopify-payment-button__button--unbranded:focus-visible,.shopify-payment-button [role=button]:focus-visible,.shopify-payment-button__button--unbranded:focus,.shopify-payment-button [role=button]:focus { outline: solid transparent 1px } .field__input:focus,.select__select:focus,.customer .field input:focus,.customer select:focus,.localization-form__select:focus.localization-form__select:after { outline: transparent solid 1px } .localization-form__select:focus { outline: transparent solid 1px } } @media (prefers-reduced-motion: no-preference) { .animate--ambient>img,.animate--ambient>svg { animation: animateAmbient 30s linear infinite } @keyframes animateAmbient { 0% { transform: rotate(0) translate(1em) rotate(0) scale(1.2) } to { transform: rotate(360deg) translate(1em) rotate(-360deg) scale(1.2) } } .scroll-trigger.animate--fade-in,.scroll-trigger.animate--slide-in { opacity: .01 } .scroll-trigger.animate--slide-in { transform: translateY(2rem) } .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in { opacity: 1; animation: var(--animation-fade-in) } .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in { animation: var(--animation-slide-in); animation-delay: calc(var(--animation-order) * 75ms) } .scroll-trigger.scroll-trigger--design-mode.animate--fade-in,.scroll-trigger.scroll-trigger--design-mode.animate--slide-in,.scroll-trigger.scroll-trigger--design-mode .slider,.scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel { opacity: 1; animation: none; transition: none; transform: none } .scroll-trigger.scroll-trigger--design-mode.animate--slide-in { transform: translateY(0) } @keyframes slideIn { 0% { transform: translateY(2rem); opacity: .01 } to { transform: translateY(0); opacity: 1 } } @keyframes fadeIn { 0% { opacity: .01 } to { opacity: 1 } } } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .animate--hover-3d-lift .card-wrapper .card--card,.animate--hover-3d-lift .card-wrapper .card--standard .card__inner,.animate--hover-3d-lift .button:not(.button--tertiary),.animate--hover-3d-lift .shopify-challenge__button,.animate--hover-3d-lift .customer button,.animate--hover-3d-lift .shopify-payment-button__button,.animate--hover-3d-lift .deferred-media .deferred-media__poster-button { transition:transform var(--duration-long) ease,box-shadow var(--duration-long) ease; transform-origin: center } .animate--hover-3d-lift .card-wrapper:hover .card--card,.animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner,.animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover,.animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover,.animate--hover-3d-lift .customer button:not([disabled]):hover,.animate--hover-3d-lift .shopify-payment-button__button:hover,.animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button { transition: transform var(--duration-extended) ease,box-shadow var(--duration-long) ease; transform: rotate(1deg); box-shadow: -1rem -1rem 1rem -1rem #0000000d,1rem 1rem 1rem -1rem #0000000d,0 0 .5rem #fff0,0 2rem 3.5rem -2rem #00000080 } .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button { transform: translate(-50%,-50%) scale(1.05) } .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card,.animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner { transform: rotate(.5deg) } .animate--hover-3d-lift .product-grid .grid__item:hover,.animate--hover-3d-lift .collection-list .grid__item:hover,.animate--hover-3d-lift .collage__item:hover,.animate--hover-3d-lift .blog-articles .article:hover,.animate--hover-3d-lift .complementary-slide li:hover { z-index: 2 } .animate--hover-3d-lift .product-grid { isolation: isolate } .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner { box-shadow: none; transition: transform var(--duration-long) ease,filter var(--duration-long) ease } .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner { transition: transform calc(2 * var(--duration-extended)) ease,filter var(--duration-long) ease; filter: drop-shadow(0rem 2rem 2rem rgba(0,0,0,.15)) drop-shadow(0rem 1rem 1rem rgba(0,0,0,.15)) } .animate--hover-3d-lift .card-wrapper:hover .card--card:after,.animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after,.animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before { background-image: var(--easter-egg); background-size: 250px 250px; mix-blend-mode: color-dodge; pointer-events: none; z-index: 2 } .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .animate--hover-3d-lift .card-wrapper .card--card:before,.animate--hover-3d-lift .card-wrapper .card--standard .card__media:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; pointer-events: none; transition: background-position calc(2 * var(--duration-extended)) ease,opacity var(--duration-default) ease; mix-blend-mode: overlay; background-size: 400% 100%; background-position: 90% 0; background-repeat: no-repeat; background-image: linear-gradient(135deg,rgba(255,255,255,0) 45%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 55%) } .animate--hover-3d-lift .card-wrapper:hover .card--card:before,.animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after { opacity: .2; transition: background-position 6s ease,opacity var(--duration-long) ease; background-position: left; z-index: 2 } :root { --easter-egg: none; --sparkle: url(./sparkle.gif) } .animate--hover-vertical-lift .button:not(.button--tertiary),.animate--hover-vertical-lift .shopify-challenge__button,.animate--hover-vertical-lift .customer button,.animate--hover-vertical-lift .shopify-payment-button__button { transition: transform var(--duration-default) var(--ease-out-slow) } .animate--hover-vertical-lift .card-wrapper .card--card,.animate--hover-vertical-lift .card-wrapper .card--standard .card__inner { transition: transform var(--duration-medium) var(--ease-out-slow) } .animate--hover-vertical-lift .card-wrapper:hover .card--card,.animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner { transform: translateY(-.75rem) } .animate--hover-vertical-lift .card-wrapper:active .card--card,.animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner { transform: translateY(-.5rem) } .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover,.animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover,.animate--hover-vertical-lift .customer button:not([disabled]):hover,.animate--hover-vertical-lift .shopify-payment-button__button:hover { transform: translateY(-.25rem) } .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active,.animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active,.animate--hover-vertical-lift .customer button:not([disabled]):active,.animate--hover-vertical-lift .shopify-payment-button__button:active { transform: translateY(0) } .animate--hover-vertical-lift .button:not([disabled]):hover:after,.animate--hover-vertical-lift .customer button:not([disabled]):hover:after,.animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after { --border-offset: .3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)) } .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after { --border-offset: 0px } } .footer__attentive-form iframe { width: 100%; max-width: 350px; height: 230px; border: 0!important } .rebuy-widget:empty { padding: 0!important } @keyframes splide-loading { 0% { transform: rotate(0) } to { transform: rotate(1turn) } } .splide__track--draggable { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none } .splide__track--fade>.splide__list>.splide__slide { margin: 0!important; opacity: 0; z-index: 0 } .splide__track--fade>.splide__list>.splide__slide.is-active { opacity: 1; z-index: 1 } .splide--rtl { direction: rtl } .splide__track--ttb>.splide__list { display: block } .splide__container { box-sizing: border-box; position: relative } .splide__list { backface-visibility: hidden; display: flex; height: 100%; margin: 0!important; padding: 0!important } .splide.is-initialized:not(.is-active) .splide__list { display: block } .splide__pagination { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; margin: 0; pointer-events: none } .splide__pagination li { display: inline-block; line-height: 1; list-style-type: none; margin: 0; pointer-events: auto } .splide:not(.is-overflow) .splide__pagination { display: none } .splide__progress__bar { width: 0 } .splide { position: relative; visibility: hidden } .splide.is-initialized,.splide.is-rendered { visibility: visible } .splide__slide { backface-visibility: hidden; box-sizing: border-box; flex-shrink: 0; list-style-type: none!important; margin: 0; position: relative } .splide__slide img { vertical-align: bottom } .splide__spinner { animation: splide-loading 1s linear infinite; border: 2px solid #999; border-left-color: transparent; border-radius: 50%; bottom: 0; contain: strict; display: inline-block; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px } .splide__sr { clip: rect(0 0 0 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause { display: none } .splide__toggle.is-active .splide__toggle__pause { display: inline } .splide__track { overflow: hidden; position: relative; z-index: 0 } .splide__arrow { position: absolute; top: 50%; z-index: 1; display: flex; height: 3rem; min-height: 0px!important; width: 1.8rem; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); cursor: pointer; align-items: center; justify-content: center; border-radius: 9999px; border-width: 0; background-color: var(--transparent); padding: 0; color: var(--slider-nav) } .splide__arrow svg { height: 3rem; width: auto } .splide__arrow[disabled] { opacity: .2 } .splide__arrow--next { right: 1.2rem } @media (min-width: 768px) { .splide__arrow--next { right:2rem } } .splide__arrow--prev { left: 1.2rem } @media (min-width: 768px) { .splide__arrow--prev { left:2rem } } .splide__pagination { position: absolute; top: 0; left: 0; z-index: 2; gap: 4px; padding: 1rem } .splide__pagination li { line-height: .75rem } .splide__pagination__page { display: inline-block; height: .8rem; min-height: 0px!important; width: .8rem; cursor: pointer; border-radius: 9999px; border-width: .1rem; border-style: solid; border-color: var(--grey-6); background-color: var(--transparent); padding: 0 } .product__text.splide__pagination__page+.ingredients-modal__opener.inline:before { padding-left: 4px; font-weight: 700; --tw-content: "·"; content: var(--tw-content) } .splide__pagination__page.is-active { background-color: var(--grey-6) } input.shopify-challenge__button { margin-top: 24px!important; font-weight: 700; text-transform: uppercase } input.shopify-challenge__button:focus { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px } input.shopify-challenge__button { background-color: var(--color-btn) } input.shopify-challenge__button:hover,input.shopify-challenge__button:focus { background-color: var(--color-btn-hover) } .alert { display: inline-block; padding: 1.6rem 24px; font-size: 14px; line-height: 1.3; letter-spacing: .014rem } .product__text.alert+.ingredients-modal__opener.inline:before { padding-left: 4px; font-weight: 700; --tw-content: "·"; content: var(--tw-content) } .alert-confirm { background-color: var(--teal-1); color: var(--teal-3) } .alert-error { background-color: var(--pink-1); color: var(--pinkMid) } .alert-warning { background-color: var(--yellow-1); color: var(--black) } .alert-info { background-color: var(--blue-1); color: var(--blueDeco) } .alert .errors ul { margin: 0; list-style-type: none; padding: 0 } .accordion__title { font-family: var(--font-haasGrotesk); font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem; font-weight: 700; color: var(--softBlack); transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-duration: .15s; transition-timing-function: cubic-bezier(.4,0,.2,1) } @media (min-width: 1024px) { .accordion__title { font-size:1.8rem; line-height: 1.3; letter-spacing: .018rem } } .accordion__content.rte * { margin-top: 2rem; font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } @media (min-width: 1024px) { .accordion__content.rte * { font-size:1.6rem; line-height: 1.3; letter-spacing: .016rem } } .accordion__content.rte ul,.accordion__content.rte ol { margin-top: 2rem; gap: 1.6rem } .accordion__content.rte li,.accordion__content.rte *:first-child { margin-top: 0 } details .icon-plus,details .icon-minus { height: 1.3rem; width: 1.3rem } details:not([open]) .icon-minus { display: none } details.unit-price:not([open]) .icon-minus { display: none } details[open] .icon-plus { display: none } details.unit-price[open] .icon-plus { display: none } details[open] .icon-minus { display: block } [data-testimonials-slider-container] .splide__pagination { position: relative; top: auto; left: auto; display: flex; align-items: center; justify-content: center; gap: 1.6rem; padding: 0 } @media (min-width: 1024px) { [data-testimonials-slider-container] .splide__pagination { gap:0px } } [data-testimonials-slider-container] .splide__pagination button { height: 1.2rem; min-height: 0px; width: 1.2rem; border-radius: 9999px; border-width: 0; border-width: .1rem; border-style: solid; border-color: var(--black); background-color: var(--transparent); padding: 0 } @media (min-width: 1024px) { [data-testimonials-slider-container] .splide__pagination button { height:6px; width: auto; flex: 1 1 0%; border-radius: 0; border-color: var(--transparent); background-color: var(--grey-4) } } [data-testimonials-slider-container] .splide__pagination button.is-active { background-color: var(--softBlack) } @media (min-width: 1024px) { [data-testimonials-slider-container] .splide__pagination button.is-active { background-color:var(--pinkLight) } } .price { font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } @media (min-width: 768px) { .price { font-size:1.6rem; line-height: 1.3; letter-spacing: .016rem } } .price--on-sale .price-item--sale { font-weight: 700 } .price--on-sale .price-item--regular { font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; color: var(--grey-6); text-decoration-line: line-through } @media (min-width: 768px) { .price--on-sale .price-item--regular { font-size:14px; line-height: 1.3; letter-spacing: .014000000000000002rem } } .unit-price { margin-top: .2rem; display: block; font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; text-transform: uppercase; color: var(--grey-6) } .unit-price.hidden { display: none } .product__modal-opener>.loading__spinner[class*=hidden] { display: none } .unit-price.product__modal-opener>.loading__spinner[class*=hidden] { display: none } .thumbnail-list__item { border-width: .1rem; border-style: solid; border-color: var(--transparent) } .thumbnail-list__item.is-active { border-color: var(--pinkLight) } button.product__media-toggle { min-height: 0px } .product__media-icon { top: auto; left: auto; bottom: 1.2rem; right: 1.2rem } .product-media-modal[open] { z-index: 100001 } @media not all and (min-width: 768px) { .ingredients-modal .splide__list .splide__slide .product-media-container { transition-property:transform; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .1s } .ingredients-modal .splide__list .splide__slide:last-child.is-active .product-media-container { --tw-translate-x: calc(10% + 1rem) !important; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important } .ingredients-modal .splide__list .splide__slide.is-prev:has(+.splide__slide:last-child.is-active) .product-media-container { --tw-translate-x: calc(10% + 1rem) !important; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important } #MainContent #stockist-widget.stockist-responsive { display: flex; flex-direction: column } #MainContent #stockist-widget.stockist-responsive .stockist-map { order: 0; margin-bottom: 3.6rem!important } #MainContent #stockist-widget.stockist-responsive .stockist-search-form { order: 1; margin-bottom: 1.6rem!important } } @media (min-width: 768px) { #MainContent #stockist-widget.stockist-responsive .stockist-search-form { margin-top:28px!important } } @media not all and (min-width: 768px) { #MainContent #stockist-widget.stockist-responsive .stockist-horizontal { order:2 } } #MainContent #stockist-widget.stockist-responsive .stockist-feature-color { color: var(--pinkLight)!important } #MainContent .stockist-query-entry { position: relative; z-index: 0; display: flex; width: 100% } #MainContent .stockist-query-entry .stockist-search-field { height: 5.2rem; width: 100%; border-radius: 0; padding: .8rem 3rem .8rem 6rem; font-size: 1.8rem; line-height: 1.3; letter-spacing: .018rem } @media (min-width: 768px) { #MainContent .stockist-query-entry .stockist-search-field { height:64px } } #MainContent .stockist-query-entry .stockist-search-button { position: absolute; margin-left: 1.2rem; display: flex; height: 5.2rem; align-items: center; justify-content: center } @media (min-width: 768px) { #MainContent .stockist-query-entry .stockist-search-button { height:64px } } #MainContent .stockist-query-entry .stockist-search-button button { min-height: 0px; cursor: pointer; border-style: none; background-color: var(--transparent); background-position: center; background-repeat: no-repeat; text-indent: -999rem; background-image: url('data:image/svg+xml,') } #MainContent .stockist-search-form { margin-bottom: 4rem!important } #MainContent .stockist-search-form .stockist-search-filters { margin: 0!important } #MainContent .stockist-search-form .stockist-search-filter-checkbox { margin-right: 2rem!important } #MainContent .stockist-search-form .stockist-search-filter-checkbox input { margin: 0!important; height: 1.6rem; width: 1.6rem; border-radius: .25rem } #MainContent .stockist-search-form .stockist-search-filter-checkbox label { display: flex; align-items: center; gap: 1.2rem; color: var(--black) } #MainContent .stockist-side-panel,#MainContent .stockist-side-panel li { font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem } @media (max-width: 769px) { #MainContent .stockist-side-panel .stockist-result-list { margin-bottom:2rem } } #MainContent .stockist-side-panel .stockist-result-list ul { gap: 0px!important } #MainContent .stockist-side-panel .stockist-result-list ul>li { border-style: solid!important; border-top-color: var(--black)!important; padding-top: 2rem!important; padding-bottom: 2rem!important; font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } #MainContent .stockist-side-panel .stockist-result-list ul>li:first-child { border-top-color: var(--transparent)!important } #MainContent .stockist-side-panel .stockist-result-list ul>li.stockist-selected { border-left-color: var(--pinkLight)!important } #MainContent .stockist-side-panel .stockist-result-list ul>li.stockist-selected .stockist-result-distance { padding-left: .6rem } #MainContent .stockist-side-panel .stockist-list-result { font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } #MainContent .stockist-side-panel .stockist-list-result .stockist-result-name { color: var(--pinkLight) } #MainContent .stockist-side-panel .stockist-list-result .stockist-result-filter { font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem } #MainContent .stockist-side-panel .stockist-list-result>div { margin-top: 4px!important; text-align: left } #MainContent .stockist-side-panel .stockist-list-result .stockist-result-distance>.stockist-icon { margin-top: .8rem!important; text-align: left; color: var(--pinkLight)!important } #MainContent .stockist-side-panel .stockist-list-result .stockist-result-distance .stockist-result-distance-text { margin-top: .8rem!important; display: block!important; font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem; font-weight: 700; color: var(--pinkLight) } #MainContent .stockist-map .stockist-map-result { font-size: 14px!important; line-height: 1.3!important; letter-spacing: .014000000000000002rem!important } #MainContent .stockist-map .stockist-map-result .stockist-result-name { color: var(--pinkLight) } #MainContent .stockist-map .stockist-map-result .stockist-result-filter { font-size: 1.6rem!important; line-height: 1.3!important; letter-spacing: .016rem!important } #MainContent .stockist-map .stockist-map-result>div { margin-top: 4px!important; text-align: left } splide-slider .splide-scrollbar .scroll-content { height: 4px } @media (min-width: 1024px) { splide-slider .splide-scrollbar .scroll-content { height:6px } } splide-slider .splide-scrollbar .scrollbar-track-x { overflow: hidden } splide-slider .splide-scrollbar .scrollbar-track-x.predictive-search--has-content { position: fixed; top: 0; left: 0; right: 0; bottom: 0 } splide-slider .splide-scrollbar .scrollbar-track-x { position: relative; height: 4px; overflow: hidden; /* background-color: var(--grey-4); */ background-color: rgb(210 210 210); } bodysplide-slider .splide-scrollbar .scrollbar-track-x #attentive_overlay { z-index: 25 } @media (min-width: 1024px) { splide-slider .splide-scrollbar .scrollbar-track-x { height:6px } } splide-slider .splide-scrollbar .scrollbar-thumb { position: absolute; height: 4px; border-radius: 0; background-color: var(--pinkLight); background-color: rgb(255 30 90); } @media (min-width: 1024px) { splide-slider .splide-scrollbar .scrollbar-thumb { height:6px } } body.header-nav-opened { overflow: hidden!important } body.header-nav-opened.predictive-search--has-content { position: fixed!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important } body.header-nav-opened { touch-action: none; overflow: hidden!important } body.header-nav-opened:before { --tw-content: ""; content: var(--tw-content) } body.header-nav-opened:before { position: fixed; top: 0; left: 0; z-index: 998; height: 100%; width: 100%; background-color: var(--grey-7); opacity: .6 } body.header-nav-opened #attentive_overlay,body.header-nav-opened #gorgias-chat-container { display: none!important } .siteHeader { position: sticky; top: -1px; z-index: 100000 } .sticky-wrapper.siteHeader { right: 0; bottom: 0 } body:not(.header-nav-opened) .siteHeader.is-pinned { pointer-events: none; visibility: hidden; opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .3s } body:not(.header-nav-opened) .siteHeader.is-pinned .siteHeader__inner { top: -100% } body:not(.header-nav-opened) .siteHeader.is-pinned.active,body:not(.header-nav-opened) .siteHeader.is-pinned.search-active,body:not(.header-nav-opened) .siteHeader.is-pinned.has-open-submenu { pointer-events: auto; visibility: visible; opacity: 1 } body:not(.header-nav-opened) .siteHeader.is-pinned.active .siteHeader__inner,body:not(.header-nav-opened) .siteHeader.is-pinned.search-active .siteHeader__inner,body:not(.header-nav-opened) .siteHeader.is-pinned.has-open-submenu .siteHeader__inner { top: 0 } body:not(.header-nav-opened) .siteHeader__inner { transition-property: all; transition-duration: .15s; transition-timing-function: cubic-bezier(.4,0,.2,1) } [data-header-nav-toggler] { position: relative; height: 2rem; width: 2rem } [data-header-nav-toggler] span { position: absolute; left: 0; top: 9px; height: .2rem; width: 2rem; background-color: var(--softBlack); transition-property: transform; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; transition-timing-function: linear } [data-header-nav-toggler] span:first-child { top: 3px } [data-header-nav-toggler] span:last-child { top: 15px } [data-header-nav-toggler].active span { opacity: 0 } [data-header-nav-toggler].active span:first-child { left: 50%; top: 50%; --tw-translate-x: -50%; --tw-translate-y: -50%; --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1 } [data-header-nav-toggler].active span:last-child { left: 50%; top: 50%; --tw-translate-x: -50%; --tw-translate-y: -50%; --tw-rotate: -45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1 } [data-header-nav] { z-index: 20; --tw-translate-x: -100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); overflow: auto; transition-property: transform; transition-duration: .3s; transition-timing-function: cubic-bezier(.4,0,.2,1) } @media (min-width: 1024px) { [data-header-nav] { transform:none; overflow: visible } } [data-header-nav].active { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } [data-header-nav] a[aria-haspopup=true]:focus+[data-dropdown-menu],[data-header-nav] [data-dropdown-menu]:hover,[data-header-nav] [data-dropdown-menu]:focus,[data-header-nav] [data-dropdown-menu]:focus-within { visibility: visible; opacity: 1 } [data-header-nav]:hover [data-dropdown-menu] { transition-delay: .5s } [data-dropdown-menu] { left: 0; z-index: 10; width: 100% } @media (min-width: 1024px) { [data-dropdown-menu] { position:absolute; top: 100%; background-color: var(--white) } } .mega-menu__cta,.mega-menu__cta:hover { color: var(--softBlack) } .mega-menu__cta:hover .mega-menu__cta-image { border-color: var(--pinkLight) } .mega-menu__cta:hover .mega-menu__cta-title { color: var(--pinkLight)!important } .siteAnnouncement { position: sticky; top: 0; z-index: 99999 } .sticky-wrapper.siteAnnouncement { right: 0; bottom: 0 } [data-announcement-message] p { margin: 0 } [data-announcement-message] a { color: inherit; text-decoration-line: underline } [data-announcement-message] a:hover { text-decoration-line: underline } [data-announcement-slider] [data-announcement-slide]:nth-child(n+2) { display: none } .unit-price[data-announcement-slider] [data-announcement-slide]:nth-child(n+2) { display: none } [data-announcement-slider].tns-slider [data-announcement-slide]:nth-child(n+2) { display: inline-block } .product__text[data-announcement-slider].tns-slider [data-announcement-slide]:nth-child(n+2)+.ingredients-modal__opener.inline:before { padding-left: 4px; font-weight: 700; --tw-content: "·"; content: var(--tw-content) } [data-slideshow-carousel-container] { overflow: hidden } [data-slideshow-carousel-container].predictive-search--has-content { position: fixed; top: 0; left: 0; right: 0; bottom: 0 } [data-slideshow-carousel-container] { width: 100%; overflow: hidden } body[data-slideshow-carousel-container] #attentive_overlay { z-index: 25 } [data-slideshow-carousel-container] .splide__slide { display: flex } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta { position: static } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; --tw-content: ""; content: var(--tw-content) } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.button--primary:hover { background-color: var(--color-btn) } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.button--secondary:hover { background-color: var(--color-secondary-btn); color: var(--softBlack) } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.button--secondary.button--light { border-color: var(--white); color: var(--white) } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.button--secondary.button--light:hover,[data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.button--secondary.button--light:focus { border-color: var(--white); background-color: var(--transparent); color: var(--white) } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.button--tertiary { border-style: none; padding-right: 0 } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.button--tertiary:after { --tw-content: ""; content: var(--tw-content) } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.button--tertiary>span { position: relative; z-index: 0; border-width: 0; border-bottom-width: .16rem; border-style: solid; border-color: currentColor; padding-right: 2rem } @media (min-width: 768px) { [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.button--tertiary>span { padding-right:3.2rem } } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.button--tertiary>span:after { position: absolute; left: auto; right: 0; bottom: auto; top: -.1rem; display: inline-block; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .2s; --tw-content: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%227%22%20viewBox%3D%220%200%2016%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%203.4641L11.2%206.9282L11.2%20-2.09815e-07L16%203.4641Z%22%20fill%3D%22%231E1914%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.8%203.86356H0V2.7207H12.8V3.86356Z%22%20fill%3D%22%231E1914%22%2F%3E%3C%2Fsvg%3E); content: var(--tw-content) } .product__text[data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.button--tertiary>span+.ingredients-modal__opener.inline:after:before { padding-left: 4px; font-weight: 700; --tw-content: "·"; content: var(--tw-content) } @media (min-width: 768px) { [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.button--tertiary>span:after { top:.1rem; --tw-content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2214%22%20viewBox%3D%220%200%2028%2014%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M28%207L19.6%2013.0622L19.6%200.937822L28%207Z%22%20fill%3D%22%231E1914%22%2F%3E%3Cline%20y1%3D%226.7002%22%20x2%3D%2222.4%22%20y2%3D%226.7002%22%20stroke%3D%22%231E1914%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E); content: var(--tw-content) } } [data-slideshow-carousel-container] .splide__pagination { position: absolute; top: auto; left: 0; bottom: 24px; display: flex; width: 100%; justify-content: center; gap: 1.2rem; padding: 0 } @media (min-width: 1024px) { [data-slideshow-carousel-container] .splide__pagination { bottom:3.2rem } } [data-slideshow-carousel-container] .splide__pagination button { height: 1.2rem; min-height: 0px; width: 1.2rem; border-radius: 9999px; border-width: .1rem; border-style: solid; border-color: var(--slider-nav); background-color: var(--transparent); padding: 0 } [data-slideshow-carousel-container] .splide__pagination button.is-active { background-color: var(--slider-nav) } .blog-hero { padding-top: .8rem; padding-bottom: 56px } @media (min-width: 768px) { .blog-hero { padding-top:3.2rem; padding-bottom: 0 } } @media (min-width: 1024px) { .blog-hero { padding-top:4.8rem } } .blog-hero .blog-hero__inner { display: flex; flex-direction: column; gap: 4rem } @media (min-width: 1024px) { .blog-hero .blog-hero__inner { flex-direction:row; justify-content: space-between; gap: 24px } } .blog-hero .blog-hero__featured { overflow: hidden } .blog-hero .blog-hero__featured.predictive-search--has-content { position: fixed; top: 0; left: 0; right: 0; bottom: 0 } .blog-hero .blog-hero__featured { flex: 1 1 0%; overflow: hidden } body.blog-hero .blog-hero__featured #attentive_overlay { z-index: 25 } @media (min-width: 768px) { .blog-hero .blog-hero__featured { display:flex; justify-content: space-between } } .blog-hero .blog-hero__featured-image { position: relative; height: 200px } @media (min-width: 768px) { .blog-hero .blog-hero__featured-image { height:auto; flex-basis: 50% } } @media (min-width: 1024px) { .blog-hero .blog-hero__featured-image { max-width:432px; flex-basis: 47% } } .blog-hero .blog-hero__featured-image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .blog-hero .blog-hero__featured-image .blog-hero__featured-tag { position: absolute; top: 1.6rem; right: 1.6rem; display: flex; height: 64px; width: 64px; align-items: center; justify-content: center; border-radius: 100px; background-color: var(--pinkLight); color: var(--white) } @media (min-width: 1024px) { .blog-hero .blog-hero__featured-image .blog-hero__featured-tag { top:24px; right: 24px; height: 72px; width: 72px } } .blog-hero .blog-hero__featured-content { position: relative; padding: 24px 24px 4rem } @media (min-width: 768px) { .blog-hero .blog-hero__featured-content { display:flex; flex-basis: 50%; flex-direction: column; justify-content: center; padding: 56px 3.2rem } } @media (min-width: 1024px) { .blog-hero .blog-hero__featured-content { flex-basis:53% } } .blog-hero .blog-hero__featured-content-inner { margin: auto } @media (min-width: 768px) { .blog-hero .blog-hero__featured-content-inner { max-width:352px } } .blog-hero .blog-hero__list { margin: 0; display: flex; list-style-type: none; flex-direction: column; gap: 2rem; padding: 0 } @media (min-width: 1024px) { .blog-hero .blog-hero__list { max-width:312px; justify-content: center } } .blog-hero .blog-hero__list-item { display: flex; gap: 2rem; border-width: 0; border-bottom-width: .2rem; border-style: solid; border-color: var(--grey-4); padding-bottom: 2rem } .blog-hero .blog-hero__list-item:last-child { margin-bottom: 0; border-bottom-width: 0; padding-bottom: 0 } .blog-hero .blog-hero__item-image { height: 100px; width: 100px; flex-shrink: 0 } .blog-hero .blog-hero__item-image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .cart-quantity select { background-position: 40px 50%; background-size: 11px; padding: 4px 31px 4px 20px; height: 32px; -moz-text-align-last: center; text-align-last: center } cart-subscription-button button { min-width: 80px; padding-left: 12px; padding-right: 12px } .product__title,.product__title>h1 { font-family: var(--font-parafinaBold); font-size: 4.2rem; text-transform: uppercase; letter-spacing: 0em; color: var(--softBlack) } @media (min-width: 768px) { .product__title,.product__title>h1 { font-size:5.2rem } } .product__title.has-border-bottom { border-width: 0; border-bottom-width: .2rem; border-style: solid; border-color: var(--softBlack); padding-bottom: .8rem } .product__text+.ingredients-modal__opener { margin-top: .6rem } .product__text.inline-block+.ingredients-modal__opener.inline:before { padding-left: 4px; font-weight: 700; --tw-content: "·"; content: var(--tw-content) } .product__accordion .accordion__title,.product__accordion .accordion__content.rte * { font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem } @media (min-width: 768px) { .product__accordion+.product__anchor-cta { margin-top:1.6rem } } .product-form { max-width: 42.7rem } #rc_container { display: flex; flex-direction: column; row-gap: 1rem } .rc-container-wrapper,.unit-price.rc-container-wrapper { display: none } .rc_block__type { border-width: .1rem; border-style: solid; border-color: var(--grey-7); padding: 2rem } .rc_block__type:last-child { margin-bottom: 2rem } @media (min-width: 768px) { .rc_block__type:last-child { margin-bottom:28px } } .rc_label { display: flex; align-items: center; color: var(--softBlack) } .rc_text_price--regular { font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; font-weight: 400; color: var(--grey-6) } @media (min-width: 768px) { .rc_text_price--regular { font-size:14px; line-height: 1.3; letter-spacing: .014000000000000002rem } } .rc_description>* { margin-top: 2rem } .rc_description>*:is(ul,ol) { padding-left: 2rem } .rc_description>*:is(ul,ol) li { margin-bottom: 1.6rem } .rc_description>*:is(ul,ol) li:last-child { margin-bottom: 0 } .rc_description>*:not(h1,h2,h3,h4,h5) { font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem } .rc_description>*:last-child { margin-bottom: 0 } .rc_description>* strong { font-weight: 600 } .rc_description>* a { text-decoration-line: underline } .product__buy-buttons--v1 .rc_block__type--active .rc_label { font-weight: 700 } .product__buy-buttons--v1 .rc_radio,.product__buy-buttons--v3 .rc_radio { height: 1.6rem; width: 1.6rem } .product__buy-buttons--v1 .rc_radio:checked:before,.product__buy-buttons--v3 .rc_radio:checked:before { height: 1rem; width: 1rem; --tw-content: ""; content: var(--tw-content) } .product__buy-buttons--v1 .rc_description ul,.product__buy-buttons--v3 .rc_description ul { padding-left: 28px } @media (min-width: 768px) { .product__buy-buttons--v1 .rc_description ul,.product__buy-buttons--v3 .rc_description ul { padding-left:4rem } } .product__buy-buttons--v1 .rc_description ul li,.product__buy-buttons--v3 .rc_description ul li { margin-bottom: .5rem; padding-left: 4px } .product__buy-buttons--v1 .rc_description ul li:last-child,.product__buy-buttons--v3 .rc_description ul li:last-child { margin-bottom: 0 } @media (min-width: 768px) { .product__buy-buttons--v1 .rc_description ul li,.product__buy-buttons--v3 .rc_description ul li { margin-bottom:.8rem } } .product__buy-buttons--v1 .rc_label__deliver_every .rc_select__frequency,.product__buy-buttons--v3 .rc_label__deliver_every .rc_select__frequency { margin: 0!important; height: auto!important; border-radius: 0; border-style: none; background-color: var(--transparent); background-image: none; padding: 0; font-weight: 700; color: var(--softBlack); text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 2px } .product__buy-buttons--v1 .rc_label__deliver_every .rc_select__frequency:focus,.product__buy-buttons--v3 .rc_label__deliver_every .rc_select__frequency:focus { outline: 2px solid transparent; outline-offset: 2px } .rc_description>*+* { margin-top: 1.2rem } .rc_block__type--active { border-width: .2rem; border-color: var(--softBlack); background-color: var(--cream) } .rc_block__type--active .rc_label { font-weight: 600 } .rc_block__type--active .rc_label .rc_text { font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem } #rc_container .rc_block .rc_label.rc_label__deliver_every { overflow: hidden } #rc_container .rc_block .rc_label.rc_label__deliver_every.predictive-search--has-content { position: fixed; top: 0; left: 0; right: 0; bottom: 0 } #rc_container .rc_block .rc_label.rc_label__deliver_every { visibility: visible; position: relative; max-height: 0px; overflow: hidden; opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } body#rc_container .rc_block .rc_label.rc_label__deliver_every #attentive_overlay { z-index: 25 } #rc_container .rc_block .rc_label.rc_label__deliver_every.show { visibility: visible; max-height: 7.2rem; opacity: 1 } #rc_container .rc_block .rc_label.rc_label__deliver_every .rc_select { margin-top: 2rem; height: 4.6rem } .product__buy-buttons--v2 #rc_container { margin-bottom: 2rem; gap: 0px; border-width: .1rem; border-style: solid; border-color: var(--grey-7) } .product__buy-buttons--v2 .rc-checkbox { margin-bottom: 0; display: inline-flex; align-items: center; border-left-width: 0; border-right-width: 0; border-bottom-width: .1rem; border-top-width: 0; border-style: solid; border-color: var(--grey-7); padding: 1.2rem .8rem; vertical-align: middle } @media (min-width: 768px) { .product__buy-buttons--v2 .rc-checkbox { padding-left:1.6rem; padding-right: 1.6rem } } .product__buy-buttons--v2 .rc-checkbox__label { margin-left: 1rem; padding-right: 1rem; font-size: 14px; letter-spacing: .014000000000000002rem; font-weight: 700; text-transform: uppercase; line-height: 1; letter-spacing: 0em; color: var(--softBlack) } @media (max-width: 389px) { .product__buy-buttons--v2 .rc-checkbox__label { font-size:1.3rem } } @media (min-width: 768px) { .product__buy-buttons--v2 .rc-checkbox__label { font-size:1.6rem; line-height: 1.3; letter-spacing: .016rem } } .product__buy-buttons--v2 .compare-at-price { text-decoration-line: line-through } @media (max-width: 389px) { .product__buy-buttons--v2 .compare-at-price { font-size:1.1rem } } .product__buy-buttons--v2 .toggle { position: relative; display: inline-block; height: 24px; width: 4rem; flex-shrink: 0 } .product__text.product__buy-buttons--v2 .toggle+.ingredients-modal__opener.inline:before { padding-left: 4px; font-weight: 700; --tw-content: "·"; content: var(--tw-content) } .product__buy-buttons--v2 .toggle .toggle__inner { position: absolute; bottom: 0; left: 0; right: 0; top: 0; cursor: pointer; border-radius: 9999px; background-color: var(--grey-4); transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .product__buy-buttons--v2 .toggle .toggle__inner:before { position: absolute; left: 4px; top: 50%; height: 1.8rem; width: 1.8rem; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 9999px; background-color: var(--white); transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; --tw-content: ""; content: var(--tw-content) } .product__buy-buttons--v2 .rc-checkbox__input { margin: 0; height: 0px; width: 0px; opacity: 0 } .product__buy-buttons--v2 .rc-checkbox__input:checked+.toggle .toggle__inner { background-color: var(--pinkLight) } .product__buy-buttons--v2 .rc-checkbox__input:checked+.toggle .toggle__inner:before { content: var(--tw-content); --tw-translate-x: calc(100% - 4px); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .product__buy-buttons--v2 .rc_block { margin-bottom: 0 } .product__buy-buttons--v2 .rc_block__type,.unit-price.product__buy-buttons--v2 .rc_block__type { display: none } .product__buy-buttons--v2 .rc_block__type--active { display: block; border-style: none; background-color: var(--white) } .product__buy-buttons--v2 .rc_block__type__onetime { text-align: center; background-color: var(--grey-1); font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem; letter-spacing: 0em } .product__buy-buttons--v2 .rc_block__type__options { display: flex; flex-direction: column; align-items: center } .product__buy-buttons--v2 .rc_block__type__options .rc_description ul { margin-top: 0; padding-left: 1.6rem } @media (min-width: 768px) { .product__buy-buttons--v2 .rc_block__type__options .rc_description ul { padding-left:2rem } } .product__buy-buttons--v2 .rc_block__type__options .rc_description ul li { margin-bottom: 4px; padding-left: 4px; font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } .product__buy-buttons--v2 .rc_block__type__options .rc_description ul li:last-child { margin-bottom: 0 } @media (min-width: 768px) { .product__buy-buttons--v2 .rc_block__type__options .rc_description ul li { font-size:1.6rem; line-height: 1.3; letter-spacing: .016rem } } .product__buy-buttons--v2 .rc_label__deliver_every .rc_select__frequency { margin-top: 1.6rem!important; height: auto!important; border-radius: 0; border-style: none; background-color: var(--transparent); background-size: 14px .9rem; background-position: right; padding-left: 0; padding-right: 1.6rem; font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem; font-weight: 700; color: var(--softBlack); text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 2px } .product__buy-buttons--v2 .rc_label__deliver_every .rc_select__frequency:focus { outline: 2px solid transparent; outline-offset: 2px } @media (min-width: 768px) { .product__buy-buttons--v2 .rc_label__deliver_every .rc_select__frequency { margin-top:1.2rem!important; font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem } } .product-form__submit .rc_text_price--regular { font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; font-weight: 400; color: inherit; text-decoration-line: line-through } @media (min-width: 768px) { .product-form__submit .rc_text_price--regular { font-size:14px; line-height: 1.3; letter-spacing: .014000000000000002rem } } .product__buy-buttons--v3 .rc_block__type--active { background-color: var(--cream) } .product__buy-buttons--v3 .rc_block__type { padding: 1.6rem 1.2rem } @media (min-width: 1024px) { .product__buy-buttons--v3 .rc_block__type { padding-left:2rem; padding-right: 2rem } } .product__buy-buttons--v3 .rc_label.rc_label__autodeliver { margin-left: -1.2rem; margin-right: -1.2rem; border-left-width: 0; border-right-width: 0; border-bottom-width: .1rem; border-top-width: 0; border-style: solid; border-color: var(--grey-6); padding-left: 1.6rem; padding-right: 1.6rem; padding-bottom: 1.6rem } @media (min-width: 1024px) { .product__buy-buttons--v3 .rc_label.rc_label__autodeliver { margin-left:-2rem; margin-right: -2rem; padding-left: 2rem; padding-right: 2rem } } .product__buy-buttons--v3 .rc_block__type--active .rc_label.rc_label__autodeliver { border-color: var(--black) } .product__buy-buttons--v3 #rc_container .rc_block .rc_label.rc_label__deliver_every { visibility: visible; display: block; max-height: -moz-max-content; max-height: max-content; opacity: 1 } .product__buy-buttons--v3 .rc_radio { --tw-shadow-color: var(--grey-6); --tw-shadow: var(--tw-shadow-colored) } .product__buy-buttons--v3 .rc_label__autodeliver .rc_radio,.unit-price.product__buy-buttons--v3 .rc_label__autodeliver .rc_radio { display: none } .product__buy-buttons--v3 .rc_block__type--active .rc_radio { --tw-shadow-color: var(--pinkLight); --tw-shadow: var(--tw-shadow-colored) } .product__buy-buttons--v3 .rc_label { cursor: pointer } .product__buy-buttons--v3 .rc_label .rc_text { display: flex; flex: 1 1 0%; justify-content: space-between; font-size: 1.2rem; letter-spacing: .012rem; line-height: 1.25 } @media (min-width: 1024px) { .product__buy-buttons--v3 .rc_label .rc_text { font-size:14px; line-height: 1.3; letter-spacing: .014000000000000002rem } } .product__buy-buttons--v3 .rc_block__type--active .rc_label .rc_text { color: var(--pinkLight) } .product__buy-buttons--v3 .rc_label__autodeliver .rc_text { font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem; font-weight: 700 } @media (min-width: 1024px) { .product__buy-buttons--v3 .rc_label__autodeliver .rc_text { font-size:1.6rem; line-height: 1.3; letter-spacing: .016rem } } .product__buy-buttons--v3 .rc_block__type--active .rc_label__autodeliver .rc_text,.product__buy-buttons--v3 .rc_block__type--active .rc_label .rc_text .rc_text_price { color: var(--softBlack) } .product__buy-buttons--v3 .rc_block__type .rc_label .rc_text s { vertical-align: middle; font-size: 1rem; letter-spacing: .01rem; font-weight: 400; line-height: 1!important; color: var(--grey-6) } @media (min-width: 1024px) { .product__buy-buttons--v3 .rc_block__type .rc_label .rc_text s { font-size:1.2rem; line-height: 1.3; letter-spacing: .012rem } } variant-selects:empty { display: none } variant-selects.unit-price:empty { display: none } .product__buy-buttons--v3 .form.loading { pointer-events: none; opacity: .5 } .product__buy-buttons--v3 .rc-container#rc_container { margin-bottom: 2rem; gap: 2rem } @media (min-width: 768px) { .product__buy-buttons--v3 .rc-container#rc_container { margin-bottom:28px } } .product__buy-buttons--v3 .rc-container#rc_container .rc_block__type:last-child { margin-bottom: 0 } .product__buy-buttons--v3 .rc-container#rc_container.rc-container--otp-first { flex-direction: column-reverse } .product__buy-buttons--v3 .rc_block__type__onetime.rc_block__type--active .rc_block__type__options { max-height: -moz-min-content; max-height: min-content } .product__buy-buttons--v3 .rc_block__type__onetime .rc_block__type__options { overflow: hidden } .product__buy-buttons--v3 .rc_block__type__onetime .rc_block__type__options.predictive-search--has-content { position: fixed; top: 0; left: 0; right: 0; bottom: 0 } .product__buy-buttons--v3 .rc_block__type__onetime .rc_block__type__options { max-height: 0px; overflow: hidden; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } body.product__buy-buttons--v3 .rc_block__type__onetime .rc_block__type__options #attentive_overlay { z-index: 25 } .product__buy-buttons--v3 .product-form__submit .rc_text_price--regular { font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; font-weight: 400; color: inherit; text-decoration-line: line-through } @media (min-width: 768px) { .product__buy-buttons--v3 .product-form__submit .rc_text_price--regular { font-size:14px; line-height: 1.3; letter-spacing: .014000000000000002rem } } .product__buy-buttons--v3 .product-form__input.product-form__input--horizontal { margin-bottom: 0; margin-top: 1.2rem; display: flex; gap: 1.2rem } .product__buy-buttons--v3 .product-form__input--horizontal:is(.product-form__input--pill,.product-form__input--swatch) .form__label { margin-bottom: 0; margin-top: .6rem; font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; font-weight: 400; color: var(--softBlack) } @media (min-width: 1024px) { .product__buy-buttons--v3 .product-form__input--horizontal:is(.product-form__input--pill,.product-form__input--swatch) .form__label { font-size:14px; line-height: 1.3; letter-spacing: .014000000000000002rem } } .product__buy-buttons--v3 .product-form__input--horizontal.product-form__input--pill input[type=radio]+label { margin: 0; border-color: var(--grey-6); padding: .5rem 1.6rem .6rem; font-size: 1rem; line-height: 1.3; letter-spacing: .01rem; font-weight: 700; color: var(--grey-6) } @media (min-width: 1024px) { .product__buy-buttons--v3 .product-form__input--horizontal.product-form__input--pill input[type=radio]+label { font-size:1.2rem; line-height: 1.3; letter-spacing: .012rem } } .product__buy-buttons--v3 .product-form__input--horizontal.product-form__input--pill input[type=radio]:checked+label { border-color: var(--softBlack); color: var(--white) } .product__buy-buttons--v3 .rc_block__type__onetime .rc_block__type__options .metafield-rich_text_field p { margin-bottom: 0 } .product__buy-buttons--v3 .rc_block__type__options .metafield-rich_text_field a { text-decoration-line: underline } .product__buy-buttons--v3 .rc_plan_option_wrapper { border-left-width: 0; border-right-width: 0; border-bottom-width: .1rem; border-top-width: 0; border-style: solid; border-color: var(--grey-6) } .product__buy-buttons--v3 .rc_plan_option { display: flex; align-items: center; justify-content: space-between; gap: 4px; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1px } @media (min-width: 1024px) { .product__buy-buttons--v3 .rc_plan_option { gap:.8rem } } .product__buy-buttons--v3 .rc_block__type--active .rc_plan_option_wrapper { border-color: var(--softBlack) } .product__buy-buttons--v3 .rc_block__type--active .rc_plan_option_wrapper:last-child { border-bottom-width: 0 } .product__buy-buttons--v3 .rc_block__type--active .rc_plan_option_wrapper:last-child .rc_plan_option { padding-bottom: 0 } .product__buy-buttons--v3 .rc_block__type--active .rc_plan_option.rc_plan_option--selected { padding-bottom: 0; color: var(--pinkLight) } .product__buy-buttons--v3 .rc_block__type--active .rc_label__onetime { font-weight: 700 } .product__buy-buttons--v3 .rc_plan_option__label { display: flex; align-items: center; gap: .8rem; font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; font-weight: 700 } @media (min-width: 1024px) { .product__buy-buttons--v3 .rc_plan_option__label { gap:1rem; font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } } .product__buy-buttons--v3 .rc_plan_option__radio { box-shadow: 0 0 0 var(--inputs-border-width) var(--tw-shadow-color); position: relative; display: block; height: 1.2rem; width: 1.2rem; border-radius: 9999px; --tw-shadow-color: var(--softBlack); --tw-shadow: var(--tw-shadow-colored) } .product__buy-buttons--v3 .rc_plan_option__radio:before { position: absolute; left: 50%; top: 50%; display: block; height: 0px; width: 0px; --tw-translate-x: -50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 9999px; background-color: var(--pinkLight); transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; --tw-content: ""; content: var(--tw-content) } @media (min-width: 1024px) { .product__buy-buttons--v3 .rc_plan_option__radio { height:1.6rem; width: 1.6rem } } .product__buy-buttons--v3 .rc_block__type--active .rc_plan_option--selected .rc_plan_option__radio { --tw-shadow-color: var(--pinkLight); --tw-shadow: var(--tw-shadow-colored) } .product__buy-buttons--v3 .rc_block__type--active .rc_plan_option--selected .rc_plan_option__radio:before { height: .8rem; content: var(--tw-content); width: .8rem } @media (min-width: 1024px) { .product__buy-buttons--v3 .rc_block__type--active .rc_plan_option--selected .rc_plan_option__radio:before { height:1rem; content: var(--tw-content); width: 1rem } } .product__buy-buttons--v3 .rc_block__type__onetime.rc_block__type--active .rc_radio__onetime:before { content: var(--tw-content); transition-property: none } .product__buy-buttons--v3 .rc_block__type:not(.rc_block__type--active) .rc_text_price,.product__buy-buttons--v3 .rc_block__type:not(.rc_block__type--active) .rc_text_price--regular { display: none } .unit-price.product__buy-buttons--v3 .rc_block__type:not(.rc_block__type--active) .rc_text_price,.unit-price .product__buy-buttons--v3 .rc_block__type:not(.rc_block__type--active) .rc_text_price--regular { display: none } .product__buy-buttons--v3 .rc_block__type:not(.rc_block__type--active).rc_block__type__autodeliver .rc_plan_option__radio:before { content: var(--tw-content); display: none } .product__buy-buttons--v3 .rc_plan_option__info { display: flex; align-items: center; gap: 4px } @media (min-width: 1024px) { .product__buy-buttons--v3 .rc_plan_option__info { gap:.8rem } } .product__buy-buttons--v3 .rc_plan_option__badge { background-color: var(--tealDeco); padding: .6rem .8rem; font-size: 1rem; line-height: 1.3; letter-spacing: .01rem; font-weight: 700; color: var(--white) } .product__buy-buttons--v3 .rc_plan_option__savings_message { background-color: var(--teal-2); padding: .6rem .8rem; font-size: 1rem; line-height: 1.3; letter-spacing: .01rem; font-weight: 700; color: var(--tealDeco) } .product__buy-buttons--v3 .rc_block__type--active .rc_plan_option_wrapper--selected .rc_variant_description { margin-bottom: 1rem; display: block } .product__buy-buttons--v3 .rc_block__type--active .rc_plan_option_wrapper:last-child .rc_variant_description { margin-bottom: 0 } .product__buy-buttons--v3 .rc_block__type--active .rc_description,.unit-price.product__buy-buttons--v3 .rc_block__type--active .rc_description { display: none } .product__buy-buttons--v3 .rc_variant_description,.product__buy-buttons--v3 .rc_description { margin-top: 1.6rem; font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem } @media (min-width: 1024px) { .product__buy-buttons--v3 .rc_variant_description,.product__buy-buttons--v3 .rc_description { font-size:14px; letter-spacing: .014000000000000002rem; line-height: 1.625 } } .product__buy-buttons--v3 .rc_variant_description { margin-top: 4px; display: none; padding-left: 2.7rem; font-weight: 400 } .unit-price.product__buy-buttons--v3 .rc_variant_description { display: none } .product__buy-buttons--v3 .rc_variant_description p,.product__buy-buttons--v3 .rc_description p,.product__buy-buttons--v3 .rc_block__type__options .metafield-rich_text_field p { margin-bottom: 0 } .product__buy-buttons--v3 .rc_variant_description ul,.product__buy-buttons--v3 .rc_variant_description ol,.product__buy-buttons--v3 .rc_description ul,.product__buy-buttons--v3 .rc_description ol,.product__buy-buttons--v3 .rc_block__type__options .metafield-rich_text_field ul,.product__buy-buttons--v3 .rc_block__type__options .metafield-rich_text_field ol { margin-bottom: 0; margin-top: .8rem; padding-left: 1.8rem } .product__buy-buttons--v3 .rc_variant_description ul,.product__buy-buttons--v3 .rc_description ul,.product__buy-buttons--v3 .rc_block__type__options .metafield-rich_text_field ul { list-style-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.28571 0.44165L10 1.26957L3.57143 8.72087L0 4.58126L0.714286 3.75334L3.57143 7.06503L9.28571 0.44165Z' fill='%23FF1E5A'/%3E%3Cpath d='M9.28571 0.44165L10 1.26957L3.57143 8.72087L0 4.58126L0.714286 3.75334L3.57143 7.06503L9.28571 0.44165Z' stroke='%23FF1E5A'/%3E%3C/svg%3E") } .product__buy-buttons--v3 .rc_description>*:not(h1,h2,h3,h4,h5) { font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem } @media (min-width: 1024px) { .product__buy-buttons--v3 .rc_description>*:not(h1,h2,h3,h4,h5) { font-size:14px; letter-spacing: .014000000000000002rem; line-height: 1.625 } } .product__buy-buttons--v3 .rc_variant_description ul li,.product__buy-buttons--v3 .rc_description ul li,.product__buy-buttons--v3 .rc_block__type__options .metafield-rich_text_field ul li { margin-bottom: 4px; padding-left: 4px; font-size: 1rem; line-height: 1.3; letter-spacing: .01rem } @media (min-width: 1024px) { .product__buy-buttons--v3 .rc_variant_description ul li,.product__buy-buttons--v3 .rc_description ul li,.product__buy-buttons--v3 .rc_block__type__options .metafield-rich_text_field ul li { font-size:1.2rem; line-height: 1.3; letter-spacing: .012rem } } .product__buy-buttons--v3 .rc_description__highlight { margin-top: 0; font-weight: 700; color: var(--tealDeco) } [data-multicolumn-section] .splide.is-initialized:not(.is-active) .splide__list { display: flex; gap: 2rem } @media (min-width: 1024px) { [data-multicolumn-section] .splide.is-initialized:not(.is-active) .splide__list { gap:3.2rem } } [data-multicolumn-section] .splide.is-initialized:not(.is-active) [data-splide-controls] { display: none!important } [data-multicolumn-section] .splide.is-initialized:not(.is-active) .splide__slide { max-width: 425px; flex: 1 1 0% } [data-multicolumn-section] .splide__track { height: auto!important } .sticky-wrapper { border-top: 2px solid #1E1914; background: #FFFFFF; width: 100%; position: fixed; bottom: -100%; right: -100%; z-index: 500; transition: bottom 1s linear } .sticky-wrapper.sticky { right: 0; bottom: 0 } .sticky-btn__inner { display: flex; align-items: center; justify-content: space-between } .sticky-wrapper#rc_container .rc_block.rc_block__type__autodeliver .rc_label.rc_label__autodeliver { display: none!important } .sticky-wrapper#rc_container .rc_block .rc_label.rc_label__deliver_every .rc_select { margin: 0 } .sticky-wrapper.rc_block.rc_block__type.rc_block__type__autodeliver.rc_block__type--active { border: 0px; padding: 0 } .sticky-wrapper.rc_block.rc_block__type.rc_block__type__onetime { display: none } .sticky-btn__inner .product-payment { display: flex; justify-content: flex-end; align-items: center } .sticky-submit { margin-bottom: 0 } .sticky-submit span.compare-at-price.rc_text_price--regular { color: #fff; text-decoration: line-through } .sticky-wrapper .rc_select { float: right; margin: 0; border: 1px solid #000000; border-radius: 80px; padding-left: 12px; padding-right: 30px; width: 100%; min-width: 320px; height: 48px; outline: none; font-style: normal; font-weight: 800; font-size: 16px; line-height: 100%; color: #282828; background-position-x: calc(100% - 12px); -webkit-appearance: none; -moz-appearance: none; appearance: none } .sticky-btn__inner #rc_shipping_interval_frequency { padding-left: 28px; color: #666 } @media only screen and (max-width: 1045px) { .sticky-btn__inner .product-payment { flex-direction:column } .sticky-btn__inner #rc_shipping_interval_frequency { margin-bottom: 2rem } } @media only screen and (max-width: 1365px) { .sticky-wrapper .rc_select { height:56px; font-size: 18px; padding-left: 24px; padding-right: 24px; background-position-x: calc(100% - 24px) } } #chat-button { z-index: 99!important } .account-referrals .yotpo-widget-referral-widget .yotpo-background { height: auto!important } .account-referrals .yotpo-widget-referral-widget .yotpo-tile,.account-referrals .yotpo-widget-referral-widget .yotpo-tile-wrapper { min-height: 0px!important } .account-referrals .yotpo-widget-referral-widget .yotpo-tile-box { margin: 0!important; width: 100%!important; padding: 0!important } .account-referrals .yotpo-widget-referral-widget .yotpo-title-text { padding-bottom: 0!important; text-align: left; font-weight: 700!important } .account-referrals .yotpo-widget-referral-widget .yotpo-description-text { text-align: left } .account-referrals .yotpo-widget-referral-widget .yotpo-email-view * { font-family: var(--font-body-family)!important; font-size: 1.6rem!important; line-height: 1.3!important; letter-spacing: .016rem!important } .account-referrals .yotpo-widget-referral-widget .yotpo-input-container { --color-background: var(--softWhite) } .account-referrals .yotpo-widget-referral-widget .yotpo-input-container>label { display: none!important } .account-referrals .yotpo-widget-referral-widget .yotpo-input-container .yotpo-input { border-width: .1rem!important; border-style: solid!important; border-color: var(--softBlack)!important; background-color: var(--transparent)!important; padding-top: 1.2rem!important; padding-bottom: 1.2rem!important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important; outline: 2px solid transparent!important; outline-offset: 2px!important; border-radius: var(--inputs-radius)!important } .account-referrals .yotpo-widget-referral-widget .yotpo-input-container .yotpo-input::-webkit-input-placeholder { color: var(--grey-7) } .account-referrals .yotpo-widget-referral-widget .yotpo-input-container .yotpo-input::-moz-placeholder { color: var(--grey-7) } .account-referrals .yotpo-widget-referral-widget .yotpo-input-container .yotpo-input:-ms-input-placeholder { color: var(--grey-7) } .account-referrals .yotpo-widget-referral-widget .yotpo-input-container .yotpo-input:-moz-placeholder { color: var(--grey-7) } .account-referrals .yotpo-widget-referral-widget .yotpo-input-container .yotpo-input:focus { padding-top: 1.2rem!important; padding-bottom: 1.2rem!important; box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground))!important } .account-referrals .yotpo-widget-referral-widget .yotpo-input-container .yotpo-input-example { display: none!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget.yotpo-friends-share-button { margin-top: 24px!important; margin-bottom: 0!important; text-align: left } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button { --buttons-border-width: -2.7; --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset) !important; --shadow-vertical-offset: var(--buttons-shadow-vertical-offset) !important; --shadow-blur-radius: var(--buttons-shadow-blur-radius) !important; --shadow-opacity: var(--buttons-shadow-opacity) !important; --shadow-visible: var(--buttons-shadow-visible) !important; --border-offset: var(--buttons-border-offset) !important; --border-opacity: calc(1 - var(--buttons-border-opacity)) !important; border-radius: var(--buttons-radius-outset)!important; position: relative!important; min-width: calc(12rem + var(--buttons-border-width) * 2)!important; min-height: calc(4.5rem + var(--buttons-border-width) * 2)!important; display: inline-flex!important; justify-content: center!important; align-items: center!important; border: 0!important; padding: 0 3rem!important; cursor: pointer!important; font: inherit!important; font-size: 1.5rem!important; text-decoration: none!important; color: rgb(var(--color-button-text))!important; transition: box-shadow var(--duration-short) ease!important; -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important; background-color: rgba(var(--color-button),var(--alpha-button-background))!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button:before { content: ""!important; position: absolute!important; top: 0!important; right: 0!important; bottom: 0!important; left: 0!important; z-index: -1!important; border-radius: var(--buttons-radius-outset)!important; box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button:after { content: ""!important; position: absolute!important; top: var(--buttons-border-width)!important; right: var(--buttons-border-width)!important; bottom: var(--buttons-border-width)!important; left: var(--buttons-border-width)!important; z-index: 1!important; border-radius: var(--buttons-radius)!important; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background))!important; transition: box-shadow var(--duration-short) ease!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button:not([disabled]):hover:after { --border-offset: 1.3px !important; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background))!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button:focus-visible,.account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button:focus,.account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button.focused { outline: 0!important; box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem 4px rgba(var(--color-foreground),.3)!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button:focus:not(:focus-visible):not(.focused) { box-shadow: inherit!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button::-moz-selection { background-color: rgba(var(--color-button-text),.3)!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button::selection { background-color: rgba(var(--color-button-text),.3)!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button { font-size: 1.5rem!important; letter-spacing: .1rem!important; line-height: calc(1 + .2 / var(--font-body-scale))!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button:disabled,.account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button[aria-disabled=true],.account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button.disabled { cursor: not-allowed!important; opacity: .5!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button.loading { color: transparent!important; position: relative!important } @media screen and (forced-colors: active) { .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button.loading { color: rgb(var(--color-foreground))!important } } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button.loading>.loading__spinner { top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important; position: absolute!important; height: 100%!important; display: flex!important; align-items: center!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button.loading>.loading__spinner .spinner { width: -moz-fit-content!important; width: fit-content!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button.loading>.loading__spinner .path { stroke: rgb(var(--color-button-text))!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button { padding: 1.6rem 24px; text-align: center; font-size: var(--fs-btn); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); background-color: var(--color-btn)!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button:not([disabled]):hover:after { --border-offset: 1 !important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button:not(.button--sm,.button--tertiary,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: calc(54px + var(--buttons-border-width) * 2)!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button:before,.account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button:after { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button.button--sm { min-width: 15rem; padding-top: .8rem; padding-bottom: .8rem; font-size: var(--fs-btn-sm); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); min-height: calc(3rem + var(--buttons-border-width) * 2)!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button { font-weight: 700; text-transform: uppercase; background-color: var(--color-btn)!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button:hover,.account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button:focus { background-color: var(--color-btn-hover)!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button { height: 3.2rem; min-height: 0px!important; width: auto!important; border-width: 0!important; padding-left: 24px!important; padding-right: 24px!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button:before { content: var(--tw-content); display: none } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-filled-button:after { content: "Send Referral"!important; position: relative!important; font-size: 14px!important; line-height: 1.3!important; letter-spacing: .014000000000000002rem!important; font-weight: 700!important } .account-referrals .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-button-style * { font-size: 14px!important; line-height: 1.3!important; letter-spacing: .014000000000000002rem!important; font-weight: 700!important; color: var(--white)!important } .account-referrals .yotpo-widget-referral-widget .yopto-widget-button-text { display: none!important } .account-referrals .yotpo-widget-referral-widget .yotpo-referral-widget-error-message { position: relative!important; margin-top: .8rem!important; font-size: 14px!important; line-height: 1.3!important; letter-spacing: .014000000000000002rem!important; color: var(--pinkMid)!important } .account-referrals .yotpo-header-text,.account-referrals .yotpo-share-buttons-container { display: none!important } .account-referrals .yotpo-widget-referral-widget .yotpo-title-text { font-size: 1.6rem!important; line-height: 1.3!important; letter-spacing: .016rem!important } .yotpo-widget-my-rewards-widget :focus { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important } .yotpo-widget-my-rewards-widget .yotpo-loyalty-popup-overlay { height: calc(100% - var(--sticky-header-height))!important; top: var(--sticky-header-height)!important } .yotpo-widget-my-rewards-widget .yotpo-is-mobile .yotpo-rewards-history-wrapper { padding-left: 1.6rem; padding-right: 1.6rem } .yotpo-widget-my-rewards-widget .yotpo-is-mobile .yotpo-rewards-history-title { width: 100%!important; max-width: 33rem!important; padding-left: 0!important; padding-right: 0!important; margin: 0 auto } .yotpo-widget-my-rewards-widget .yotpo-is-mobile .yotpo-row-display { width: 100%!important; max-width: 100%!important } .yotpo-widget-my-rewards-widget .yotpo-is-mobile .yotpo-grid-wrapper { width: 100%!important; max-width: 33rem!important } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-headline.yotpo-customized-text,.unit-price.account-rewards .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-headline.yotpo-customized-text { display: none } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-description { text-align: left!important } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-description * { font-family: var(--font-body-family)!important; font-size: 24px!important; line-height: 1.3!important; letter-spacing: .024rem!important; font-weight: 700!important } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-description .yotpo-inner-text:before { font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-buttons-tile { display: block } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type { --color-button: var(--color-secondary-button); --color-button-text: var(--softBlack); --alpha-button-background: 0; --alpha-button-border: .2; --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset); --shadow-vertical-offset: var(--buttons-shadow-vertical-offset); --shadow-blur-radius: var(--buttons-shadow-blur-radius); --shadow-opacity: var(--buttons-shadow-opacity); --shadow-visible: var(--buttons-shadow-visible); --border-offset: var(--buttons-border-offset); --border-opacity: calc(1 - var(--buttons-border-opacity)); border-radius: var(--buttons-radius-outset); position: relative; min-width: calc(12rem + var(--buttons-border-width) * 2); min-height: calc(4.5rem + var(--buttons-border-width) * 2); display: inline-flex; justify-content: center; align-items: center; border: 0; padding: 0 3rem; cursor: pointer; font: inherit; font-size: 1.5rem; text-decoration: none; color: rgb(var(--color-button-text)); transition: box-shadow var(--duration-short) ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(var(--color-button),var(--alpha-button-background)) } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: var(--buttons-radius-outset); box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)) } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:after { content: ""; position: absolute; top: var(--buttons-border-width); right: var(--buttons-border-width); bottom: var(--buttons-border-width); left: var(--buttons-border-width); z-index: 1; border-radius: var(--buttons-radius); box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)); transition: box-shadow var(--duration-short) ease } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:not([disabled]):hover:after { --border-offset: 1.3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background)) } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:focus-visible,.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:focus,.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.focused { outline: 0; box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem 4px rgba(var(--color-foreground),.3) } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:focus:not(:focus-visible):not(.focused) { box-shadow: inherit } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type::-moz-selection { background-color: rgba(var(--color-button-text),.3) } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type::selection { background-color: rgba(var(--color-button-text),.3) } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type { letter-spacing: .1rem; line-height: calc(1 + .2 / var(--font-body-scale)); font-size: 1.2rem; padding: 1rem 1.5rem; min-width: calc(9rem + var(--buttons-border-width) * 2); min-height: calc(3.5rem + var(--buttons-border-width) * 2) } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:disabled,.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type[aria-disabled=true],.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.disabled { cursor: not-allowed; opacity: .5 } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.loading { color: transparent; position: relative } @media screen and (forced-colors: active) { .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.loading { color: rgb(var(--color-foreground)) } } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.loading>.loading__spinner { top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; height: 100%; display: flex; align-items: center } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.loading>.loading__spinner .spinner { width: -moz-fit-content; width: fit-content } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.loading>.loading__spinner .path { stroke: rgb(var(--color-button-text)) } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type { padding: 1.6rem 24px; text-align: center; font-size: var(--fs-btn); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); background-color: var(--color-btn) } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:not([disabled]):hover:after { --border-offset: 1 } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:not(.button--sm,.button--tertiary,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: calc(54px + var(--buttons-border-width) * 2) } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:before,.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:after { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.button--sm { min-width: 15rem; padding-top: .8rem; padding-bottom: .8rem; font-size: var(--fs-btn-sm); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); min-height: calc(3rem + var(--buttons-border-width) * 2) } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type { position: relative; z-index: 0; min-height: 0px; min-width: 0px; border-radius: 0; border-bottom-width: .16rem; border-style: solid; border-color: currentColor; background-color: var(--transparent); padding: 0; padding-right: 2rem; font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem; font-weight: 700 } @media (min-width: 768px) { .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type { padding-right:3.2rem; font-size: 2rem; line-height: 1.3; letter-spacing: .02rem } } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:after { position: absolute; left: auto; right: 0; bottom: auto; top: -.1rem; display: inline-block; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .2s; --tw-content: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%227%22%20viewBox%3D%220%200%2016%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%203.4641L11.2%206.9282L11.2%20-2.09815e-07L16%203.4641Z%22%20fill%3D%22%231E1914%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.8%203.86356H0V2.7207H12.8V3.86356Z%22%20fill%3D%22%231E1914%22%2F%3E%3C%2Fsvg%3E); content: var(--tw-content) } .product__text.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type+.ingredients-modal__opener.inline:after:before { padding-left: 4px; font-weight: 700; --tw-content: "·"; content: var(--tw-content) } @media (min-width: 768px) { .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:after { top:.1rem; --tw-content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2214%22%20viewBox%3D%220%200%2028%2014%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M28%207L19.6%2013.0622L19.6%200.937822L28%207Z%22%20fill%3D%22%231E1914%22%2F%3E%3Cline%20y1%3D%226.7002%22%20x2%3D%2222.4%22%20y2%3D%226.7002%22%20stroke%3D%22%231E1914%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E); content: var(--tw-content) } } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:hover:after,.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.is-hover:after { right: -4px; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .2s } @media (min-width: 768px) { .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:hover:after,.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.is-hover:after { right:-.6rem } } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.button--sm { min-height: 0px; min-width: 0px; padding: 0; padding-right: 1.6rem; letter-spacing: .016rem } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.button--sm:after { content: url('data:image/svg+xml,'); top: .1rem } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.button--sm:hover:after,.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.button--sm.is-hover:after { right: -4px } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.button--light { border-color: var(--white); color: var(--white) } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.button--light:after { content: url('data:image/svg+xml,'); top: .1rem } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.button--light:hover { color: var(--white) } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.button--light.button--sm:after { content: url('data:image/svg+xml,') } .card-has-tertiary-button:hover .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:after { right: -.8rem; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .2s } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type { display: block!important; height: auto!important; min-height: 0px!important; width: auto!important; border-width: 0!important; border-bottom-width: .16rem!important; border-style: solid!important; border-color: currentColor!important; padding: 0; padding-right: 1.6rem; font-family: var(--font-body-family)!important; letter-spacing: .016rem; color: var(--softBlack)!important; opacity: 1!important } @media (forced-colors: active) { .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type { border: transparent solid 1px } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:focus-visible,.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:focus,.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.focused { outline: solid transparent 1px } } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .animate--hover-3d-lift .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:not(.button--tertiary) { transition:transform var(--duration-long) ease,box-shadow var(--duration-long) ease; transform-origin: center } .animate--hover-3d-lift .button:not(.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type) { transition: transform var(--duration-long) ease,box-shadow var(--duration-long) ease; transform-origin: center } .animate--hover-3d-lift .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:not(.button--tertiary):not([disabled]):hover { transition: transform var(--duration-extended) ease,box-shadow var(--duration-long) ease; transform: rotate(1deg); box-shadow: -1rem -1rem 1rem -1rem #0000000d,1rem 1rem 1rem -1rem #0000000d,0 0 .5rem #fff0,0 2rem 3.5rem -2rem #00000080 } .animate--hover-3d-lift .button:not(.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type):not([disabled]):hover { transition: transform var(--duration-extended) ease,box-shadow var(--duration-long) ease; transform: rotate(1deg); box-shadow: -1rem -1rem 1rem -1rem #0000000d,1rem 1rem 1rem -1rem #0000000d,0 0 .5rem #fff0,0 2rem 3.5rem -2rem #00000080 } .animate--hover-vertical-lift .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:not(.button--tertiary) { transition: transform var(--duration-default) var(--ease-out-slow) } .animate--hover-vertical-lift .button:not(.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type) { transition: transform var(--duration-default) var(--ease-out-slow) } .animate--hover-vertical-lift .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:not(.button--tertiary):not([disabled]):hover { transform: translateY(-.25rem) } .animate--hover-vertical-lift .button:not(.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type):not([disabled]):hover { transform: translateY(-.25rem) } .animate--hover-vertical-lift .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:not(.button--tertiary):not([disabled]):active { transform: translateY(0) } .animate--hover-vertical-lift .button:not(.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type):not([disabled]):active { transform: translateY(0) } .animate--hover-vertical-lift .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:not([disabled]):hover:after { --border-offset: .3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)) } .animate--hover-vertical-lift .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:not([disabled]).button--secondary:hover:after { --border-offset: 0px } } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type { border-style: none; padding-right: 0 } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:after { --tw-content: ""; content: var(--tw-content) } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type>span { position: relative; z-index: 0; border-width: 0; border-bottom-width: .16rem; border-style: solid; border-color: currentColor; padding-right: 2rem } @media (min-width: 768px) { [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type>span { padding-right:3.2rem } } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type>span:after { position: absolute; left: auto; right: 0; bottom: auto; top: -.1rem; display: inline-block; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .2s; --tw-content: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%227%22%20viewBox%3D%220%200%2016%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%203.4641L11.2%206.9282L11.2%20-2.09815e-07L16%203.4641Z%22%20fill%3D%22%231E1914%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.8%203.86356H0V2.7207H12.8V3.86356Z%22%20fill%3D%22%231E1914%22%2F%3E%3C%2Fsvg%3E); content: var(--tw-content) } .product__text[data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type>span+.ingredients-modal__opener.inline:after:before { padding-left: 4px; font-weight: 700; --tw-content: "·"; content: var(--tw-content) } @media (min-width: 768px) { [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type>span:after { top:.1rem; --tw-content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2214%22%20viewBox%3D%220%200%2028%2014%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M28%207L19.6%2013.0622L19.6%200.937822L28%207Z%22%20fill%3D%22%231E1914%22%2F%3E%3Cline%20y1%3D%226.7002%22%20x2%3D%2222.4%22%20y2%3D%226.7002%22%20stroke%3D%22%231E1914%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E); content: var(--tw-content) } } .product-upsells .product-upsells__footer .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type { min-width: 100%; border-color: var(--pinkLight); color: var(--pinkLight); transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .product-upsells .product-upsells__footer .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:hover { background-color: var(--pinkLight); color: var(--white) } .product-upsells .product-upsells__footer .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:focus { background-color: var(--pinkLight); color: var(--white) } .product-upsells .product-upsells__footer .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:disabled { border-color: var(--grey-6); color: var(--grey-6) } .product-upsells .product-upsells__footer .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:hover:disabled { background-color: var(--transparent); color: var(--grey-6) } @media (min-width: 640px) { .product-upsells .product-upsells__footer .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type { min-width:42.7rem } } div.bv_modal_component_container.bv_modal_component_container[data-bv-modal] button:not(.button--sm,.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: auto } #bv_review_maincontainer button:not(.button--sm,.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: auto } .bv-ips-modal-window button:not(.button--sm,.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: auto } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:after { content: url('data:image/svg+xml,'); top: .1rem } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type:hover:after,.account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yotpo-capsule-btn-type.is-hover:after { right: -4px } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-primary-button .yopto-widget-button-text { font-family: var(--font-body-family)!important; font-size: 1.6rem!important; line-height: 1.3!important; letter-spacing: .016rem!important; font-weight: 700!important; text-transform: capitalize!important } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-secondary-button:before { content: var(--rewards-description); display: inline!important; font-family: var(--font-body-family)!important; font-size: 1.6rem!important; line-height: 1.3!important; letter-spacing: .016rem!important; color: var(--softBlack)!important } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type { color: inherit; text-decoration-line: underline; margin-left: 4px; display: inline!important; height: auto!important; min-height: 0px!important; width: auto!important; border-width: 0!important; background-color: var(--transparent)!important; font-family: var(--font-body-family)!important; color: var(--softBlack)!important; opacity: 1!important } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-action-button-widget.yotpo-secondary-button .yopto-widget-button-text { font-family: var(--font-body-family)!important; font-size: 1.6rem!important; line-height: 1.3!important; letter-spacing: .016rem!important; text-transform: capitalize!important } .account-rewards .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-secondary-button { margin-top: 3.2rem; padding: 0; text-align: left } .account-rewards-page .yotpo-widget-my-rewards-widget { border-width: .1rem; border-style: solid; border-color: var(--softBlack); padding: 28px 4rem } @media (min-width: 768px) { .account-rewards-page .yotpo-widget-my-rewards-widget { border-width:0; padding: 0 } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view { text-align: left } } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-description,.account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-primary-button-link,.unit-price.account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-description,.unit-price .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-primary-button-link { display: none } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-headline { margin-bottom: 2rem } @media (min-width: 768px) { .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-headline { margin-bottom:0 } } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-headline:after { content: "Redeemed a Reward, but can’t find your code? Click to see your history."; display: block; font-family: var(--font-body-family)!important; font-size: 1.6rem!important; line-height: 1.3!important; letter-spacing: .016rem!important } @media (min-width: 768px) { .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-headline:after { display:none } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-headline { display: inline!important; text-align: left } } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-headline .yotpo-inner-text { display: none; font-family: var(--font-body-family)!important; font-size: 1.6rem!important; line-height: 1.3!important; letter-spacing: .016rem!important } .unit-price.account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-headline .yotpo-inner-text { display: none } @media (min-width: 768px) { .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-headline .yotpo-inner-text,.account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-buttons-tile { display:inline!important } } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button { margin: 0!important; display: inline; padding-left: 0 } .product__text.inline-block+.ingredients-modal__opener.account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button:before { padding-left: 4px; font-weight: 700; --tw-content: "·"; content: var(--tw-content) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type { box-sizing: border-box } @media not all and (min-width: 768px) { .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type { letter-spacing:.1rem; line-height: calc(1 + .2 / var(--font-body-scale)); --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset); --shadow-vertical-offset: var(--buttons-shadow-vertical-offset); --shadow-blur-radius: var(--buttons-shadow-blur-radius); --shadow-opacity: var(--buttons-shadow-opacity); --shadow-visible: var(--buttons-shadow-visible); --border-offset: var(--buttons-border-offset); --border-opacity: calc(1 - var(--buttons-border-opacity)); border-radius: var(--buttons-radius-outset); position: relative; min-width: calc(12rem + var(--buttons-border-width) * 2); min-height: calc(4.5rem + var(--buttons-border-width) * 2); display: inline-flex; justify-content: center; align-items: center; border: 0; padding: 0 3rem; cursor: pointer; font: inherit; font-size: 1.5rem; text-decoration: none; color: rgb(var(--color-button-text)); transition: box-shadow var(--duration-short) ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(var(--color-button),var(--alpha-button-background)) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type { padding: 1.6rem 24px; text-align: center; font-size: var(--fs-btn); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset); --shadow-vertical-offset: var(--buttons-shadow-vertical-offset); --shadow-blur-radius: var(--buttons-shadow-blur-radius); --shadow-opacity: var(--buttons-shadow-opacity); --shadow-visible: var(--buttons-shadow-visible); --border-offset: var(--buttons-border-offset); --border-opacity: calc(1 - var(--buttons-border-opacity)); border-radius: var(--buttons-radius-outset); position: relative; min-width: calc(12rem + var(--buttons-border-width) * 2); min-height: calc(4.5rem + var(--buttons-border-width) * 2); display: inline-flex; justify-content: center; align-items: center; border: 0; padding: 0 3rem; cursor: pointer; font: inherit; font-size: 1.5rem; text-decoration: none; color: rgb(var(--color-button-text)); transition: box-shadow var(--duration-short) ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(var(--color-button),var(--alpha-button-background)) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type { padding: 1.6rem 24px; text-align: center; font-size: var(--fs-btn); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); background-color: var(--color-btn); --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset); --shadow-vertical-offset: var(--buttons-shadow-vertical-offset); --shadow-blur-radius: var(--buttons-shadow-blur-radius); --shadow-opacity: var(--buttons-shadow-opacity); --shadow-visible: var(--buttons-shadow-visible); --border-offset: var(--buttons-border-offset); --border-opacity: calc(1 - var(--buttons-border-opacity)); border-radius: var(--buttons-radius-outset); position: relative; min-width: calc(12rem + var(--buttons-border-width) * 2); min-height: calc(4.5rem + var(--buttons-border-width) * 2); display: inline-flex; justify-content: center; align-items: center; border: 0; padding: 0 3rem; cursor: pointer; font: inherit; font-size: 1.5rem; text-decoration: none; color: rgb(var(--color-button-text)); transition: box-shadow var(--duration-short) ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(var(--color-button),var(--alpha-button-background)) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type.button--sm { min-width: 15rem; padding-top: .8rem; padding-bottom: .8rem; font-size: var(--fs-btn-sm); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type { --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset); --shadow-vertical-offset: var(--buttons-shadow-vertical-offset); --shadow-blur-radius: var(--buttons-shadow-blur-radius); --shadow-opacity: var(--buttons-shadow-opacity); --shadow-visible: var(--buttons-shadow-visible); --border-offset: var(--buttons-border-offset); --border-opacity: calc(1 - var(--buttons-border-opacity)); border-radius: var(--buttons-radius-outset); position: relative; min-width: calc(12rem + var(--buttons-border-width) * 2); min-height: calc(4.5rem + var(--buttons-border-width) * 2); display: inline-flex; justify-content: center; align-items: center; border: 0; padding: 0 3rem; cursor: pointer; font: inherit; font-size: 1.5rem; text-decoration: none; color: rgb(var(--color-button-text)); transition: box-shadow var(--duration-short) ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(var(--color-button),var(--alpha-button-background)) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: var(--buttons-radius-outset); box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type:after { content: ""; position: absolute; top: var(--buttons-border-width); right: var(--buttons-border-width); bottom: var(--buttons-border-width); left: var(--buttons-border-width); z-index: 1; border-radius: var(--buttons-radius); box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)); transition: box-shadow var(--duration-short) ease } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type:not([disabled]):hover:after { --border-offset: 1.3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background)) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type:focus-visible,.account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type:focus,.account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type.focused { outline: 0; box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem 4px rgba(var(--color-foreground),.3) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type:focus:not(:focus-visible):not(.focused) { box-shadow: inherit } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type::-moz-selection { background-color: rgba(var(--color-button-text),.3) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type::selection { background-color: rgba(var(--color-button-text),.3) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type { font-size: 1.5rem; letter-spacing: .1rem; line-height: calc(1 + .2 / var(--font-body-scale)) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type:disabled,.account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type[aria-disabled=true],.account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type.disabled { cursor: not-allowed; opacity: .5 } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type.loading { color: transparent; position: relative } @media screen and (forced-colors: active) { .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type.loading { color: rgb(var(--color-foreground)) } } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type.loading>.loading__spinner { top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; height: 100%; display: flex; align-items: center } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type.loading>.loading__spinner .spinner { width: -moz-fit-content; width: fit-content } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type.loading>.loading__spinner .path { stroke: rgb(var(--color-button-text)) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type { padding: 1.6rem 24px; text-align: center; font-size: var(--fs-btn); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); background-color: var(--color-btn) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type:not([disabled]):hover:after { --border-offset: 1 } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type:not(.button--sm,.button--tertiary,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: calc(54px + var(--buttons-border-width) * 2) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type:before,.account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type:after { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type.button--sm { min-width: 15rem; padding-top: .8rem; padding-bottom: .8rem; font-size: var(--fs-btn-sm); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); min-height: calc(3rem + var(--buttons-border-width) * 2) } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type { font-weight: 700; text-transform: uppercase; background-color: var(--color-btn)!important } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type:hover,.account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type:focus { background-color: var(--color-btn-hover)!important } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type { height: auto; min-height: 0px!important; width: 12.6rem; padding-top: .8rem; padding-bottom: .8rem; padding-left: 1.2rem!important; padding-right: 1.2rem!important } } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type { margin-left: 0; font-family: var(--font-body-family)!important; opacity: 1!important; outline: 2px solid transparent!important; outline-offset: 2px!important } @media (min-width: 768px) { .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yotpo-capsule-btn-type { color:inherit; text-decoration-line: underline; margin-left: 4px; display: inline!important; height: auto!important; min-height: 0px!important; width: auto!important; border-width: 0!important; background-color: var(--transparent)!important; color: var(--softBlack)!important } } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yopto-widget-button-text { text-indent: -999em; display: flex; font-family: var(--font-body-family)!important; font-size: 1.2rem!important; line-height: 1.3!important; letter-spacing: .012rem!important; font-weight: 700!important; text-transform: uppercase!important } @media (min-width: 768px) { .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yopto-widget-button-text { display:block; text-indent: 0px; font-size: 1.6rem!important; line-height: 1.3!important; letter-spacing: .016rem!important; text-transform: capitalize!important } } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yopto-widget-button-text:after { content: "Activity"; text-indent: 0 } @media (min-width: 768px) { .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-action-button-widget.yotpo-secondary-button .yopto-widget-button-text:after { display:none } } .account-rewards-page .yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-logged-in-view .yotpo-secondary-button { margin-top: 3.2rem; padding: 0; text-align: left } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-coupons-redemption-widget-container { padding: 0!important } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-content-container,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-coupouns-container.yotpo-is-mobile { margin: 0; width: 100%; max-width: 78rem } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-message-display-area { display: none!important } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-points-balance { padding-bottom: 2rem; text-align: left } @media (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-points-balance { padding-bottom:28px } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-points-balance .yotpo-points-balance-text-part { --fs-h2: 5.2rem; --fs-h2-m: 5.2rem; font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: calc(var(--font-heading-scale) * .06rem); color: rgb(var(--color-foreground)); line-height: calc(1 + .3/max(1,var(--font-heading-scale))); word-break: break-word; font-size: calc(var(--font-heading-scale) * 2rem) } @media only screen and (min-width: 750px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-points-balance .yotpo-points-balance-text-part { font-size:calc(var(--font-heading-scale) * 24px) } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-points-balance .yotpo-points-balance-text-part { margin-top: 0; margin-bottom: 24px; font-family: var(--font-parafina) } @media (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-points-balance .yotpo-points-balance-text-part { margin-bottom:4rem } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-points-balance .yotpo-points-balance-text-part:not([class*=leading-]) { line-height: 1!important } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-points-balance .yotpo-points-balance-text-part strong { font-family: var(--font-parafinaBold) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-points-balance .yotpo-points-balance-text-part { --font-heading-scale: calc(5.4/2.4); font-size: var(--fs-h2-m); line-height: 1.2; letter-spacing: calc(var(--fs-h2-m) * .03); font-weight: 400 } @media (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-points-balance .yotpo-points-balance-text-part { font-size:var(--fs-h2); line-height: 1.2; letter-spacing: calc(var(--fs-h2) * .03) } } .header__heading-link:hover .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-points-balance .yotpo-points-balance-text-part { color: rgb(var(--color-foreground)) } .header__heading-link .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-points-balance .yotpo-points-balance-text-part { line-height: 1; color: rgba(var(--color-foreground),.75) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-points-balance .yotpo-points-balance-text-part { text-align: left; color: var(--softBlack)!important } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-points-balance .yotpo-points-balance-text-part.notranslate { font-weight: 700 } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-rule,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-rule.yotpo-is-mobile { padding: 0; text-align: left; font-family: var(--font-body-family)!important; font-size: 1.6rem!important; line-height: 1.3!important; letter-spacing: .016rem!important; font-weight: 400!important } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list:not(.yotpo-is-mobile).two-in-row.yotpo-no-background-type,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list.yotpo-is-mobile { max-width: 100% } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list { margin-top: 3.6rem!important; margin-bottom: 0!important; display: grid!important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.6rem } @media (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list { margin-top:56px!important; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3rem } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list .yotpo-redemption-item,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list .yotpo-redemption-slide-item { box-shadow: 0 0 5px #00000040; margin: 0; height: 100%; width: 100%; border-width: .1rem; border-style: solid; border-color: var(--softBlack); padding: 4.8rem 1.6rem 28px } @media not all and (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list .yotpo-redemption-item,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list .yotpo-redemption-slide-item { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } } @media (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list .yotpo-redemption-item,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list .yotpo-redemption-slide-item { border-width:0 } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list.yotpo-is-mobile { display: block!important } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list.yotpo-is-mobile .swiper-container { padding-bottom: 0!important } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list.yotpo-is-mobile .swiper-container .swiper-pagination,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list.yotpo-is-mobile .swiper-container .swiper-notification { display: none!important } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list.yotpo-is-mobile .swiper-wrapper { display: grid!important; transform: none!important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.6rem } @media (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list.yotpo-is-mobile .swiper-wrapper { grid-template-columns:repeat(4,minmax(0,1fr)); gap: 3rem } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-options-list.yotpo-is-mobile .swiper-wrapper .swiper-slide { width: 100%!important; transform: none!important } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-container { max-width: 18.5rem; padding-left: 0; padding-right: 0 } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-details:before { content: ""; background-image: var(--redemption-icon); background-size: 100% auto; margin-left: auto; margin-right: auto; margin-bottom: 2rem; display: block; height: 1.6rem; width: 100%; max-width: 13rem; background-position: center; background-repeat: no-repeat; text-align: center } @media (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-details:before { margin-bottom:1.2rem; max-width: 144px } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-reward { margin-left: auto; margin-right: auto; font-family: var(--font-body-family)!important; font-size: 2rem!important; line-height: 1.3!important; letter-spacing: .02rem!important; font-weight: 700 } @media not all and (min-width: 640px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-reward { max-width:8.5rem } } @media (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-reward { font-size:24px!important; line-height: 1.3!important; letter-spacing: .024rem!important } } @media screen and (min-width: 768px) and (max-width: 879px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-reward { max-width:10rem } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-cost { margin-top: .8rem; font-family: var(--font-body-family)!important; font-size: 1.6rem!important; line-height: 1.3!important; letter-spacing: .016rem!important; text-transform: lowercase; color: var(--grey-7)!important } @media (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-cost { font-size:1.8rem!important; line-height: 1.3!important; letter-spacing: .018rem!important } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style { --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset); --shadow-vertical-offset: var(--buttons-shadow-vertical-offset); --shadow-blur-radius: var(--buttons-shadow-blur-radius); --shadow-opacity: var(--buttons-shadow-opacity); --shadow-visible: var(--buttons-shadow-visible); --border-offset: var(--buttons-border-offset); --border-opacity: calc(1 - var(--buttons-border-opacity)); border-radius: var(--buttons-radius-outset); position: relative; min-width: calc(12rem + var(--buttons-border-width) * 2); min-height: calc(4.5rem + var(--buttons-border-width) * 2); display: inline-flex; justify-content: center; align-items: center; border: 0; padding: 0 3rem; cursor: pointer; font: inherit; font-size: 1.5rem; text-decoration: none; color: rgb(var(--color-button-text)); transition: box-shadow var(--duration-short) ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(var(--color-button),var(--alpha-button-background)) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:before,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: var(--buttons-radius-outset); box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:after,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:after { content: ""; position: absolute; top: var(--buttons-border-width); right: var(--buttons-border-width); bottom: var(--buttons-border-width); left: var(--buttons-border-width); z-index: 1; border-radius: var(--buttons-radius); box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)); transition: box-shadow var(--duration-short) ease } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:not([disabled]):hover:after,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:not([disabled]):hover:after { --border-offset: 1.3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background)) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:focus-visible,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:focus,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style.focused,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:focus-visible,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:focus,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style.focused { outline: 0; box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem 4px rgba(var(--color-foreground),.3) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:focus:not(:focus-visible):not(.focused),.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:focus:not(:focus-visible):not(.focused) { box-shadow: inherit } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style::-moz-selection,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style::-moz-selection { background-color: rgba(var(--color-button-text),.3) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style::selection,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style::selection { background-color: rgba(var(--color-button-text),.3) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style { font-size: 1.5rem; letter-spacing: .1rem; line-height: calc(1 + .2 / var(--font-body-scale)) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:disabled,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style[aria-disabled=true],.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style.disabled,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:disabled,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style[aria-disabled=true],.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style.disabled { cursor: not-allowed; opacity: .5 } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style.loading,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style.loading { color: transparent; position: relative } @media screen and (forced-colors: active) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style.loading,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style.loading { color: rgb(var(--color-foreground)) } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style.loading>.loading__spinner,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style.loading>.loading__spinner { top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; height: 100%; display: flex; align-items: center } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style.loading>.loading__spinner .spinner,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style.loading>.loading__spinner .spinner { width: -moz-fit-content; width: fit-content } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style.loading>.loading__spinner .path,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style.loading>.loading__spinner .path { stroke: rgb(var(--color-button-text)) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style { padding: 1.6rem 24px; text-align: center; font-size: var(--fs-btn); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); background-color: var(--color-btn) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:not([disabled]):hover:after,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:not([disabled]):hover:after { --border-offset: 1 } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:not(.button--sm,.button--tertiary,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close),.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:not(.button--sm,.button--tertiary,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: calc(54px + var(--buttons-border-width) * 2) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:before,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:after,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:before,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:after { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style.button--sm,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style.button--sm { min-width: 15rem; padding-top: .8rem; padding-bottom: .8rem; font-size: var(--fs-btn-sm); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); min-height: calc(3rem + var(--buttons-border-width) * 2) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style { font-weight: 700; text-transform: uppercase; background-color: var(--color-btn) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:hover,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:focus,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:hover,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:focus { background-color: var(--color-btn-hover) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style { height: auto!important; min-height: 3.2rem!important; width: 100%!important; min-width: -moz-min-content!important; min-width: min-content!important; border-width: 0!important; padding-left: 24px!important; padding-right: 24px!important; opacity: 1!important } @media (forced-colors: active) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style { border: transparent solid 1px } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:focus-visible,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:focus,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style.focused,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:focus-visible,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:focus,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style.focused { outline: solid transparent 1px } } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .animate--hover-3d-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:not(.button--tertiary),.animate--hover-3d-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:not(.button--tertiary) { transition:transform var(--duration-long) ease,box-shadow var(--duration-long) ease; transform-origin: center } .animate--hover-3d-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:not(.button--tertiary):not([disabled]):hover,.animate--hover-3d-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:not(.button--tertiary):not([disabled]):hover { transition: transform var(--duration-extended) ease,box-shadow var(--duration-long) ease; transform: rotate(1deg); box-shadow: -1rem -1rem 1rem -1rem #0000000d,1rem 1rem 1rem -1rem #0000000d,0 0 .5rem #fff0,0 2rem 3.5rem -2rem #00000080 } .animate--hover-vertical-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:not(.button--tertiary),.animate--hover-vertical-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:not(.button--tertiary) { transition: transform var(--duration-default) var(--ease-out-slow) } .animate--hover-vertical-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:not(.button--tertiary):not([disabled]):hover,.animate--hover-vertical-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:not(.button--tertiary):not([disabled]):hover { transform: translateY(-.25rem) } .animate--hover-vertical-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:not(.button--tertiary):not([disabled]):active,.animate--hover-vertical-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:not(.button--tertiary):not([disabled]):active { transform: translateY(0) } .animate--hover-vertical-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:not([disabled]):hover:after,.animate--hover-vertical-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:not([disabled]):hover:after { --border-offset: .3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)) } .animate--hover-vertical-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:not([disabled]).button--secondary:hover:after,.animate--hover-vertical-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:not([disabled]).button--secondary:hover:after { --border-offset: 0px } } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:hover,[data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:hover { background-color: var(--color-btn) } .product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style,.product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style { min-width: 100%; border-color: var(--pinkLight); color: var(--pinkLight); transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:hover,.product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:hover { background-color: var(--pinkLight); color: var(--white) } .product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:focus,.product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:focus { background-color: var(--pinkLight); color: var(--white) } .product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:disabled,.product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:disabled { border-color: var(--grey-6); color: var(--grey-6) } .product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:hover:disabled,.product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:hover:disabled { background-color: var(--transparent); color: var(--grey-6) } @media (min-width: 640px) { .product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style,.product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style { min-width:42.7rem } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:before,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:before { content: var(--tw-content); display: none } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:after,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:after { content: var(--tw-content); display: none } @media not all and (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style { padding-top:.8rem; padding-bottom: .8rem; padding-left: 1.2rem!important; padding-right: 1.2rem!important } } @media (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style { min-height:56px!important } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style { background-color: var(--color-btn)!important } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:hover,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style:focus,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:hover,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style:focus { background-color: var(--color-btn-hover)!important } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style .yopto-widget-button-text,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style .yopto-widget-button-text { font-family: var(--font-body-family)!important; font-weight: 700 } @media not all and (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-option-redeem-button.yotpo-action-button-widget .yotpo-button-style .yopto-widget-button-text,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style .yopto-widget-button-text { font-size:var(--fs-btn-sm); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05) } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation .yotpo-redemption-confirmation-title { font-family: var(--font-body-family)!important; font-size: 1.6rem!important; line-height: 1.3!important; letter-spacing: .016rem!important; font-weight: 700; color: var(--softBlack)!important } @media (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation .yotpo-redemption-confirmation-title { font-size:1.8rem!important; line-height: 1.3!important; letter-spacing: .018rem!important } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style { padding-top: .8rem; padding-bottom: .8rem } @media (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-confirm .yotpo-action-button-widget .yotpo-button-style { min-height:4rem!important } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style { --color-button: var(--color-secondary-button); --color-button-text: var(--softBlack); --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset); --shadow-vertical-offset: var(--buttons-shadow-vertical-offset); --shadow-blur-radius: var(--buttons-shadow-blur-radius); --shadow-opacity: var(--buttons-shadow-opacity); --shadow-visible: var(--buttons-shadow-visible); --border-offset: var(--buttons-border-offset); --border-opacity: calc(1 - var(--buttons-border-opacity)); border-radius: var(--buttons-radius-outset); position: relative; min-width: calc(12rem + var(--buttons-border-width) * 2); min-height: calc(4.5rem + var(--buttons-border-width) * 2); display: inline-flex; justify-content: center; align-items: center; border: 0; padding: 0 3rem; cursor: pointer; font: inherit; font-size: 1.5rem; text-decoration: none; color: rgb(var(--color-button-text)); transition: box-shadow var(--duration-short) ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(var(--color-button),var(--alpha-button-background)) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: var(--buttons-radius-outset); box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:after { content: ""; position: absolute; top: var(--buttons-border-width); right: var(--buttons-border-width); bottom: var(--buttons-border-width); left: var(--buttons-border-width); z-index: 1; border-radius: var(--buttons-radius); box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)); transition: box-shadow var(--duration-short) ease } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:not([disabled]):hover:after { --border-offset: 1.3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background)) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:after { --border-opacity: var(--buttons-border-opacity) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:focus-visible,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:focus,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style.focused { outline: 0; box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem 4px rgba(var(--color-foreground),.3) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:focus:not(:focus-visible):not(.focused) { box-shadow: inherit } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style::-moz-selection { background-color: rgba(var(--color-button-text),.3) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style::selection { background-color: rgba(var(--color-button-text),.3) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style { font-size: 1.5rem; letter-spacing: .1rem; line-height: calc(1 + .2 / var(--font-body-scale)) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:disabled,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style[aria-disabled=true],.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style.disabled { cursor: not-allowed; opacity: .5 } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style.loading { color: transparent; position: relative } @media screen and (forced-colors: active) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style.loading { color: rgb(var(--color-foreground)) } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style.loading>.loading__spinner { top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; height: 100%; display: flex; align-items: center } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style.loading>.loading__spinner .spinner { width: -moz-fit-content; width: fit-content } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style.loading>.loading__spinner .path { stroke: rgb(var(--color-button-text)) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style { padding: 1.6rem 24px; text-align: center; font-size: var(--fs-btn); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); background-color: var(--color-btn) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:not([disabled]):hover:after { --border-offset: 1 } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:not(.button--sm,.button--tertiary,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: calc(54px + var(--buttons-border-width) * 2) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:before,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:after { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style.button--sm { min-width: 15rem; padding-top: .8rem; padding-bottom: .8rem; font-size: var(--fs-btn-sm); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); min-height: calc(3rem + var(--buttons-border-width) * 2) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style { border-width: .1rem; border-style: solid; border-color: var(--softBlack); font-weight: 700; text-transform: uppercase; color: var(--softBlack); background-color: var(--color-secondary-btn) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:hover,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:focus { color: var(--white); background-color: var(--color-secondary-btn-hover) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style.button--light { border-color: var(--white); color: var(--white) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style.button--light:hover,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style.button--light:focus { background-color: var(--white); color: var(--softBlack) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style { height: auto!important; min-height: 3.2rem!important; width: 100%!important; min-width: -moz-min-content!important; min-width: min-content!important; padding-top: .8rem; padding-bottom: .8rem; padding-left: 24px!important; padding-right: 24px!important; color: var(--softBlack)!important; opacity: 1!important } @media (forced-colors: active) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style { border: transparent solid 1px } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:focus-visible,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:focus,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style.focused { outline: solid transparent 1px } } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .animate--hover-3d-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:not(.button--tertiary) { transition:transform var(--duration-long) ease,box-shadow var(--duration-long) ease; transform-origin: center } .animate--hover-3d-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:not(.button--tertiary):not([disabled]):hover { transition: transform var(--duration-extended) ease,box-shadow var(--duration-long) ease; transform: rotate(1deg); box-shadow: -1rem -1rem 1rem -1rem #0000000d,1rem 1rem 1rem -1rem #0000000d,0 0 .5rem #fff0,0 2rem 3.5rem -2rem #00000080 } .animate--hover-vertical-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:not(.button--tertiary) { transition: transform var(--duration-default) var(--ease-out-slow) } .animate--hover-vertical-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:not(.button--tertiary):not([disabled]):hover { transform: translateY(-.25rem) } .animate--hover-vertical-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:not(.button--tertiary):not([disabled]):active { transform: translateY(0) } .animate--hover-vertical-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:not([disabled]):hover:after { --border-offset: .3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)) } .animate--hover-vertical-lift .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:not([disabled]).button--secondary:hover:after { --border-offset: 0px } .animate--hover-vertical-lift .button:not([disabled]).account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:hover:after { --border-offset: 0px } } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:hover { background-color: var(--color-secondary-btn); color: var(--softBlack) } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style.button--light { border-color: var(--white); color: var(--white) } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style.button--light:hover,[data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style.button--light:focus { border-color: var(--white); background-color: var(--transparent); color: var(--white) } .product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style { min-width: 100%; border-color: var(--pinkLight); color: var(--pinkLight); transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:hover { background-color: var(--pinkLight); color: var(--white) } .product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:focus { background-color: var(--pinkLight); color: var(--white) } .product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:disabled { border-color: var(--grey-6); color: var(--grey-6) } .product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:hover:disabled { background-color: var(--transparent); color: var(--grey-6) } @media (min-width: 640px) { .product-upsells .product-upsells__footer .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style { min-width:42.7rem } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:before { content: var(--tw-content); display: none } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:after { content: var(--tw-content); display: none } @media not all and (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style { padding-left:1.2rem!important; padding-right: 1.2rem!important } } @media (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style { min-height:4rem!important } } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style { background-color: var(--color-secondary-btn)!important } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:hover,.account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style:focus { color: var(--white)!important; background-color: var(--color-secondary-btn-hover)!important } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style .yopto-widget-button-text { font-family: var(--font-body-family)!important; font-weight: 700 } @media not all and (min-width: 768px) { .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-confirmation-option-cancel .yotpo-action-button-widget .yotpo-button-style .yopto-widget-button-text { font-size:var(--fs-btn-sm); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05) } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-no-background .yotpo-copy-code-button { margin-left: -.8rem; margin-right: -.8rem; height: 3.2rem; width: auto; padding-left: 0; padding-right: 0 } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-no-background .yotpo-copy-code-button .yotpo-copy-code-text { font-size: 1.2rem!important; line-height: 1.3!important; letter-spacing: .012rem!important } .account-rewards-page .yotpo-coupons-redemption-widget .yotpo-redemption-no-background .yotpo-copy-code-button .yotpo-copy-icon { height: 1.2rem; width: 1.2rem } } quick-add-modal .product__info-container--ab-test>*+* { margin-top: 1.2rem; margin-bottom: 1.2rem } @media not all and (min-width: 768px) { quick-add-modal .product__info-container--ab-test .product__text { font-size:14px; line-height: 1.3; letter-spacing: .014000000000000002rem } } quick-add-modal .product__info-container--ab-test .product__buy-buttons--v1 .rc_block__type:last-child { margin-bottom: 2rem } quick-add-modal .product__info-container--ab-test .product__buy-buttons--v1 .rc_block__type .rc_description ul { margin-top: 1.6rem } quick-add-modal .product__info-container--ab-test .product__buy-buttons--v1 .rc_block__type .rc_label__deliver_every li *::marker { font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } quick-add-modal .product__info-container--ab-test .product__buy-buttons--v1 .rc_block__type .rc_label__deliver_every li::marker { font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } quick-add-modal .product__info-container--ab-test .rc_block__type .rc_text { font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } quick-add-modal .product__info-container--ab-test .rc_block__type .rc_text .rc_text_price--regular { font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem } quick-add-modal .product__info-container--ab-test .rc_block__type--active .rc_text { font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } quick-add-modal .product__info-container--ab-test .rc_block__type .rc_description>*:not(h1,h2,h3,h4,h5) { font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } quick-add-modal .product__info-container--ab-test .rc_block__type .rc_label__deliver_every .rc_select__frequency { font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } quick-add-modal .product__info-container--ab-test .product__see-more { display: block } quick-add-modal .product__media-wrapper--ab-test .product-media-container .media { height: 35rem; padding-top: 0 } @media (min-width: 768px) { quick-add-modal .product__media-wrapper--ab-test .product-media-container .media { height:45rem } } quick-add-modal .product__media-wrapper--ab-test .product-media-container .media img { -o-object-fit: contain; object-fit: contain } .ingredient-accordion { border-width: .1rem; border-style: solid; border-color: var(--pinkLight); background-color: var(--white) } .ingredient-accordion summary { -webkit-tap-highlight-color: rgba(0,0,0,0); position: relative; display: flex; min-height: 6rem; align-items: center; justify-content: space-between; gap: 2rem; padding-right: 24px } @media (min-width: 1024px) { .ingredient-accordion summary { min-height:10rem } } .ingredient-accordion__title { margin-bottom: 0; display: inline-block; flex: 1 1 0%; padding-top: 2rem; padding-bottom: 2rem; font-family: var(--font-haasGrotesk); font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem; font-weight: 700; color: var(--softBlack) } .product__text.ingredient-accordion__title+.ingredients-modal__opener.inline:before { padding-left: 4px; font-weight: 700; --tw-content: "·"; content: var(--tw-content) } @media (min-width: 1024px) { .ingredient-accordion__title { font-size:1.8rem; line-height: 1.3; letter-spacing: .018rem } } .ingredient-accordion__title em { font-weight: 400 } .ingredient-accordion__title strong { font-family: var(--font-haasGrotesk) } .ingredient-accordion__title~.icon-minus { display: none } .unit-price.ingredient-accordion__title~.icon-minus { display: none } .ingredient-accordion__content>.rte.page-content * { font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } @media (min-width: 1024px) { .ingredient-accordion__content>.rte.page-content * { font-size:1.8rem; line-height: 1.3; letter-spacing: .018rem } } .ingredient-accordion details[open] summary .icon-plus { display: none } .unit-price.ingredient-accordion details[open] summary .icon-plus { display: none } .ingredient-accordion details[open] summary .icon-minus { display: block } .product-upsells .product-upsells__header .badge { padding-top: .8rem; padding-bottom: .8rem } .product-upsells .upsell-product { position: relative } .product-upsells .upsell-product:before { position: absolute; right: 14px; top: 14px; z-index: 1; display: block; height: 14px; width: 14px; background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.85714%208.8L10.4286%204L11%204.6L5.85714%2010L3%207L3.57143%206.4L5.85714%208.8Z%22%20stroke%3D%222%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E); --tw-content: ""; content: var(--tw-content) } .product-upsells .upsell-product:after { position: absolute; right: 14px; top: 14px; display: block; height: 14px; width: 14px; border-radius: .2rem; border-width: .1rem; border-style: solid; border-color: var(--softBlack); background-color: var(--white); --tw-content: ""; content: var(--tw-content) } .product-upsells .upsell-product--selected:after { content: var(--tw-content); background-color: var(--softBlack) } .product-upsells .upsell-product .card { flex-direction: row; align-items: flex-start; gap: 2rem } .product-upsells .upsell-product .card .card__inner { max-width: 9rem } @media (min-width: 768px) { .product-upsells .upsell-product .card .card__inner { max-width:14.5rem } } .product-upsells .upsell-product .card .card__heading { padding-right: 2rem } .product-upsells .upsell-product .card .splide__pagination { gap: .2rem; padding: .6rem } @media (min-width: 768px) { .product-upsells .upsell-product .card .splide__pagination { padding:1rem } } .product-upsells .upsell-product .card .splide__pagination li { line-height: 0 } .product-upsells .upsell-product .card .splide__pagination li .splide__pagination__page { height: 4px; width: 4px } @media (min-width: 768px) { .product-upsells .upsell-product .card .splide__pagination li .splide__pagination__page { height:.6rem; width: .6rem } } .product-upsells .upsell-product .card .badge { position: absolute; top: .6rem; right: .6rem; padding: 4px .8rem; font-size: .6rem } @media (min-width: 768px) { .product-upsells .upsell-product .card .badge { top:1rem; right: 1rem; padding: .8rem 1rem; font-size: 1rem } } .product-upsells .upsell-product .card .card__information { padding-top: 0; padding-bottom: 0 } .product-upsells .upsell-product .card .card__information .price-item { font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem } @media (min-width: 768px) { .product-upsells .upsell-product .card .card__information .price-item { font-size:1.6rem; line-height: 1.3; letter-spacing: .016rem } } .product-upsells .upsell-product .rating { pointer-events: none } .product-upsells .product-upsells__footer .button { min-width: 100%; border-color: var(--pinkLight); color: var(--pinkLight); transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .product-upsells .product-upsells__footer .button:hover { background-color: var(--pinkLight); color: var(--white) } .product-upsells .product-upsells__footer .button:focus { background-color: var(--pinkLight); color: var(--white) } .product-upsells .product-upsells__footer .button:disabled { border-color: var(--grey-6); color: var(--grey-6) } .product-upsells .product-upsells__footer .button:hover:disabled { background-color: var(--transparent); color: var(--grey-6) } @media (min-width: 640px) { .product-upsells .product-upsells__footer .button { min-width:42.7rem } } .product-upsells .product-upsells__footer .badge--sns { background-color: var(--teal-2); letter-spacing: 0em; color: var(--tealDeco) } .product-upsells .product-upsells__footer .badge--otp { background-color: var(--white); text-transform: none; letter-spacing: 0em; color: var(--grey-7) } marquee-text { overflow: hidden } marquee-text.predictive-search--has-content { position: fixed; top: 0; left: 0; right: 0; bottom: 0 } marquee-text { display: block; overflow: hidden } bodymarquee-text #attentive_overlay { z-index: 25 } marquee-text { --marquee-animation-duration: 30s } .announcement-bar__scrolling-list { display: flex; overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none } .announcement-bar__scrolling-list::-webkit-scrollbar { display: none } .announcement-bar__item-group { display: flex; white-space: nowrap; animation: scroll-marquee var(--marquee-animation-duration, 30s) linear infinite } .announcement-bar__item { display: flex; align-items: center } .announcement-bar__item a:hover { color: inherit } .pause-on-hover .announcement-bar__item-group { animation-play-state: running } .pause-on-hover:hover .announcement-bar__item-group { animation-play-state: paused } @keyframes scroll-marquee { 0% { transform: translate(0) } to { transform: translate(-50%) } } marquee-text p,marquee-text span { margin-bottom: 0; display: inline-block; white-space: nowrap } marquee-text.product__text p+.ingredients-modal__opener.inline:before,marquee-text.product__text span+.ingredients-modal__opener.inline:before { padding-left: 4px; font-weight: 700; --tw-content: "·"; content: var(--tw-content) } .shape-circle { margin-left: 4rem; margin-right: 4rem; display: block; height: 4px; width: 4px; border-radius: 9999px; background-color: currentColor } .page-content *:first-child,.rte *:first-child { margin-top: 0 } .page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6,.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6 { margin-top: 40px; margin-bottom: 0 } .page-content h6,.rte h6 { font-size: var(--fs-h4-m); line-height: 1.2; letter-spacing: calc(var(--fs-h4-m) * .03) } @media (min-width: 768px) { .page-content h6,.rte h6 { font-size:var(--fs-h4); line-height: 1.2; letter-spacing: calc(var(--fs-h4) * .03) } } .page-content p,.rte p { margin-top: 30px; margin-bottom: 0; font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem } @media (min-width: 1024px) { .page-content p,.rte p { margin-top:40px; font-size: 2rem; line-height: 1.3; letter-spacing: .02rem } } .page-content a,.rte a { font-weight: 700; color: inherit; text-decoration-line: underline } .page-content blockquote,.rte blockquote { margin: 40px 0 0; border-width: 0; border-left-width: 6px; border-style: solid; border-color: var(--pinkLight); padding-left: 40px } @media (min-width: 1024px) { .page-content blockquote,.rte blockquote { border-left-width:8px } } .page-content blockquote p,.rte blockquote p { margin-top: 16px; font-family: var(--font-parafina); font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem; font-style: normal; color: var(--softBlack) } @media (min-width: 1024px) { .page-content blockquote p,.rte blockquote p { font-size:24px; line-height: 1.3; letter-spacing: .024rem } } .page-content blockquote h1,.page-content blockquote h2,.page-content blockquote h3,.page-content blockquote h4,.page-content blockquote h5,.page-content blockquote h6,.rte blockquote h1,.rte blockquote h2,.rte blockquote h3,.rte blockquote h4,.rte blockquote h5,.rte blockquote h6 { padding-top: 0 } .page-content figure,.rte figure { margin: 30px 0 0; width: 100%; padding: 0; line-height: 1 } .page-content figcaption,.rte figcaption { margin-top: 20px; font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem } .page-content img,.rte img { width: 100% } .page-content iframe,.rte iframe { aspect-ratio: 16 / 9; height: auto; width: 100% } .page-content ul,.page-content ol,.rte ul,.rte ol { margin-top: 30px; margin-top: 4rem; display: flex; flex-direction: column; gap: 20px; padding-left: 24px } @media (min-width: 1024px) { .page-content ul,.page-content ol,.rte ul,.rte ol { gap:30px } } .page-content li,.rte li { padding-left: 10px; font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem } @media (min-width: 1024px) { .page-content li,.rte li { font-size:2rem; line-height: 1.3; letter-spacing: .02rem } } .page-content .table-wrapper,.rte .table-wrapper { margin-top: 16px; overflow-x: auto; padding-bottom: 2rem } .page-content .table-wrapper::-webkit-scrollbar,.rte .table-wrapper::-webkit-scrollbar { height: 4px } .page-content .table-wrapper::-webkit-scrollbar-track,.rte .table-wrapper::-webkit-scrollbar-track { background-color: var(--grey-4) } .page-content .table-wrapper::-webkit-scrollbar-thumb,.rte .table-wrapper::-webkit-scrollbar-thumb { background-color: var(--pinkLight) } .page-content table,.rte table { width: auto; border-width: .1rem; border-style: solid; border-color: var(--softBlack); text-align: left; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } @media (min-width: 1024px) { .page-content table,.rte table { width:100% } } .page-content td,.page-content th,.rte td,.rte th { min-width: 250px; border-width: .1rem!important; border-style: solid!important; border-color: var(--softBlack)!important } @media (min-width: 1024px) { .page-content td,.page-content th,.rte td,.rte th { min-width:0px } } .page-content th,.rte th { background-color: var(--grey-1)!important; font-size: 14px!important; line-height: 1.3!important; letter-spacing: .014000000000000002rem!important; font-weight: 700!important; color: var(--black)!important } .page-content td,.rte td { font-size: 14px!important; line-height: 1.3!important; letter-spacing: .014000000000000002rem!important; color: var(--black)!important } .page-content thead,.rte thead { border-width: 0; border-top-width: .2rem; border-style: solid; border-color: var(--softBlack) } .product-grid--dense { display: grid!important; grid-auto-flow: row dense; -moz-column-gap: var(--grid-mobile-horizontal-spacing); column-gap: var(--grid-mobile-horizontal-spacing) } @media (min-width: 1024px) { .product-grid--dense { -moz-column-gap:var(--grid-desktop-horizontal-spacing); column-gap: var(--grid-desktop-horizontal-spacing) } } .product-grid--dense .grid__item { grid-row: span 2 / span 2; display: grid!important; width: 100%; max-width: 100%; grid-template-rows: subgrid; padding-bottom: var(--grid-mobile-vertical-spacing) } @media (min-width: 1024px) { .product-grid--dense .grid__item { padding-bottom:var(--grid-desktop-vertical-spacing) } } .product-grid--dense .grid__item .card-wrapper,.product-grid--dense .grid__item .card { grid-row: span 2 / span 2; display: grid!important; width: 100%; max-width: 100%; grid-template-rows: subgrid } .product-grid--dense .grid__item.promo-tile .promo-tile__link:hover~.promo-tile__content .promo-tile__button:after { right: -.8rem; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .2s } .product-grid--dense .grid__item.promo-tile .ratio.has-video:before { padding-bottom: var(--ratio-percent-video) } .product-grid--dense .grid__item.promo-tile .promo-tile__video { position: absolute; top: 0; left: 0; height: 100%; width: 100%; max-width: 100% } .product-grid--dense .grid__item.promo-tile .promo-tile__description a:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; height: 100%; width: 100%; --tw-content: ""; content: var(--tw-content) } .product-grid--dense .grid__item.promo-tile .promo-tile__description:last-child { margin-bottom: 0 } @media not all and (min-width: 1024px) { .product-grid--dense .grid__item.promo-tile.promo-tile--mobile-layout-horizontal:not(.promo-tile--no-content) .card { grid-template-columns:repeat(2,minmax(0,1fr)) } .product-grid--dense .grid__item.promo-tile.promo-tile--mobile-layout-horizontal:not(.promo-tile--no-content) .card>div { grid-row: span 2 / span 2 } .product-grid--dense .grid__item.promo-tile.promo-tile--mobile-layout-horizontal:not(.promo-tile--no-content) .card .promo-tile__content { align-content: center } } @media (min-width: 1024px) { .product-grid--dense .grid__item.promo-tile.promo-tile--desktop-layout-horizontal:not(.promo-tile--no-content) .card { grid-template-columns:repeat(2,minmax(0,1fr)) } .product-grid--dense .grid__item.promo-tile.promo-tile--desktop-layout-horizontal:not(.promo-tile--no-content) .card>div { grid-row: span 2 / span 2 } .product-grid--dense .grid__item.promo-tile.promo-tile--desktop-layout-horizontal:not(.promo-tile--no-content) .card .promo-tile__content { align-content: center } } #rebuy-cart .rebuy-cart__flyout { z-index: 21474836380; margin: 0; width: 100%; max-width: 544px; border-radius: 0 } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-header { background-color: var(--softBlack); padding: 1.5rem } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-header .rebuy-cart__flyout-title { text-align: left; font-family: var(--font-haasGrotesk); font-size: 1.6rem; font-weight: 500; text-transform: capitalize; letter-spacing: .1em; color: var(--white) } @media (min-width: 768px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-header .rebuy-cart__flyout-title { font-size:14px } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-header .rebuy-cart__flyout-close { display: flex; min-height: 0px; align-items: center; justify-content: center; font-size: 2.5rem } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__progress-bar-container { margin-left: 3rem; margin-right: 3rem; border-bottom-width: .1rem; border-color: var(--softBlack); padding-left: 0; padding-right: 0; padding-bottom: 1.2rem; padding-top: .8rem } @media (min-width: 480px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__progress-bar-container { padding-top:1rem; padding-bottom: 1.5rem } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__progress-bar-container .rebuy-cart__progress-bar-meter { margin-top: 1.5rem; margin-bottom: 1.5rem; height: 4px; border-radius: 0; background-color: var(--grey-4) } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__progress-bar-container .rebuy-cart__progress-bar-meter-fill { height: 4px; border-radius: 0; background-color: var(--pinkLight) } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__progress-bar-container .rebuy-cart__progress-bar-prompt { margin-top: 1.5rem; font-family: var(--font-haasGrotesk); font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem } @media (min-width: 768px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__progress-bar-container .rebuy-cart__progress-bar-prompt { font-size:14px; line-height: 1.3; letter-spacing: .014000000000000002rem } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-content { overflow-y: auto } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items>:not([hidden])~:not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(.1rem * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(.1rem * var(--tw-divide-y-reverse)); border-color: var(--softBlack) } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items { border-style: none } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item { margin-left: 3rem; margin-right: 3rem; padding-top: 1.5rem; padding-bottom: 1.5rem } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-info { align-content: space-between; align-self: stretch } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-product-title { display: block; font-family: var(--font-parafinaBold); font-size: 1.8rem; text-transform: uppercase; color: var(--softBlack) } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-price { margin-top: 1rem; width: 100%; text-align: left; font-family: var(--font-haasGrotesk); font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; color: var(--softBlack) } @media (min-width: 640px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-price { font-size:14px; line-height: 1.3; letter-spacing: .014000000000000002rem } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-price .rebuy-money.sale { font-weight: 700; color: var(--softBlack) } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-price .rebuy-money.compare-at { color: var(--softBlack) } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-discount-message { font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; font-weight: 700; color: var(--pinkLight) } @media (min-width: 768px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-discount-message { font-size:14px; line-height: 1.3; letter-spacing: .014000000000000002rem } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-quantity { display: flex; width: auto; justify-content: flex-end } @media (min-width: 480px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-quantity { position:absolute; bottom: 0 } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-quantity>select { text-align: center; height: 3.2rem; width: 5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: 14px .7rem; background-position: 85% center; padding-right: 1.2rem; font-family: var(--font-haasGrotesk); font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; font-weight: 700; color: var(--softBlack); -moz-text-align-last: center; text-align-last: center } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-quantity>select:focus-visible { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px } @media (min-width: 768px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-quantity>select { width:54px } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-remove { font-size: 1.8rem; color: var(--softBlack) } @media not all and (min-width: 640px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-subscription { padding-right:1rem } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-subscription .rebuy-select { min-height: -moz-fit-content; min-height: fit-content; width: -moz-fit-content; width: fit-content; white-space: normal; border-radius: 0; border-style: none; background-color: var(--transparent); background-image: none; padding-left: 0; padding-right: 0; font-family: var(--font-haasGrotesk); font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; color: var(--softBlack); text-decoration-line: underline; outline: 2px solid transparent!important; outline-offset: 2px!important } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-subscription .rebuy-select:focus-visible { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px } @media not all and (min-width: 640px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-subscription .rebuy-select { width:100%; text-align: left } } @media (min-width: 450px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-subscription .rebuy-select { font-size:14px; line-height: 1.3; letter-spacing: .014000000000000002rem } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-subscription .rebuy-button { width: auto; min-width: 12rem; border-style: none; background-color: var(--pinkLight); padding: 4px 1.6rem; font-size: 1.2rem; font-weight: 700; text-transform: uppercase } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-subscription .rebuy-button:hover { background-color: var(--pinkMid) } @media (max-width: 450px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item-subscription .rebuy-button { min-width:10.2rem } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-items .rebuy-cart__flyout-item .product-bottom-info { display: flex; width: 100%; flex-direction: row-reverse; justify-content: space-between } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-empty-cart .ql-align-center { font-family: var(--font-haasGrotesk); font-size: 1.8rem; font-weight: 700 } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-empty-cart .ql-align-center a { margin: auto; max-width: 32rem; border-radius: 6rem; border-width: 0; background-color: var(--pinkLight); padding-top: 1.2rem; padding-bottom: 1.2rem; font-size: 1.8rem; text-transform: uppercase } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-empty-cart .ql-align-center a:hover { background-color: var(--pinkMid); color: var(--white) } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-empty-cart-footer { padding: 0 } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-subtotal { margin-left: 3rem; margin-right: 3rem; display: block; width: calc(100% - 6rem); border-width: 0; border-top-width: .1rem; border-style: solid; border-color: var(--softBlack); padding-top: 1.5rem; padding-bottom: 1.5rem; font-size: 1.2rem; font-weight: 400; text-transform: uppercase; color: var(--softBlack) } @media (min-width: 768px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-subtotal { font-size:14px } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-subtotal .rebuy-cart__flyout-savings { display: flex; justify-content: space-between; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; color: var(--pinkLight) } @media (min-width: 768px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-subtotal .rebuy-cart__flyout-savings { font-size:14px } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations { background-color: var(--transparent); padding: 4.2rem 3rem 3rem } @media (min-width: 480px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations { padding-top:3.2rem } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget { background-color: var(--transparent) } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .primary-title { margin-bottom: 14px; margin-top: 0; text-align: left; font-size: 1.8rem; letter-spacing: .05em } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid:focus-visible { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid.flickity-enabled.is-draggable .flickity-viewport:focus-visible { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .rebuy-product-block { display: flex; border-radius: 1rem; border-style: none; padding: 0 } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .rebuy-product-block__inner { display: block; width: 100%; border-radius: 1rem; background-color: var(--product-bg-color,#F5F5F5); padding: 1.5rem 1.5rem 34px } @media (min-width: 480px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .rebuy-product-block__inner { display:flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: stretch; padding-bottom: 2.2rem } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-media { width: 9rem } @media (min-width: 480px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-media { width:7rem } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-info { width: calc(100% - 9rem); align-self: flex-start } @media (min-width: 480px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-info { width:calc(100% - 23rem) } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-info .rebuy-product-title { font-family: var(--font-parafinaBold); font-size: 1.6rem; text-transform: uppercase; line-height: 1; color: var(--softBlack) } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-info .rebuy-product-desc { margin-top: 4px; font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-actions { width: calc(100% - 9rem); padding-left: 2rem; padding-right: 2rem } @media (max-width: 479px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-actions { margin-top:1rem } } @media (min-width: 480px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-actions { width:13.6rem; padding-left: 0; padding-right: 0 } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-actions .rebuy-button { width: auto; min-width: 13.6rem; border-width: .1rem; border-style: solid; border-color: var(--softBlack); background-color: var(--white); font-weight: 700; text-transform: uppercase; color: var(--softBlack) } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-actions .rebuy-button:hover { background-color: var(--softBlack); color: var(--white) } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-actions .rebuy-button.working .rebuy-button-price,.unit-price#rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-actions .rebuy-button.working .rebuy-button-price { display: none } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .flickity-button { position: absolute; top: -3.7rem; display: flex; height: 28px; min-height: 28px; width: 28px; transform: none; align-items: center; justify-content: center; border-radius: 0 } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .flickity-button:focus { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .flickity-button.previous { left: auto; right: 4rem } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .flickity-button-icon { top: auto; left: auto; height: 14px; width: 14px; fill: var(--softBlack) } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .flickity-page-dots { bottom: 14px } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .flickity-page-dots .dot { height: 1rem; width: 1rem; border-radius: 9999px; border-width: .1rem; border-style: solid; border-color: var(--softBlack); background-color: var(--white); opacity: 1 } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-body .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid .flickity-page-dots .dot.is-selected { background-color: var(--softBlack) } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-footer { border-width: 0; border-top-width: .2rem; border-style: solid; border-color: var(--softBlack) } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-footer .rcsms-cart-widget__wrapper { margin-top: 0; justify-content: center } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-footer .rebuy-cart__taxes--ab-test,.unit-price#rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-footer .rebuy-cart__taxes--ab-test { display: none } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-footer .rebuy-cart__checkout-button { margin: auto; display: block; width: 100%; max-width: 32rem; border-radius: 6rem; border-width: 0; background-color: var(--pinkLight); font-family: var(--font-haasGrotesk); font-size: 1.8rem; font-weight: 700; text-transform: uppercase } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__flyout-footer .rebuy-cart__checkout-button:hover { background-color: var(--pinkMid) } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__gwp-upsell-wrapper { margin-left: 3rem; margin-right: 3rem; padding-top: 2rem; padding-bottom: 2rem } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__gwp-upsell-img { height: 81px; width: 81px } @media (min-width: 1024px) { #rebuy-cart .rebuy-cart__flyout .rebuy-cart__gwp-upsell-img { height:113px; width: 119px } } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__gwp-upsell-title { font-size: 2rem; line-height: 1.3; letter-spacing: .02rem } #rebuy-cart .rebuy-cart__flyout .rebuy-cart__gwp-upsell-subtitle { line-height: 2rem } #rebuy-cart shopify-accelerated-checkout-cart { --shopify-accelerated-checkout-inline-alignment: center; --shopify-accelerated-checkout-button-block-size: 36px } #attentive_overlay { z-index: 99!important } .product__info-container .rebuy-widget { background-color: var(--transparent)!important } .product__info-container .rebuy-widget .primary-title { margin-bottom: 2.2rem; margin-top: 0; text-align: left; font-family: var(--font-haasGrotesk); font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem; font-weight: 700; color: var(--softBlack) } .product__info-container .rebuy-widget .rebuy-product-grid:focus-visible { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px } .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block { display: flex; border-width: 0; border-bottom-width: .1rem; border-style: solid; border-color: var(--softBlack); padding-top: 1.6rem; padding-bottom: 1.6rem } .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block:first-child { padding-top: 0 } .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block:last-child { border-bottom-width: 0 } .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner { display: block; width: 100%; background-color: var(--white) } @media (min-width: 1024px) { .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner { display:flex; align-content: center; align-items: center; justify-content: stretch } } @media screen and (min-width: 480px) and (max-width: 767px) { .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner { display:flex; align-content: center; align-items: center; justify-content: stretch } } @media screen and (min-width: 768px) and (max-width: 1023px) { .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner { display:block; width: 100%; background-color: var(--white) } } .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-media { float: left; width: 9.6rem } @media (min-width: 1024px) { .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-media { float:none } } @media screen and (min-width: 480px) and (max-width: 767px) { .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-media { float:none } } @media screen and (min-width: 768px) and (max-width: 1023px) { .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-media { float:left } } .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-info { float: right; width: calc(100% - 9.6rem); padding-left: 14px; padding-right: 14px } @media (min-width: 1024px) { .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-info { float:none; padding-left: 2rem; padding-right: 2rem } } @media screen and (min-width: 480px) and (max-width: 767px) { .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-info { float:none; padding-left: 2rem; padding-right: 2rem } } @media screen and (min-width: 768px) and (max-width: 1023px) { .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-info { float:right; padding-left: 14px; padding-right: 14px } } .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-info .rebuy-product-title { margin-top: 0; font-family: var(--font-parafinaBold); font-size: 1.8rem; text-transform: uppercase; line-height: 1; color: var(--softBlack)!important } .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-info .rebuy-product-desc { margin-top: 4px; font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem } .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-actions { float: right; margin-top: 1.2rem; width: calc(100% - 9.6rem); padding-left: 14px; padding-right: 14px } @media (min-width: 1024px) { .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-actions { margin-top:0; width: 13.6rem; padding-left: 0; padding-right: 0 } } @media screen and (min-width: 480px) and (max-width: 767px) { .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-actions { float:none; margin-top: 0; width: 13.6rem; padding-left: 0; padding-right: 0 } } @media screen and (min-width: 768px) and (max-width: 1023px) { .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-actions { float:right; margin-top: 1.2rem; padding-left: 14px; padding-right: 14px } } .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-actions .rebuy-button { width: auto; min-width: 13.6rem; border-color: var(--color-btn); background-color: var(--color-btn); padding-left: 4px; padding-right: 4px; text-align: center; font-weight: 700; text-transform: uppercase; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-actions .rebuy-button:hover { border-color: var(--color-btn-hover); background-color: var(--color-btn-hover) } .product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-actions .rebuy-button.working .rebuy-button-price,.unit-price.product__info-container .rebuy-widget .rebuy-product-grid .rebuy-product-block .rebuy-product-block__inner .rebuy-product-actions .rebuy-button.working .rebuy-button-price,.product__info-container .rebuy-widget .powered-by-rebuy,.unit-price.product__info-container .rebuy-widget .powered-by-rebuy { display: none } .siteHeader.active+.content-for-layout .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__step-container { margin-top: -2rem } .siteHeader.active+.content-for-layout .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__step-header { top: 5.8rem } @media (min-width: 1180px) { .siteHeader.active+.content-for-layout .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__step-header { top:8.7rem } .siteHeader.active+.content-for-layout .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__layout--side_by_side .rebuy-bundle-builder__group-container,.siteHeader.active+.content-for-layout .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__layout--side_by_side_tabs .rebuy-bundle-builder__group-container,.siteHeader.active+.content-for-layout .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__layout--side_by_side_collapsible .rebuy-bundle-builder__group-container { top: 16.1rem } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder { background-color: var(--white) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__main { margin-left: auto; margin-right: auto; width: 100%; max-width: 1440px; padding-left: 28px; padding-right: 28px } @media (max-width: 1100px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__main { padding-left:28px!important; padding-right: 28px!important } } @media (min-width: 1024px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__main { padding-left:56px; padding-right: 56px } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__main-body { gap: 3.2rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__step-container { margin-top: -3rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__step-header { padding-left: 0; padding-right: 0; padding-top: 6rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__step-header-copy-container { gap: .8rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__step-header-title { font-size: 24px!important; line-height: 1.3!important; letter-spacing: .024rem!important } @media (min-width: 1024px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__step-header-title { font-size:3rem!important; line-height: 1.3!important; letter-spacing: .03rem!important } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__step-header-description { font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } @media (min-width: 1024px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__step-header-description { font-size:1.8rem; line-height: 1.3; letter-spacing: .018rem } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__scroll-to-button { color: var(--softBlack) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__scroll-to-button span { font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } @media not all and (min-width: 1024px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__group-container-header-expand { min-height:0px; padding-top: 0; padding-bottom: 0 } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__step-body.rebuy-product-grid.start-column { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); -moz-column-gap: 1.6rem; column-gap: 1.6rem; row-gap: 28px; padding-top: 2rem } @media (min-width: 1024px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__step-body.rebuy-product-grid.start-column { grid-template-columns:repeat(3,minmax(0,1fr)); -moz-column-gap: 24px; column-gap: 24px; row-gap: 4rem } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__step-body.rebuy-product-grid .rebuy-product-block { width: 100%; padding: 0 } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-product-block .rebuy-product-info .rebuy-product-title { font-family: var(--font-parafinaBold); margin-top: 2rem; font-size: var(--fs-sh-m); line-height: 1.2; letter-spacing: calc(var(--fs-sh-m) * .03); text-transform: uppercase; color: var(--softBlack); transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } @media (min-width: 1024px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-product-block .rebuy-product-info .rebuy-product-title { font-family:var(--font-parafinaBold) } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-product-block .rebuy-product-info .rebuy-product-title:hover { color: var(--pinkLight) } @media (min-width: 1024px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-product-block .rebuy-product-info .rebuy-product-title { margin-top:28px; font-size: var(--fs-sh-sm); line-height: 1.2; letter-spacing: calc(var(--fs-sh-sm) * .03) } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-variant-title { margin-bottom: 0; margin-top: .8rem; font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; color: var(--softBlack) } @media (min-width: 1024px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-variant-title { font-size:2rem; line-height: 1.3; letter-spacing: .02rem } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-product-block .rebuy-product-info .rebuy-product-price { margin-top: 0; font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; font-weight: 700 } @media (min-width: 1024px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-product-block .rebuy-product-info .rebuy-product-price { font-size:2rem; line-height: 1.3; letter-spacing: .02rem } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-product-block .rebuy-product-info .rebuy-product-price .rebuy-money { color: var(--softBlack) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-product-block .rebuy-product-info .rebuy-product-price .rebuy-money.compare-at { font-weight: 500; color: var(--grey-6) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__item-quantity-widget { overflow: hidden } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__item-quantity-widget.predictive-search--has-content { position: fixed; top: 0; left: 0; right: 0; bottom: 0 } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__item-quantity-widget { overflow: hidden; border-radius: 9999px; border-color: var(--grey-4) } body.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__item-quantity-widget #attentive_overlay { z-index: 25 } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__item-quantity-widget-button { min-height: calc(3rem + var(--buttons-border-width) * 2)!important } @media (min-width: 1024px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__item-quantity-widget-button { min-height:calc(4.8rem + var(--buttons-border-width) * 2)!important } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__item-quantity-widget-label { display: flex; height: auto; align-items: center; justify-content: center; border-color: var(--grey-4) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-product-block .rebuy-product-actions { flex-direction: column-reverse; align-items: center; gap: 1.6rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__product-quantity { width: 100% } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary) { --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset); --shadow-vertical-offset: var(--buttons-shadow-vertical-offset); --shadow-blur-radius: var(--buttons-shadow-blur-radius); --shadow-opacity: var(--buttons-shadow-opacity); --shadow-visible: var(--buttons-shadow-visible); --border-offset: var(--buttons-border-offset); --border-opacity: calc(1 - var(--buttons-border-opacity)); border-radius: var(--buttons-radius-outset); position: relative; min-width: calc(12rem + var(--buttons-border-width) * 2); min-height: calc(4.5rem + var(--buttons-border-width) * 2); display: inline-flex; justify-content: center; align-items: center; border: 0; padding: 0 3rem; cursor: pointer; font: inherit; font-size: 1.5rem; text-decoration: none; color: rgb(var(--color-button-text)); transition: box-shadow var(--duration-short) ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(var(--color-button),var(--alpha-button-background)) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: var(--buttons-radius-outset); box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):after { content: ""; position: absolute; top: var(--buttons-border-width); right: var(--buttons-border-width); bottom: var(--buttons-border-width); left: var(--buttons-border-width); z-index: 1; border-radius: var(--buttons-radius); box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)); transition: box-shadow var(--duration-short) ease } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):not([disabled]):hover:after { --border-offset: 1.3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background)) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):focus-visible,.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):focus,.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary).focused { outline: 0; box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem 4px rgba(var(--color-foreground),.3) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):focus:not(:focus-visible):not(.focused) { box-shadow: inherit } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary)::-moz-selection { background-color: rgba(var(--color-button-text),.3) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary)::selection { background-color: rgba(var(--color-button-text),.3) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary) { font-size: 1.5rem; letter-spacing: .1rem; line-height: calc(1 + .2 / var(--font-body-scale)) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):disabled,.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary)[aria-disabled=true],.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary).disabled { cursor: not-allowed; opacity: .5 } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary).loading { color: transparent; position: relative } @media screen and (forced-colors: active) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary).loading { color: rgb(var(--color-foreground)) } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary).loading>.loading__spinner { top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; height: 100%; display: flex; align-items: center } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary).loading>.loading__spinner .spinner { width: -moz-fit-content; width: fit-content } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary).loading>.loading__spinner .path { stroke: rgb(var(--color-button-text)) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary) { padding: 1.6rem 24px; text-align: center; font-size: var(--fs-btn); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); background-color: var(--color-btn) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):not([disabled]):hover:after { --border-offset: 1 } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):not(.button--sm,.button--tertiary,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: calc(54px + var(--buttons-border-width) * 2) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):before,.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):after { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary).button--sm { min-width: 15rem; padding-top: .8rem; padding-bottom: .8rem; font-size: var(--fs-btn-sm); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); min-height: calc(3rem + var(--buttons-border-width) * 2) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary) { font-weight: 700; text-transform: uppercase; background-color: var(--color-btn) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):hover,.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):focus { background-color: var(--color-btn-hover) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary) { min-height: calc(3rem + var(--buttons-border-width) * 2)!important; padding-top: .8rem; padding-bottom: .8rem; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } @media (forced-colors: active) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary) { border: transparent solid 1px } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):focus-visible,.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):focus,.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary).focused { outline: solid transparent 1px } } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .animate--hover-3d-lift .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):not(.button--tertiary) { transition:transform var(--duration-long) ease,box-shadow var(--duration-long) ease; transform-origin: center } .animate--hover-3d-lift .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):not(.button--tertiary):not([disabled]):hover { transition: transform var(--duration-extended) ease,box-shadow var(--duration-long) ease; transform: rotate(1deg); box-shadow: -1rem -1rem 1rem -1rem #0000000d,1rem 1rem 1rem -1rem #0000000d,0 0 .5rem #fff0,0 2rem 3.5rem -2rem #00000080 } .animate--hover-vertical-lift .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):not(.button--tertiary) { transition: transform var(--duration-default) var(--ease-out-slow) } .animate--hover-vertical-lift .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):not(.button--tertiary):not([disabled]):hover { transform: translateY(-.25rem) } .animate--hover-vertical-lift .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):not(.button--tertiary):not([disabled]):active { transform: translateY(0) } .animate--hover-vertical-lift .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):not([disabled]):hover:after { --border-offset: .3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)) } .animate--hover-vertical-lift .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):not([disabled]).button--secondary:hover:after { --border-offset: 0px } } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):hover { background-color: var(--color-btn) } .product-upsells .product-upsells__footer .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary) { min-width: 100%; border-color: var(--pinkLight); color: var(--pinkLight); transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .product-upsells .product-upsells__footer .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):hover { background-color: var(--pinkLight); color: var(--white) } .product-upsells .product-upsells__footer .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):focus { background-color: var(--pinkLight); color: var(--white) } .product-upsells .product-upsells__footer .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):disabled { border-color: var(--grey-6); color: var(--grey-6) } .product-upsells .product-upsells__footer .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary):hover:disabled { background-color: var(--transparent); color: var(--grey-6) } @media (min-width: 640px) { .product-upsells .product-upsells__footer .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary) { min-width:42.7rem } } @media not all and (min-width: 1024px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary) { padding-left:1.2rem; padding-right: 1.2rem; font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem } } @media (min-width: 1024px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button:not(.secondary) { min-height:calc(4.8rem + var(--buttons-border-width) * 2)!important } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button.secondary { min-height: 0px!important; border-style: none; padding: 0; font-size: 1.8rem; line-height: 1.3; letter-spacing: .018rem; font-weight: 700; text-transform: uppercase; color: var(--pinkLight); text-decoration-line: underline; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button.secondary:hover { color: var(--pinkMid) } @media not all and (min-width: 1024px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-button.secondary { font-size:1.2rem; line-height: 1.3; letter-spacing: .012rem } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__cta-container .rebuy-button:not(.secondary) { min-height: calc(4.8rem + var(--buttons-border-width) * 2)!important; font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem } @media not all and (min-width: 1024px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__cta-container .rebuy-button:not(.secondary) { font-size:14px; line-height: 1.3; letter-spacing: .014000000000000002rem } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__layout--side_by_side .rebuy-bundle-builder__group-container,.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__layout--side_by_side_tabs .rebuy-bundle-builder__group-container,.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__layout--side_by_side_collapsible .rebuy-bundle-builder__group-container { border-color: var(--black) } @media (max-width: 1179px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__layout--side_by_side .rebuy-bundle-builder__group-container,.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__layout--side_by_side_tabs .rebuy-bundle-builder__group-container,.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__layout--side_by_side_collapsible .rebuy-bundle-builder__group-container { z-index:10000000000; overflow-y: auto } } @media (min-width: 1180px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__layout--side_by_side .rebuy-bundle-builder__group-container,.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__layout--side_by_side_tabs .rebuy-bundle-builder__group-container,.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__layout--side_by_side_collapsible .rebuy-bundle-builder__group-container { top:6.2rem } } @media (max-width: 1179px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__layout--side_by_side .rebuy-bundle-builder__group-container.expanded,.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__layout--side_by_side_tabs .rebuy-bundle-builder__group-container.expanded,.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__layout--side_by_side_collapsible .rebuy-bundle-builder__group-container.expanded { height:100vh } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__group-container-inner { padding: 24px } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__group-container-header { margin-bottom: 1.2rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__group-container-header--left { gap: 1.6rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__group-container-header-title { font-family: var(--font-parafinaBold); font-size: 24px; line-height: 1.3; letter-spacing: .024rem; text-transform: uppercase; color: var(--softBlack) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__group-container-header-title-count { font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem; color: var(--softBlack) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__group-container-progress-bar,.unit-price.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__group-container-progress-bar { display: none } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__group-container-body { gap: 24px } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__product-holder-template { border-color: var(--grey-4); padding: 1.2rem 1.6rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__product-sign-holder { margin-right: 1.2rem; border-radius: 0; border-color: var(--softBlack); padding: 3.2rem 28px } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__product-holder-detail-title { font-family: var(--font-body-family); font-size: 14px!important; line-height: 1.3!important; letter-spacing: .014000000000000002rem!important; font-weight: 700; color: var(--softBlack) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__product-holder-media img { height: 100% } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__product-holder-info-title { font-family: var(--font-parafinaBold); font-size: var(--fs-sh-m); line-height: 1.2; letter-spacing: calc(var(--fs-sh-m) * .03); color: var(--softBlack) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__product-holder-info-variant { margin-top: 4px; font-size: 14px; line-height: 1.3; letter-spacing: .014000000000000002rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__product-holder-info-price .rebuy-money { font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; font-weight: 700; color: var(--softBlack) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__product-holder-info-price .rebuy-money.compare-at { font-weight: 500; color: var(--grey-6) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__subscription-options { gap: 1.6rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-cta { border-color: var(--grey-7); padding: 2rem 1.6rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-cta.rebuy-bundle-builder__action-box-cta--disabled { background-color: var(--white) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-cta:has(.radio-input:checked) { border-width: .2rem; border-color: var(--softBlack); background-color: var(--cream) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-top { flex-wrap: wrap; align-items: center; justify-content: flex-start } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-radio-label { padding-left: 3.2rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-radio-label .radio-input { top: 50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-color: var(--softBlack); background-color: var(--transparent); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-radio-label .radio-input:before { content: ""; height: .8rem; width: .8rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-radio { border-width: .1rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-label { font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem; font-weight: 600 } @media (max-width: 375px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-label { font-size:14px; line-height: 1.3; letter-spacing: .014000000000000002rem } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-price>span { position: relative; display: flex; flex-direction: row-reverse; align-items: baseline; gap: 4px; padding-left: 1.6rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-price>span:before { position: absolute; top: -.2rem; left: .6rem; font-weight: 700; --tw-content: "-"; content: var(--tw-content) } @media (max-width: 375px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-price>span:before { content:var(--tw-content); top: -4px } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-price .rebuy-money { font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem; font-weight: 600; color: var(--softBlack) } @media (max-width: 375px) { .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-price .rebuy-money { font-size:14px; line-height: 1.3; letter-spacing: .014000000000000002rem } } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-price .rebuy-money.compare-at { font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; color: var(--grey-6) } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-bottom { padding-left: 3.2rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-bottom:empty { display: none } .unit-price.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-bottom:empty { display: none } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-description { padding-left: 0 } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-description>span { margin-left: 1.6rem; margin-bottom: .8rem; display: list-item; padding-left: 0 } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-details { display: none; padding-left: 0 } .unit-price.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-details { display: none } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-select { max-width: 20rem } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-saving,.unit-price.rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__action-box-saving { display: none } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-bundle-builder__group-container-action { margin-top: 24px } .rebuy-widget.rebuy-widget.rebuy-bundle-builder .rebuy-custom-price-el:not(:empty):before { content: "-"; margin-left: 4px } #rebuy-modal .rebuy-button.primary { --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset); --shadow-vertical-offset: var(--buttons-shadow-vertical-offset); --shadow-blur-radius: var(--buttons-shadow-blur-radius); --shadow-opacity: var(--buttons-shadow-opacity); --shadow-visible: var(--buttons-shadow-visible); --border-offset: var(--buttons-border-offset); --border-opacity: calc(1 - var(--buttons-border-opacity)); border-radius: var(--buttons-radius-outset); position: relative; min-width: calc(12rem + var(--buttons-border-width) * 2); min-height: calc(4.5rem + var(--buttons-border-width) * 2); display: inline-flex; justify-content: center; align-items: center; border: 0; padding: 0 3rem; cursor: pointer; font: inherit; font-size: 1.5rem; text-decoration: none; color: rgb(var(--color-button-text)); transition: box-shadow var(--duration-short) ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(var(--color-button),var(--alpha-button-background)) } #rebuy-modal .rebuy-button.primary:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: var(--buttons-radius-outset); box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)) } #rebuy-modal .rebuy-button.primary:after { content: ""; position: absolute; top: var(--buttons-border-width); right: var(--buttons-border-width); bottom: var(--buttons-border-width); left: var(--buttons-border-width); z-index: 1; border-radius: var(--buttons-radius); box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)); transition: box-shadow var(--duration-short) ease } #rebuy-modal .rebuy-button.primary:not([disabled]):hover:after { --border-offset: 1.3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background)) } #rebuy-modal .rebuy-button.primary:focus-visible,#rebuy-modal .rebuy-button.primary:focus,#rebuy-modal .rebuy-button.primary.focused { outline: 0; box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem 4px rgba(var(--color-foreground),.3) } #rebuy-modal .rebuy-button.primary:focus:not(:focus-visible):not(.focused) { box-shadow: inherit } #rebuy-modal .rebuy-button.primary::-moz-selection { background-color: rgba(var(--color-button-text),.3) } #rebuy-modal .rebuy-button.primary::selection { background-color: rgba(var(--color-button-text),.3) } #rebuy-modal .rebuy-button.primary { font-size: 1.5rem; letter-spacing: .1rem; line-height: calc(1 + .2 / var(--font-body-scale)) } #rebuy-modal .rebuy-button.primary:disabled,#rebuy-modal .rebuy-button.primary[aria-disabled=true],#rebuy-modal .rebuy-button.primary.disabled { cursor: not-allowed; opacity: .5 } #rebuy-modal .rebuy-button.primary.loading { color: transparent; position: relative } @media screen and (forced-colors: active) { #rebuy-modal .rebuy-button.primary.loading { color: rgb(var(--color-foreground)) } } #rebuy-modal .rebuy-button.primary.loading>.loading__spinner { top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; height: 100%; display: flex; align-items: center } #rebuy-modal .rebuy-button.primary.loading>.loading__spinner .spinner { width: -moz-fit-content; width: fit-content } #rebuy-modal .rebuy-button.primary.loading>.loading__spinner .path { stroke: rgb(var(--color-button-text)) } #rebuy-modal .rebuy-button.primary { padding: 1.6rem 24px; text-align: center; font-size: var(--fs-btn); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); background-color: var(--color-btn) } #rebuy-modal .rebuy-button.primary:not([disabled]):hover:after { --border-offset: 1 } #rebuy-modal .rebuy-button.primary:not(.button--sm,.button--tertiary,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: calc(54px + var(--buttons-border-width) * 2) } #rebuy-modal .rebuy-button.primary:before,#rebuy-modal .rebuy-button.primary:after { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } #rebuy-modal .rebuy-button.primary.button--sm { min-width: 15rem; padding-top: .8rem; padding-bottom: .8rem; font-size: var(--fs-btn-sm); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); min-height: calc(3rem + var(--buttons-border-width) * 2) } #rebuy-modal .rebuy-button.primary { font-weight: 700; text-transform: uppercase; background-color: var(--color-btn) } #rebuy-modal .rebuy-button.primary:hover,#rebuy-modal .rebuy-button.primary:focus { background-color: var(--color-btn-hover) } #rebuy-modal .rebuy-button.primary { min-height: calc(4.8rem + var(--buttons-border-width) * 2)!important; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } @media (forced-colors: active) { #rebuy-modal .rebuy-button.primary { border: transparent solid 1px } #rebuy-modal .rebuy-button.primary:focus-visible,#rebuy-modal .rebuy-button.primary:focus,#rebuy-modal .rebuy-button.primary.focused { outline: solid transparent 1px } } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .animate--hover-3d-lift #rebuy-modal .rebuy-button.primary:not(.button--tertiary) { transition:transform var(--duration-long) ease,box-shadow var(--duration-long) ease; transform-origin: center } .animate--hover-3d-lift #rebuy-modal .rebuy-button.primary:not(.button--tertiary):not([disabled]):hover { transition: transform var(--duration-extended) ease,box-shadow var(--duration-long) ease; transform: rotate(1deg); box-shadow: -1rem -1rem 1rem -1rem #0000000d,1rem 1rem 1rem -1rem #0000000d,0 0 .5rem #fff0,0 2rem 3.5rem -2rem #00000080 } .animate--hover-vertical-lift #rebuy-modal .rebuy-button.primary:not(.button--tertiary) { transition: transform var(--duration-default) var(--ease-out-slow) } .animate--hover-vertical-lift #rebuy-modal .rebuy-button.primary:not(.button--tertiary):not([disabled]):hover { transform: translateY(-.25rem) } .animate--hover-vertical-lift #rebuy-modal .rebuy-button.primary:not(.button--tertiary):not([disabled]):active { transform: translateY(0) } .animate--hover-vertical-lift #rebuy-modal .rebuy-button.primary:not([disabled]):hover:after { --border-offset: .3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)) } .animate--hover-vertical-lift #rebuy-modal .rebuy-button.primary:not([disabled]).button--secondary:hover:after { --border-offset: 0px } } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta#rebuy-modal .rebuy-button.primary:hover { background-color: var(--color-btn) } .product-upsells .product-upsells__footer #rebuy-modal .rebuy-button.primary { min-width: 100%; border-color: var(--pinkLight); color: var(--pinkLight); transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .product-upsells .product-upsells__footer #rebuy-modal .rebuy-button.primary:hover { background-color: var(--pinkLight); color: var(--white) } .product-upsells .product-upsells__footer #rebuy-modal .rebuy-button.primary:focus { background-color: var(--pinkLight); color: var(--white) } .product-upsells .product-upsells__footer #rebuy-modal .rebuy-button.primary:disabled { border-color: var(--grey-6); color: var(--grey-6) } .product-upsells .product-upsells__footer #rebuy-modal .rebuy-button.primary:hover:disabled { background-color: var(--transparent); color: var(--grey-6) } @media (min-width: 640px) { .product-upsells .product-upsells__footer #rebuy-modal .rebuy-button.primary { min-width:42.7rem } } #rebuy-modal .rebuy-button.outline { --color-button: var(--color-secondary-button); --color-button-text: var(--softBlack); --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset); --shadow-vertical-offset: var(--buttons-shadow-vertical-offset); --shadow-blur-radius: var(--buttons-shadow-blur-radius); --shadow-opacity: var(--buttons-shadow-opacity); --shadow-visible: var(--buttons-shadow-visible); --border-offset: var(--buttons-border-offset); --border-opacity: calc(1 - var(--buttons-border-opacity)); border-radius: var(--buttons-radius-outset); position: relative; min-width: calc(12rem + var(--buttons-border-width) * 2); min-height: calc(4.5rem + var(--buttons-border-width) * 2); display: inline-flex; justify-content: center; align-items: center; border: 0; padding: 0 3rem; cursor: pointer; font: inherit; font-size: 1.5rem; text-decoration: none; color: rgb(var(--color-button-text)); transition: box-shadow var(--duration-short) ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(var(--color-button),var(--alpha-button-background)) } #rebuy-modal .rebuy-button.outline:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: var(--buttons-radius-outset); box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)) } #rebuy-modal .rebuy-button.outline:after { content: ""; position: absolute; top: var(--buttons-border-width); right: var(--buttons-border-width); bottom: var(--buttons-border-width); left: var(--buttons-border-width); z-index: 1; border-radius: var(--buttons-radius); box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)); transition: box-shadow var(--duration-short) ease } #rebuy-modal .rebuy-button.outline:not([disabled]):hover:after { --border-offset: 1.3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background)) } #rebuy-modal .rebuy-button.outline:after { --border-opacity: var(--buttons-border-opacity) } #rebuy-modal .rebuy-button.outline:focus-visible,#rebuy-modal .rebuy-button.outline:focus,#rebuy-modal .rebuy-button.outline.focused { outline: 0; box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem 4px rgba(var(--color-foreground),.3) } #rebuy-modal .rebuy-button.outline:focus:not(:focus-visible):not(.focused) { box-shadow: inherit } #rebuy-modal .rebuy-button.outline::-moz-selection { background-color: rgba(var(--color-button-text),.3) } #rebuy-modal .rebuy-button.outline::selection { background-color: rgba(var(--color-button-text),.3) } #rebuy-modal .rebuy-button.outline { font-size: 1.5rem; letter-spacing: .1rem; line-height: calc(1 + .2 / var(--font-body-scale)) } #rebuy-modal .rebuy-button.outline:disabled,#rebuy-modal .rebuy-button.outline[aria-disabled=true],#rebuy-modal .rebuy-button.outline.disabled { cursor: not-allowed; opacity: .5 } #rebuy-modal .rebuy-button.outline.loading { color: transparent; position: relative } @media screen and (forced-colors: active) { #rebuy-modal .rebuy-button.outline.loading { color: rgb(var(--color-foreground)) } } #rebuy-modal .rebuy-button.outline.loading>.loading__spinner { top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; height: 100%; display: flex; align-items: center } #rebuy-modal .rebuy-button.outline.loading>.loading__spinner .spinner { width: -moz-fit-content; width: fit-content } #rebuy-modal .rebuy-button.outline.loading>.loading__spinner .path { stroke: rgb(var(--color-button-text)) } #rebuy-modal .rebuy-button.outline { padding: 1.6rem 24px; text-align: center; font-size: var(--fs-btn); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); background-color: var(--color-btn) } #rebuy-modal .rebuy-button.outline:not([disabled]):hover:after { --border-offset: 1 } #rebuy-modal .rebuy-button.outline:not(.button--sm,.button--tertiary,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: calc(54px + var(--buttons-border-width) * 2) } #rebuy-modal .rebuy-button.outline:before,#rebuy-modal .rebuy-button.outline:after { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } #rebuy-modal .rebuy-button.outline.button--sm { min-width: 15rem; padding-top: .8rem; padding-bottom: .8rem; font-size: var(--fs-btn-sm); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); min-height: calc(3rem + var(--buttons-border-width) * 2) } #rebuy-modal .rebuy-button.outline { border-width: .1rem; border-style: solid; border-color: var(--softBlack); font-weight: 700; text-transform: uppercase; color: var(--softBlack); background-color: var(--color-secondary-btn) } #rebuy-modal .rebuy-button.outline:hover,#rebuy-modal .rebuy-button.outline:focus { color: var(--white); background-color: var(--color-secondary-btn-hover) } #rebuy-modal .rebuy-button.outline.button--light { border-color: var(--white); color: var(--white) } #rebuy-modal .rebuy-button.outline.button--light:hover,#rebuy-modal .rebuy-button.outline.button--light:focus { background-color: var(--white); color: var(--softBlack) } #rebuy-modal .rebuy-button.outline { min-height: calc(4.8rem + var(--buttons-border-width) * 2)!important; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } @media (forced-colors: active) { #rebuy-modal .rebuy-button.outline { border: transparent solid 1px } #rebuy-modal .rebuy-button.outline:focus-visible,#rebuy-modal .rebuy-button.outline:focus,#rebuy-modal .rebuy-button.outline.focused { outline: solid transparent 1px } } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .animate--hover-3d-lift #rebuy-modal .rebuy-button.outline:not(.button--tertiary) { transition:transform var(--duration-long) ease,box-shadow var(--duration-long) ease; transform-origin: center } .animate--hover-3d-lift #rebuy-modal .rebuy-button.outline:not(.button--tertiary):not([disabled]):hover { transition: transform var(--duration-extended) ease,box-shadow var(--duration-long) ease; transform: rotate(1deg); box-shadow: -1rem -1rem 1rem -1rem #0000000d,1rem 1rem 1rem -1rem #0000000d,0 0 .5rem #fff0,0 2rem 3.5rem -2rem #00000080 } .animate--hover-vertical-lift #rebuy-modal .rebuy-button.outline:not(.button--tertiary) { transition: transform var(--duration-default) var(--ease-out-slow) } .animate--hover-vertical-lift #rebuy-modal .rebuy-button.outline:not(.button--tertiary):not([disabled]):hover { transform: translateY(-.25rem) } .animate--hover-vertical-lift #rebuy-modal .rebuy-button.outline:not(.button--tertiary):not([disabled]):active { transform: translateY(0) } .animate--hover-vertical-lift #rebuy-modal .rebuy-button.outline:not([disabled]):hover:after { --border-offset: .3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)) } .animate--hover-vertical-lift #rebuy-modal .rebuy-button.outline:not([disabled]).button--secondary:hover:after { --border-offset: 0px } .animate--hover-vertical-lift .button:not([disabled])#rebuy-modal .rebuy-button.outline:hover:after { --border-offset: 0px } } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta#rebuy-modal .rebuy-button.outline:hover { background-color: var(--color-secondary-btn); color: var(--softBlack) } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta#rebuy-modal .rebuy-button.outline.button--light { border-color: var(--white); color: var(--white) } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta#rebuy-modal .rebuy-button.outline.button--light:hover,[data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta#rebuy-modal .rebuy-button.outline.button--light:focus { border-color: var(--white); background-color: var(--transparent); color: var(--white) } .product-upsells .product-upsells__footer #rebuy-modal .rebuy-button.outline { min-width: 100%; border-color: var(--pinkLight); color: var(--pinkLight); transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .product-upsells .product-upsells__footer #rebuy-modal .rebuy-button.outline:hover { background-color: var(--pinkLight); color: var(--white) } .product-upsells .product-upsells__footer #rebuy-modal .rebuy-button.outline:focus { background-color: var(--pinkLight); color: var(--white) } .product-upsells .product-upsells__footer #rebuy-modal .rebuy-button.outline:disabled { border-color: var(--grey-6); color: var(--grey-6) } .product-upsells .product-upsells__footer #rebuy-modal .rebuy-button.outline:hover:disabled { background-color: var(--transparent); color: var(--grey-6) } @media (min-width: 640px) { .product-upsells .product-upsells__footer #rebuy-modal .rebuy-button.outline { min-width:42.7rem } } #rebuy-modal .rebuy-modal__product-options,.unit-price#rebuy-modal .rebuy-modal__product-options { display: none } @media not all and (min-width: 1024px) { #rebuy-modal .rebuy-modal__container-actions { flex-direction:column; align-items: center } #rebuy-modal .rebuy-modal__container-actions button { width: auto } } #attentive_overlay { z-index: 999!important } .vm-modal--open .ReactModal__Body--open #attentive_overlay { z-index: 40!important } iframe#chat-button,body.overflow-hidden #attentive_overlay { z-index: 25!important } #recharge-customer-portal .recharge-theme { --recharge-app-container: 100%; --recharge-color-brand-120: var(--pinkMid); --recharge-color-neutral: hsl(0, 35%, 7%); --recharge-color-neutral-80: hsl(0, 7%, 25%); --recharge-color-neutral-70: hsl(0, 5%, 35%); --recharge-color-neutral-40: hsl(0, 3%, 63%); --recharge-color-neutral-10: hsl(0, 2%, 91%); --recharge-button-secondary: #282828; --recharge-button-secondary-120: #111111; --recharge-button-secondary-60: #7e7e7e; --recharge-typography-scale: 1.6rem; --recharge-typography-primary: var(--softBlack); --recharge-typography-secondary: var(--softBlack); --recharge-views-background: #FCFAF9; --recharge-carousel-thumbnail-size: 25%; --recharge-typography-heading-font-family: var(--font-parafinaBold); --recharge-typography-heading-font-weight: 700; --recharge-typography-body-font-family: var(--font-body-family); --recharge-typography-body-font-weight: 400 } #recharge-customer-portal .recharge-container { margin-left: auto; margin-right: auto; width: 100%; max-width: 1440px; padding-left: 28px; padding-right: 28px } @media (min-width: 1024px) { #recharge-customer-portal .recharge-container { padding-left:56px; padding-right: 56px } } #recharge-customer-portal .recharge-container:before { content: var(--recharge-subscriptions-heading); font-family: var(--font-parafinaBold); margin: 0; text-align: left; font-family: var(--font-parafina); font-size: var(--fs-sh-sm); line-height: 1.2; letter-spacing: calc(var(--fs-sh-sm) * .03); font-weight: 400; text-transform: uppercase } #recharge-customer-portal .recharge-image { --recharge-corners-radius: 0; position: relative } #recharge-customer-portal .recharge-image>img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } #recharge-customer-portal .recharge-heading.recharge-heading-h3 { font-family: var(--font-parafinaBold); font-size: var(--fs-sh-m); line-height: 1.2; letter-spacing: calc(var(--fs-sh-m) * .03); text-transform: uppercase } #recharge-customer-portal [data-testid=product-price] { font-size: 1.2rem; line-height: 1.3; letter-spacing: .012rem; font-weight: 700 } @media (min-width: 768px) { #recharge-customer-portal [data-testid=product-price] { font-size:2rem; line-height: 1.3; letter-spacing: .02rem } } #recharge-customer-portal .recharge-section-product-carousel { --recharge-corners-radius: 16px } #recharge-customer-portal .recharge-section-product-carousel .recharge-heading-h2 { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: calc(var(--font-heading-scale) * .06rem); color: rgb(var(--color-foreground)); line-height: calc(1 + .3/max(1,var(--font-heading-scale))); word-break: break-word; font-size: calc(var(--font-heading-scale) * 1.7rem) } @media only screen and (min-width: 750px) { #recharge-customer-portal .recharge-section-product-carousel .recharge-heading-h2 { font-size:calc(var(--font-heading-scale) * 1.8rem) } } #recharge-customer-portal .recharge-section-product-carousel .recharge-heading-h2 .icon-arrow { width: calc(var(--font-heading-scale) * 1.5rem) } #recharge-customer-portal .recharge-section-product-carousel .recharge-heading-h2 { margin-top: 0; margin-bottom: 24px; font-family: var(--font-parafina) } @media (min-width: 768px) { #recharge-customer-portal .recharge-section-product-carousel .recharge-heading-h2 { margin-bottom:4rem } } #recharge-customer-portal .recharge-section-product-carousel .recharge-heading-h2:not([class*=leading-]) { line-height: 1!important } #recharge-customer-portal .recharge-section-product-carousel .recharge-heading-h2 strong { font-family: var(--font-parafinaBold) } #recharge-customer-portal .recharge-section-product-carousel .recharge-heading-h2 { --font-heading-scale: calc(4.8/1.8); font-size: var(--fs-h3-m); line-height: 1.2; letter-spacing: calc(var(--fs-h3-m) * .03); font-weight: 400 } @media (min-width: 768px) { #recharge-customer-portal .recharge-section-product-carousel .recharge-heading-h2 { font-size:var(--fs-h3); line-height: 1.2; letter-spacing: calc(var(--fs-h3) * .03) } } #recharge-customer-portal .recharge-card .recharge-heading-h1 { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: calc(var(--font-heading-scale) * .06rem); color: rgb(var(--color-foreground)); line-height: calc(1 + .3/max(1,var(--font-heading-scale))); word-break: break-word; font-size: calc(var(--font-heading-scale) * 1.7rem) } @media only screen and (min-width: 750px) { #recharge-customer-portal .recharge-card .recharge-heading-h1 { font-size:calc(var(--font-heading-scale) * 1.8rem) } } #recharge-customer-portal .recharge-card .recharge-heading-h1 .icon-arrow { width: calc(var(--font-heading-scale) * 1.5rem) } #recharge-customer-portal .recharge-card .recharge-heading-h1 { margin-top: 0; margin-bottom: 24px; font-family: var(--font-parafina) } @media (min-width: 768px) { #recharge-customer-portal .recharge-card .recharge-heading-h1 { margin-bottom:4rem } } #recharge-customer-portal .recharge-card .recharge-heading-h1:not([class*=leading-]) { line-height: 1!important } #recharge-customer-portal .recharge-card .recharge-heading-h1 strong { font-family: var(--font-parafinaBold) } #recharge-customer-portal .recharge-card .recharge-heading-h1 { --font-heading-scale: calc(4.8/1.8); font-size: var(--fs-h3-m); line-height: 1.2; letter-spacing: calc(var(--fs-h3-m) * .03); font-weight: 400 } @media (min-width: 768px) { #recharge-customer-portal .recharge-card .recharge-heading-h1 { font-size:var(--fs-h3); line-height: 1.2; letter-spacing: calc(var(--fs-h3) * .03) } } #recharge-customer-portal .recharge-card .recharge-heading-h1 { margin-bottom: 1.6rem; display: block; text-transform: capitalize } .recharge-textfield,.recharge-dropdown { outline: 2px solid transparent!important; outline-offset: 2px!important } .recharge-textfield:hover,.recharge-dropdown:hover { border-color: var(--pinkLight)!important } .recharge-textfield input,.recharge-textfield select,.recharge-dropdown input,.recharge-dropdown select { border-radius: 0; border-style: none!important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important; outline: 2px solid transparent!important; outline-offset: 0px } .recharge-textfield input:focus,.recharge-textfield select:focus,.recharge-dropdown input:focus,.recharge-dropdown select:focus { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px } .recharge-textfield input:focus-visible,.recharge-textfield select:focus-visible,.recharge-dropdown input:focus-visible,.recharge-dropdown select:focus-visible { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px } .recharge-button { --recharge-corners-radius: 60px; --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset); --shadow-vertical-offset: var(--buttons-shadow-vertical-offset); --shadow-blur-radius: var(--buttons-shadow-blur-radius); --shadow-opacity: var(--buttons-shadow-opacity); --shadow-visible: var(--buttons-shadow-visible); --border-offset: var(--buttons-border-offset); --border-opacity: calc(1 - var(--buttons-border-opacity)); border-radius: var(--buttons-radius-outset); position: relative; min-width: calc(12rem + var(--buttons-border-width) * 2); min-height: calc(4.5rem + var(--buttons-border-width) * 2); display: inline-flex; justify-content: center; align-items: center; border: 0; padding: 0 3rem; cursor: pointer; font: inherit; font-size: 1.5rem; text-decoration: none; color: rgb(var(--color-button-text)); transition: box-shadow var(--duration-short) ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(var(--color-button),var(--alpha-button-background)) } .recharge-button:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: var(--buttons-radius-outset); box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)) } .recharge-button:after { content: ""; position: absolute; top: var(--buttons-border-width); right: var(--buttons-border-width); bottom: var(--buttons-border-width); left: var(--buttons-border-width); z-index: 1; border-radius: var(--buttons-radius); box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)); transition: box-shadow var(--duration-short) ease } .recharge-button:not([disabled]):hover:after { --border-offset: 1.3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background)) } .recharge-button:focus-visible,.recharge-button:focus,.recharge-button.focused { outline: 0; box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem 4px rgba(var(--color-foreground),.3) } .recharge-button:focus:not(:focus-visible):not(.focused) { box-shadow: inherit } .recharge-button::-moz-selection { background-color: rgba(var(--color-button-text),.3) } .recharge-button::selection { background-color: rgba(var(--color-button-text),.3) } .recharge-button { font-size: 1.5rem; letter-spacing: .1rem; line-height: calc(1 + .2 / var(--font-body-scale)) } .recharge-button:disabled,.recharge-button[aria-disabled=true],.recharge-button.disabled { cursor: not-allowed; opacity: .5 } .recharge-button.loading { color: transparent; position: relative } @media screen and (forced-colors: active) { .recharge-button.loading { color: rgb(var(--color-foreground)) } } .recharge-button.loading>.loading__spinner { top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; height: 100%; display: flex; align-items: center } .recharge-button.loading>.loading__spinner .spinner { width: -moz-fit-content; width: fit-content } .recharge-button.loading>.loading__spinner .path { stroke: rgb(var(--color-button-text)) } .recharge-button { padding: 1.6rem 24px; text-align: center; font-size: var(--fs-btn); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); background-color: var(--color-btn) } .recharge-button:not([disabled]):hover:after { --border-offset: 1 } .recharge-button:not(.button--sm,.button--tertiary,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: calc(54px + var(--buttons-border-width) * 2) } .recharge-button:before,.recharge-button:after { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } .recharge-button.button--sm { min-width: 15rem; padding-top: .8rem; padding-bottom: .8rem; font-size: var(--fs-btn-sm); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); min-height: calc(3rem + var(--buttons-border-width) * 2) } .recharge-button { min-height: 0px!important } @media (forced-colors: active) { .recharge-button { border: transparent solid 1px } .recharge-button:focus-visible,.recharge-button:focus,.recharge-button.focused { outline: solid transparent 1px } } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .animate--hover-3d-lift .recharge-button:not(.button--tertiary) { transition:transform var(--duration-long) ease,box-shadow var(--duration-long) ease; transform-origin: center } .animate--hover-3d-lift .recharge-button:not(.button--tertiary):not([disabled]):hover { transition: transform var(--duration-extended) ease,box-shadow var(--duration-long) ease; transform: rotate(1deg); box-shadow: -1rem -1rem 1rem -1rem #0000000d,1rem 1rem 1rem -1rem #0000000d,0 0 .5rem #fff0,0 2rem 3.5rem -2rem #00000080 } .animate--hover-vertical-lift .recharge-button:not(.button--tertiary) { transition: transform var(--duration-default) var(--ease-out-slow) } .animate--hover-vertical-lift .recharge-button:not(.button--tertiary):not([disabled]):hover { transform: translateY(-.25rem) } .animate--hover-vertical-lift .recharge-button:not(.button--tertiary):not([disabled]):active { transform: translateY(0) } .animate--hover-vertical-lift .recharge-button:not([disabled]):hover:after { --border-offset: .3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)) } .animate--hover-vertical-lift .recharge-button:not([disabled]).button--secondary:hover:after { --border-offset: 0px } } .product-upsells .product-upsells__footer .recharge-button { min-width: 100%; border-color: var(--pinkLight); color: var(--pinkLight); transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .product-upsells .product-upsells__footer .recharge-button:hover { background-color: var(--pinkLight); color: var(--white) } .product-upsells .product-upsells__footer .recharge-button:focus { background-color: var(--pinkLight); color: var(--white) } .product-upsells .product-upsells__footer .recharge-button:disabled { border-color: var(--grey-6); color: var(--grey-6) } .product-upsells .product-upsells__footer .recharge-button:hover:disabled { background-color: var(--transparent); color: var(--grey-6) } @media (min-width: 640px) { .product-upsells .product-upsells__footer .recharge-button { min-width:42.7rem } } .recharge-button-primary { font-weight: 700; text-transform: uppercase; background-color: var(--color-btn) } .recharge-button-primary:hover,.recharge-button-primary:focus { background-color: var(--color-btn-hover) } [data-slideshow-carousel-container] .splide__slide .slideshow-slide--clickable .slideshow-slide__cta.recharge-button-primary:hover { background-color: var(--color-btn) } #ReCharge .page__customers__request-invite { margin-left: auto; margin-right: auto; width: 100%; max-width: 1440px; padding-left: 28px; padding-right: 28px } @media (min-width: 1024px) { #ReCharge .page__customers__request-invite { padding-left:56px; padding-right: 56px } } #ReCharge .page__customers__request-invite .rc_layout__container,#ReCharge .page__customers__request-invite .rc_layout__full,#ReCharge .page__customers__request-invite .rc_layout { max-width: 100%; padding-left: 0; padding-right: 0 } #ReCharge .page__customers__request-invite .rc_layout__full>.grid { margin-left: 0; margin-right: 0; justify-content: center } #ReCharge .page__customers__request-invite .rc_layout__full>.grid>.columns { max-width: 36.5rem; padding-left: 0; padding-right: 0 } .shopify-app-block [data-bv-show=rating_summary] { min-height: 24px } .shopify-app-block [data-bv-show=rating_summary] .bv_main_container { margin-top: 0!important; margin-bottom: 0!important } .shopify-app-block [data-bv-show=rating_summary] .bv_main_container .bv_stars_component_container { padding-right: 4px!important } .shopify-app-block [data-bv-show=rating_summary] .bv_main_container .bv_stars_component_container svg stop:last-child { stop-color: var(--grey-4)!important } .shopify-app-block [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text { text-decoration-line: none!important } .shopify-app-block [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text:hover { color: var(--black)!important } .shopify-app-block [data-bv-show=rating_summary] .bv_main_container .bv_avgRating_component_container { display: none!important } div.bv_modal_component_container.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content { padding: 2rem 24px!important } div.bv_modal_component_container.bv_modal_component_container[data-bv-modal] button:not(.button--sm,.button--tertiary,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: auto } .eEHfci { margin-top: 6rem; margin-bottom: 6rem } #bv_review_maincontainer .gztyek { margin-bottom: 2rem } #bv_review_maincontainer .eWqAEo { padding-bottom: .8rem; padding-top: 0; font-size: 2rem; line-height: 1.3; letter-spacing: .02rem; letter-spacing: 0em } #bv_review_maincontainer .cdREOE { margin-left: 0; margin-right: 0; margin-bottom: 2rem; padding-left: 0; padding-right: 0; padding-bottom: 0 } #bv_review_maincontainer .bVzBYA { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0 } #bv_review_maincontainer .eyZPxU { border-style: none } #bv_review_maincontainer .YbFlp { font-family: var(--font-heading-family) } #bv_review_maincontainer .frZeiW { padding: 0 } #bv_review_maincontainer .eZDeUu { margin-top: 3.2rem } #bv_review_maincontainer .dIySXf { border-color: var(--black); padding: 1.2rem 4rem 1.2rem 2rem; font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px } #bv_review_maincontainer .jjWdiA,#bv_review_maincontainer .iYiryO { right: 1.6rem } #bv_review_maincontainer .jjWdiA { height: 1.6rem } #bv_review_maincontainer .hVMrne { gap: 1.2rem; padding: .8rem 1.6rem; line-height: 1 } #bv_review_maincontainer .iQbpFc { left: 0; display: flex; align-items: center } #bv_review_maincontainer .dBVOCh { display: flex; align-items: center } #bv_review_maincontainer .fQoizl { display: inline-flex } #bv_review_maincontainer .LxHNR { border-style: none; font-size: 1.6rem; line-height: 1.3; letter-spacing: .016rem; letter-spacing: 0em; text-decoration-line: underline; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } #bv_review_maincontainer .LxHNR:hover { color: var(--pinkLight) } #bv_review_maincontainer .nqcjn { margin-bottom: 1.6rem } #bv_review_maincontainer .jTUMEW { margin: 0 } #bv_review_maincontainer .hwAoXR { margin-bottom: .8rem; padding: 0 } #bv_review_maincontainer .eVaJEw { padding: 1.2rem 1.6rem } #bv_review_maincontainer .jRgFPM { padding: 0 } #bv_review_maincontainer .bAvrmI { margin-top: 24px } #bv_review_maincontainer button:not(.button--sm,.button--tertiary,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: auto } .bv-ips-modal-window .iPTocf { padding: 2rem } .bv-ips-modal-window .hhHMvP { font-weight: 600; letter-spacing: 0em } .bv-ips-modal-window .jwULSs { font-weight: 600 } .bv-ips-modal-window .eOzVnJ { margin-right: 0; display: block } .bv-ips-modal-window .cbsYNK { margin: 0; padding: 0 } .bv-ips-modal-window .cMxXqs { margin: 0; padding-top: 1.2rem; padding-bottom: 1.2rem; font-family: var(--font-heading-family) } .bv-ips-modal-window .uGTXK { margin-bottom: 0 } .bv-ips-modal-window .eYjiYR path { fill: var(--pinkLight) } .bv-ips-modal-window .bvhdGJ { margin-top: 0; margin-bottom: 0 } .bv-ips-modal-window .jivUoI { letter-spacing: 0em } .bv-ips-modal-window .fiuUiS,.bv-ips-modal-window .bpiHEC { aspect-ratio: 1 / 1; min-height: 3.2rem; padding-bottom: 4px } .bv-ips-modal-window .hShoYg svg { height: 3.2rem; width: 3.2rem } .bv-ips-modal-window .gpyiML,.bv-ips-modal-window .jEzRbI,.bv-ips-modal-window .tTBux { border-style: none; padding: 4px .8rem; color: var(--white) } .bv-ips-modal-window .kJcRKv { background-color: var(--white) } .bv-ips-modal-window .iefKpi { padding: 1rem 2rem; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .bv-ips-modal-window .iefKpi:hover { background-color: var(--pinkLight); color: var(--white) } .bv-ips-modal-window .hQDhcq { transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .bv-ips-modal-window .hQDhcq:hover { color: var(--pinkLight) } .bv-ips-modal-window .hLUfID label { margin-top: 0 } .bv-ips-modal-window .lpvIBP,.bv-ips-modal-window .kchnzz,.unit-price.bv-ips-modal-window .lpvIBP,.unit-price .bv-ips-modal-window .kchnzz { display: none } .bv-ips-modal-window .gPJoDp { padding-left: 28px; padding-right: 28px } .bv-ips-modal-window .eYjiYR { margin-top: .8rem } .bv-ips-modal-window .cLCmcK,.bv-ips-modal-window .kxTNLB { padding-left: 2rem; padding-right: 2rem; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } .bv-ips-modal-window .cLCmcK:focus,.bv-ips-modal-window .kxTNLB:focus { border-width: .1rem; border-style: solid; border-color: var(--black) } .bv-ips-modal-window .bQArIK>div { padding: .8rem 1.6rem; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .bv-ips-modal-window .bQArIK>div:hover { background-color: var(--black); color: var(--white) } .bv-ips-modal-window .hZoXBL { right: -1.2rem; top: -1.2rem; z-index: 1 } .bv-ips-modal-window .jzZpmo { height: 100%; width: 100% } .bv-ips-modal-window .bv-ips-modal-window .bNTjVE { right: 1.6rem; top: 1.2rem } .bv-ips-modal-window .bv-ips-modal-window .bjJNOK { padding: 3.2rem } .bv-ips-modal-window .bv-ips-modal-window .itLHX { margin-bottom: 1.2rem } .bv-ips-modal-window .bv-ips-modal-window .itLHX p { margin-bottom: 0 } .bv-ips-modal-window .bv-ips-modal-window .gPJoDp { margin: 0 } .bv-ips-modal-window input:not(select):not(:-moz-placeholder):not(.input-error):not([type=radio],[type=checkbox],.shopify-challenge__button),.bv-ips-modal-window textarea:not(select):not(:-moz-placeholder):not(.input-error):not([type=radio],[type=checkbox],.shopify-challenge__button),.bv-ips-modal-window .field__input:not(select):not(:-moz-placeholder):not(.input-error):not([type=radio],[type=checkbox],.shopify-challenge__button) { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } .bv-ips-modal-window input:not(select):not(:placeholder-shown):not(.input-error):not([type=radio],[type=checkbox],.shopify-challenge__button),.bv-ips-modal-window textarea:not(select):not(:placeholder-shown):not(.input-error):not([type=radio],[type=checkbox],.shopify-challenge__button),.bv-ips-modal-window .field__input:not(select):not(:placeholder-shown):not(.input-error):not([type=radio],[type=checkbox],.shopify-challenge__button) { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) } .bv-ips-modal-window button:not(.button--sm,.button--tertiary,[class*=min-h-],.share-button__button,.share-button__copy,.quick-add-modal__toggle,.quick-add-modal__close) { min-height: auto } @media not all and (min-width: 1024px) { .max-lg\:\!hidden { display:none!important } .max-lg\:hidden { display: none } } @media not all and (min-width: 768px) { .max-md\:\!hidden { display:none!important } .max-md\:hidden { display: none } } @media (min-width: 768px) { .md\:\!hidden { display:none!important } .md\:hidden { display: none } .md\:h1 { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: calc(var(--font-heading-scale) * .06rem); color: rgb(var(--color-foreground)); line-height: calc(1 + .3/max(1,var(--font-heading-scale))); word-break: break-word; font-size: calc(var(--font-heading-scale) * 3rem) } @media only screen and (min-width: 750px) { .md\:h1 { font-size:calc(var(--font-heading-scale) * 4rem) } } .md\:h1 { margin-top: 0; margin-bottom: 24px; font-family: var(--font-parafina) } @media (min-width: 768px) { .md\:h1 { margin-bottom:4rem } } .md\:h1:not([class*=leading-]) { line-height: 1!important } .md\:h1 strong { font-family: var(--font-parafinaBold) } .md\:h1 { --font-heading-scale: 1.7; font-size: var(--fs-h1-m); line-height: 1.2; letter-spacing: calc(var(--fs-h1-m) * .03); font-weight: 400 } @media (min-width: 768px) { .md\:h1 { font-size:var(--fs-h1); line-height: 1; letter-spacing: calc(var(--fs-h1) * .03) } } .md\:text-sh-sm { font-family: var(--font-parafinaBold) } } @media (min-width: 1024px) { .lg\:\!hidden { display:none!important } .lg\:hidden { display: none } } @media not all and (min-width: 1024px) { .max-lg\:button--sm.button--tertiary:after { content:url('data:image/svg+xml,'); top: .1rem } .max-lg\:button--sm.button--tertiary:after { content: url('data:image/svg+xml,'); top: .1rem } .max-lg\:button--sm.button--tertiary:after { content: url('data:image/svg+xml,'); top: .1rem } .max-lg\:button--sm.button { min-width: 15rem; padding-top: .8rem; padding-bottom: .8rem; font-size: var(--fs-btn-sm); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); min-height: calc(3rem + var(--buttons-border-width) * 2) } .max-lg\:button--sm.button--tertiary { min-height: 0px; min-width: 0px; padding: 0; padding-right: 1.6rem; letter-spacing: .016rem } .max-lg\:button--sm.button--tertiary:after { content: url('data:image/svg+xml,'); top: .1rem } .max-lg\:button--sm.button--tertiary:hover:after,.max-lg\:button--sm .button--tertiary.is-hover:after { right: -4px } .max-lg\:button--sm.button--tertiary.button--light:after { content: url('data:image/svg+xml,') } } @media not all and (min-width: 768px) { .max-md\:button--sm.button--tertiary:after { content:url('data:image/svg+xml,'); top: .1rem } .max-md\:button--sm.button--tertiary:after { content: url('data:image/svg+xml,'); top: .1rem } .max-md\:button--sm.button--tertiary:after { content: url('data:image/svg+xml,'); top: .1rem } .max-md\:button--sm.button { min-width: 15rem; padding-top: .8rem; padding-bottom: .8rem; font-size: var(--fs-btn-sm); line-height: 1.1; letter-spacing: calc(var(--fs-btn) * .05); min-height: calc(3rem + var(--buttons-border-width) * 2) } .max-md\:button--sm.button--tertiary { min-height: 0px; min-width: 0px; padding: 0; padding-right: 1.6rem; letter-spacing: .016rem } .max-md\:button--sm.button--tertiary:after { content: url('data:image/svg+xml,'); top: .1rem } .max-md\:button--sm.button--tertiary:hover:after,.max-md\:button--sm .button--tertiary.is-hover:after { right: -4px } .max-md\:button--sm.button--tertiary.button--light:after { content: url('data:image/svg+xml,') } } @media (min-width: 768px) { .md\:media { display:block; background-color: rgba(var(--color-foreground),.1); position: relative; overflow: hidden } .md\:media>*:not(.zoom):not(.deferred-media__poster-button):not(.promo-tile__video),.md\:media model-viewer { display: block; max-width: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100% } .md\:media>img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; transition: opacity .4s cubic-bezier(.25,.46,.45,.94) } .md\:media.media--hover-effect>img+img { opacity: 0 } } @media (min-width: 1024px) { .lg\:animate-fadeOut { pointer-events:none; visibility: hidden; opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: .3s; transition-duration: .3s } .group:hover .lg\:group-hover\:animate-fadeIn { pointer-events: auto; visibility: visible; opacity: 1; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: .3s; transition-duration: .3s } } .\*\:mb-0>* { margin-bottom: 0 } .marker\:font-normal *::marker { font-weight: 400 } .marker\:font-normal::marker { font-weight: 400 } .before\:absolute:before { content: var(--tw-content); position: absolute } .before\:left-2\.5:before { content: var(--tw-content); left: 1rem } .before\:top-1\/2:before { content: var(--tw-content); top: 50% } .before\:-translate-y-1\/2:before { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } }