:root{--flow-dur-fast: .16s;--flow-dur-base: .26s;--flow-dur-slow: .42s;--flow-dur-reveal: .62s;--flow-ease: cubic-bezier(.22, 1, .36, 1);--flow-ease-in-out: cubic-bezier(.65, 0, .35, 1);--flow-lift: -2px}html{scroll-behavior:smooth}:where(section,[id]){scroll-margin-block-start:9rem}:where(a,button,summary,[role=button]){transition:color var(--flow-dur-fast) var(--flow-ease),background-color var(--flow-dur-fast) var(--flow-ease),border-color var(--flow-dur-fast) var(--flow-ease),opacity var(--flow-dur-fast) var(--flow-ease),transform var(--flow-dur-base) var(--flow-ease),box-shadow var(--flow-dur-base) var(--flow-ease)}:where(.flow-btn,[class*=__btn],[class*=__cta],[class*=btn--]){transition:color var(--flow-dur-fast) var(--flow-ease),background-color var(--flow-dur-fast) var(--flow-ease),border-color var(--flow-dur-fast) var(--flow-ease),opacity var(--flow-dur-fast) var(--flow-ease),transform var(--flow-dur-base) var(--flow-ease),box-shadow var(--flow-dur-base) var(--flow-ease)}:where([class*=__card],[class*=__tile],[class*=__panel]){transition:transform var(--flow-dur-base) var(--flow-ease),box-shadow var(--flow-dur-base) var(--flow-ease),border-color var(--flow-dur-base) var(--flow-ease)}:where([class*=__card],[class*=__tile],[class*=__media]) img{transition:transform var(--flow-dur-slow) var(--flow-ease),filter var(--flow-dur-slow) var(--flow-ease)}@media(hover:hover)and (pointer:fine){:where([class$=__card],[class$=__tile],[class$=__item]):hover{transform:translateY(var(--flow-lift))}}:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid rgb(var(--color-foreground, 44 33 28));outline-offset:3px;transition:outline-offset var(--flow-dur-fast) var(--flow-ease),outline-color var(--flow-dur-fast) var(--flow-ease)}@supports selector(::details-content){:root{interpolate-size:allow-keywords}.flow-faqs__item::details-content,.fpdp-faq__item::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size var(--flow-dur-base) var(--flow-ease),opacity var(--flow-dur-base) var(--flow-ease),content-visibility var(--flow-dur-base) var(--flow-ease) allow-discrete}.flow-faqs__item[open]::details-content,.fpdp-faq__item[open]::details-content{block-size:auto;opacity:1}}.flow-faqs__caret svg,.fpdp-faq__chevron{transition:transform var(--flow-dur-base) var(--flow-ease)}.flow-faqs__item[open] .flow-faqs__caret svg,.fpdp-faq__item[open] .fpdp-faq__chevron{transform:rotate(180deg)}.fpdp-sticky{transition:transform var(--flow-dur-slow) var(--flow-ease),opacity var(--flow-dur-slow) var(--flow-ease)}:where(.cart-drawer,.menu-drawer,.drawer__inner,.cart-notification){transition:transform var(--flow-dur-slow) var(--flow-ease),opacity var(--flow-dur-base) var(--flow-ease),visibility var(--flow-dur-base) var(--flow-ease)}@media(prefers-reduced-motion:no-preference){.flow-reveal{opacity:0;transform:translateY(1.8rem)}.flow-reveal.is-revealed{opacity:1;transform:none;transition:opacity var(--flow-dur-reveal) var(--flow-ease) calc(var(--flow-reveal-order, 0) * 80ms),transform var(--flow-dur-reveal) var(--flow-ease) calc(var(--flow-reveal-order, 0) * 80ms)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.flow-scrolling-bar__track,.flow-ingredients__marquee .marquee__content,.marquee__repeated-items{animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/flow-motion.css.map */
