body{--floating-cta-height:4.5rem}.floating-cta__inner{display:flex;margin-inline:auto;margin-bottom:0;opacity:1;pointer-events:auto;position:fixed;top:calc(var(--header-height) + var(--announcement-bar-height));transition:opacity .3s ease-out;width:100%;z-index:10}.floating-cta--anchored .floating-cta__inner{opacity:0;pointer-events:none}.floating-cta--anchored .floating-cta__inner.is-visible{opacity:1;pointer-events:auto}.floating-cta__cta{border:.1rem solid var(--color-border);flex:1;height:var(--floating-cta-height);max-width:50%;position:relative;interpolate-size:allow-keywords;box-sizing:border-box;overflow:hidden;transition:height .25s ease-out}.floating-cta__cta.is-open{height:auto}.floating-cta__cta.is-open .floating-cta__cta-header>:is(.text-semibold,.text-bold,.text,.subheading,blockquote strong,small,mark,p,ol,ul,li,b,i,em,del,ins,sub,sup),.floating-cta__cta.is-open .floating-cta__cta-header>:is(h1,h2,h3,h4,h5,h6,.heading){opacity:0}.floating-cta__cta.is-open .floating-cta__cta-header-icon{rotate:180deg}.floating-cta__cta.is-open .floating-cta__cta-header-icon>svg.minus{opacity:1}.floating-cta__cta.is-open .floating-cta__cta-header-icon>svg.plus{opacity:0}.floating-cta__cta-header{align-items:center;display:flex}.floating-cta__cta-header>:is(.text-semibold,.text-bold,.text,.subheading,blockquote strong,small,mark,p,ol,ul,li,b,i,em,del,ins,sub,sup),.floating-cta__cta-header>:is(h1,h2,h3,h4,h5,h6,.heading){margin-bottom:0!important;opacity:1;transition:opacity .25s ease-out;text-box:trim-both cap alphabetic}.floating-cta__cta-header>:is(h1,h2,h3,h4,h5,h6,.heading){color:var(--highlight-color, var(--color-text-primary));flex:1}.floating-cta__cta-header>:is(.text-semibold,.text-bold,.text,.subheading,blockquote strong,small,mark,p,ol,ul,li,b,i,em,del,ins,sub,sup){text-transform:uppercase}.floating-cta__cta-header-icon{display:grid;transition:rotate .5s ease-out}.floating-cta__cta-header-icon>svg{grid-column:1;grid-row:1;transition:opacity .5s ease-out}.floating-cta__cta-header-icon>svg.minus{height:2rem;opacity:0;width:2rem}.floating-cta__cta-header-icon>svg.plus{height:2rem;width:2rem}.floating-cta__product{align-items:center;display:grid;justify-content:center;margin-inline:auto;max-width:40rem;padding-block:var(--spacing-5) var(--spacing-2)}.floating-cta__product-media img{object-fit:cover;overflow:visible;width:auto}.floating-cta__product-info * :is(.text-semibold,.text-bold,.text,.subheading,blockquote strong,small,mark,p,ol,ul,li,b,i,em,del,ins,sub,sup),.floating-cta__product-info .price{margin-bottom:0;text-box:trim-both cap alphabetic}.floating-cta__product-heading{color:var(--highlight-color, var(--color-text-primary))}.floating-cta__product-metadata>:not(:last-child){margin-right:var(--spacing-1)}.floating-cta__product-metadata>:is(.text-semibold,.text-bold,.text,.subheading,blockquote strong,small,mark,p,ol,ul,li,b,i,em,del,ins,sub,sup),.floating-cta__product-metadata>:is(h1,h2,h3,h4,h5,h6,.heading),.floating-cta__product-metadata>svg{display:inline;margin-bottom:0!important;text-box:trim-both cap alphabetic;font-size:var(--font-body-xs);font-weight:600}.floating-cta__product-variant{text-transform:lowercase}.floating-cta__product-price{font-weight:600;margin-bottom:0;margin-top:var(--spacing-2)}.floating-cta__product-price span{text-box:trim-both cap alphabetic}.floating-cta__product-ingredients{font-size:var(--font-body-xs);margin-bottom:0;margin-top:var(--spacing-5)}.floating-cta__product-actions{align-items:center;column-gap:var(--spacing-2);display:flex;margin-top:var(--spacing-5)}.floating-cta__product-actions>:is(a.button,.button,.btn,button,input[type=button],input[type=submit],input[type=reset]){padding:calc(var(--base-spacing-unit)*2.5)}.floating-cta__product-actions>:is(a.button,.button,.btn,button,input[type=button],input[type=submit],input[type=reset]):hover{border:.1rem solid var(--color-border-secondary)}.floating-cta__product-actions>:is(a.button,.button,.btn,button,input[type=button],input[type=submit],input[type=reset])>span{display:block;text-box:trim-both cap alphabetic}@media(max-width:767px),screen and (max-width:767px)and (-webkit-min-device-pixel-ratio:1){.floating-cta__inner{left:0;width:100svw}.floating-cta__cta{padding:var(--spacing-3)}.floating-cta__cta-header{align-items:center;column-gap:var(--spacing-2)}.floating-cta__cta-header>:is(h1,h2,h3,h4,h5,h6,.heading){font-size:var(--font-body-xs)}.floating-cta__cta-header>:is(.text-semibold,.text-bold,.text,.subheading,blockquote strong,small,mark,p,ol,ul,li,b,i,em,del,ins,sub,sup){font-size:vaR(--font-body-xxs)}.floating-cta__product{padding-inline:var(--spacing-3);row-gap:var(--spacing-3);text-align:center}.floating-cta__product-media{margin-inline:auto;max-width:10rem;width:100%}.floating-cta__product-media img{height:16rem}.floating-cta__product-info{display:contents}.floating-cta__product-heading{font-size:var(--font-body-xs);margin-bottom:0!important}.floating-cta__product-metadata>:is(.text-semibold,.text-bold,.text,.subheading,blockquote strong,small,mark,p,ol,ul,li,b,i,em,del,ins,sub,sup),.floating-cta__product-metadata>:is(h1,h2,h3,h4,h5,h6,.heading),.floating-cta__product-metadata>svg{font-size:var(--font-body-xxs);line-height:1}.floating-cta__product-metadata{justify-content:center}.floating-cta__product-price{font-size:var(--font-body-xxs);line-height:1;margin-top:calc(var(--spacing-2)*-1)}.floating-cta__product-ingredients{display:none}.floating-cta__product-actions{justify-content:center;margin-top:0}}@media(min-width:768px),screen and (min-width:768px)and (-webkit-min-device-pixel-ratio:1){.floating-cta__inner{left:50%;transform:translate(-50%)}.floating-cta__cta{padding:var(--spacing-3) var(--spacing-5)}.floating-cta__cta-header{column-gap:var(--spacing-4)}.floating-cta__cta-header>:is(.text-semibold,.text-bold,.text,.subheading,blockquote strong,small,mark,p,ol,ul,li,b,i,em,del,ins,sub,sup){font-size:var(--font-body-xs)}.floating-cta__product{column-gap:var(--spacing-16);grid-template-columns:min-content 1fr}.floating-cta__product-media{height:20rem;width:10rem}.floating-cta__product-media img{height:100%}}@media(min-width:1025px),screen and (min-width:1025px)and (-webkit-min-device-pixel-ratio:1){.floating-cta__product{column-gap:var(--spacing-20)}}
/*# sourceMappingURL=/cdn/shop/t/198/assets/floating-cta.bundle.css.map */