.ff-picker-section{padding-block:var(--ff-space-9);background:transparent}.ff-picker{display:block;background:var(--ff-picker-bg, #c9c3e8);border-radius:clamp(1rem,2vw,1.75rem);padding:clamp(1.25rem,3vw,2.5rem);color:var(--ff-color-ink);transition:background-color .5s var(--ff-ease-out),box-shadow var(--ff-duration-panel) var(--ff-ease-out),scale var(--ff-duration-panel) var(--ff-ease-out)}.ff-picker__heading{margin:0 0 var(--ff-space-5);font-size:var(--ff-text-2xl);color:var(--ff-color-ink);text-align:center}.ff-picker__body{display:grid;gap:var(--ff-space-5);justify-items:center;grid-template-columns:minmax(0,1fr)}.ff-picker__bar{display:flex;align-items:center;gap:var(--ff-space-1);max-width:100%;width:fit-content;margin:0 auto var(--ff-space-5);padding:.3rem;border-radius:999px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);box-shadow:0 4px 16px #0c22131a,inset 0 1px #fff9}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.ff-picker__bar{background:#fff6;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%)}}.ff-picker__tabs{display:flex;align-items:center;gap:.15rem;min-width:0;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y}.ff-picker__tabs::-webkit-scrollbar{display:none}.ff-picker__arrow{-webkit-appearance:none;appearance:none;flex:0 0 auto;display:none;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:999px;background:transparent;color:var(--ff-color-ink);cursor:pointer;transition:background-color var(--ff-duration-fast) var(--ff-ease-out),opacity var(--ff-duration-fast) var(--ff-ease-out)}.ff-picker__bar.is-scrollable .ff-picker__arrow{display:grid}.ff-picker__arrow:hover{background:#fff9}.ff-picker__arrow:focus-visible{outline:2px solid var(--ff-color-focus);outline-offset:2px}.ff-picker__arrow--prev{rotate:180deg}.ff-picker__bar.is-first .ff-picker__arrow--prev,.ff-picker__bar.is-last .ff-picker__arrow--next{opacity:0;pointer-events:none}.ff-picker__all{justify-self:center;text-align:center;border-color:var(--ff-picker-accent, var(--ff-color-accent-deep));box-shadow:none;--ff-glow-shade: transparent;color:color-mix(in srgb,var(--ff-picker-accent, #54549C) 88%,#000);--ff-glow-color: var(--ff-picker-accent, #54549C);--ff-glow-shade: rgba(12, 34, 19, .14)}.ff-picker__all:hover{border-color:color-mix(in srgb,var(--ff-picker-accent, #54549C) 78%,#000)}.ff-picker__tab{-webkit-appearance:none;appearance:none;flex:0 0 auto;scroll-snap-align:center;min-height:2.25rem;padding:.45rem 1rem;font-family:var(--ff-font-body);font-size:var(--ff-text-base);font-weight:400;line-height:1.2;white-space:nowrap;color:color-mix(in srgb,var(--ff-color-ink) 62%,transparent);background:transparent;border:2px solid transparent;border-radius:999px;cursor:pointer;transition:color var(--ff-duration-fast) var(--ff-ease-out),background-color var(--ff-duration-fast) var(--ff-ease-out),border-color var(--ff-duration-fast) var(--ff-ease-out)}.ff-picker__tab:hover{color:var(--ff-color-ink);background:#ffffff80}.ff-picker__tab:focus-visible{outline:2px solid var(--ff-color-focus);outline-offset:2px}.ff-picker__tab.is-active,.ff-picker__tab[aria-selected=true]{background:#ffffffe0;border-color:var(--ff-picker-accent, var(--ff-color-accent-deep));color:var(--ff-picker-accent, var(--ff-color-accent-deep));box-shadow:0 4px 14px #0c221324}.ff-picker__stage{position:relative;width:100%;aspect-ratio:1 / 1;max-width:34rem;margin-inline:auto}.ff-picker__viewer{display:block;width:100%;height:100%}.ff-picker__callouts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.ff-picker__calloutset{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity var(--ff-duration-fast) var(--ff-ease-out),visibility 0s linear var(--ff-duration-fast)}.ff-picker__calloutset.is-active{opacity:1;visibility:visible;transition:opacity var(--ff-duration-fast) var(--ff-ease-out),visibility 0s}.ff-picker.is-rotating .ff-picker__calloutset{opacity:0;transition:opacity .12s var(--ff-ease-out)}.ff-picker__callout{position:absolute;display:block;--ff-callout-line: 2.2rem;--ff-callout-turn: 0deg}.ff-picker__callout-text{display:block;padding:.3rem .7rem;border-radius:999px;font-family:var(--ff-font-body);font-size:.8125rem;line-height:1.2;white-space:nowrap;color:var(--ff-color-ink);background:#ffffff6b;border:1px solid rgba(255,255,255,.65)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.ff-picker__callout-text{background:#ffffff4d;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%)}}.ff-picker__callout:after{content:"";position:absolute;top:50%;width:var(--ff-callout-line);height:1px;background:color-mix(in srgb,var(--ff-picker-accent, #54549C) 70%,transparent)}.ff-picker__callout--1,.ff-picker__callout--3{right:0;text-align:right}.ff-picker__callout--2,.ff-picker__callout--4{left:0}.ff-picker__callout--1{top:5%}.ff-picker__callout--2{top:27%}.ff-picker__callout--3{top:62%}.ff-picker__callout--4{top:84%}.ff-picker__callout--1:after,.ff-picker__callout--3:after{right:100%;margin-right:.35rem;transform-origin:100% 50%;transform:rotate(calc(-1 * var(--ff-callout-turn)))}.ff-picker__callout--2:after,.ff-picker__callout--4:after{left:100%;margin-left:.35rem;transform-origin:0 50%;transform:rotate(var(--ff-callout-turn))}.ff-picker__callout--1{--ff-callout-turn: 24deg;--ff-callout-line: 1.9rem}.ff-picker__callout--2{--ff-callout-turn: 10deg;--ff-callout-line: 1.6rem}.ff-picker__callout--3{--ff-callout-turn: -12deg;--ff-callout-line: 1.9rem}.ff-picker__callout--4{--ff-callout-turn: -26deg;--ff-callout-line: 1.6rem}@media screen and (min-width:750px){.ff-picker__callout-text{font-size:.875rem;padding:.35rem .85rem}.ff-picker__callout--1,.ff-picker__callout--3{right:auto;left:74%;text-align:left}.ff-picker__callout--2,.ff-picker__callout--4{left:auto;right:74%}.ff-picker__callout--1{top:17%;--ff-callout-turn: 18deg;--ff-callout-line: 1.6rem}.ff-picker__callout--2{top:37%;--ff-callout-turn: 8deg;--ff-callout-line: 1.6rem}.ff-picker__callout--3{top:57%;--ff-callout-turn: -10deg;--ff-callout-line: 1.6rem}.ff-picker__callout--4{top:77%;--ff-callout-turn: -20deg;--ff-callout-line: 1.6rem}}@media(prefers-reduced-motion:reduce){.ff-picker__calloutset,.ff-picker.is-rotating .ff-picker__calloutset{transition:none}}@media screen and (min-width:750px){.ff-picker__stage{max-width:40rem}}@media screen and (max-width:379px){.ff-picker__bar{padding:.2rem;gap:0}.ff-picker__tabs{padding-inline:2px;scroll-padding-inline:2px}.ff-picker__arrow{width:1.9rem;height:1.9rem}.ff-picker__tab{padding-inline:.6rem}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/section-flavor-picker.css.map */