.fp-selector{position:relative;padding:var(--fp-space-24) var(--fp-section-x);overflow:hidden;isolation:isolate}.fp-selector__eyebrow{text-align:center;margin:0 0 var(--fp-space-3)}.fp-selector__heading{text-align:center;margin:0 0 var(--fp-space-4);font-family:var(--fp-font-display);font-size:clamp(2.5rem,7vw,5rem);line-height:var(--fp-leading-tight);letter-spacing:var(--fp-tracking-tight);font-style:italic;text-transform:uppercase;color:var(--fp-white)}.fp-selector__sub{text-align:center;margin:0 auto var(--fp-space-16);max-width:48ch;color:var(--fp-gray-100)}.fp-selector__stage{position:relative;width:100%;display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;gap:var(--fp-space-12);padding-bottom:var(--fp-space-8)}.fp-selector__halo{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(680px,90vw);height:min(680px,90vw);border-radius:50%;background:radial-gradient(circle at center,var(--fp-flavor-glow) 0%,transparent 60%);filter:blur(60px);opacity:.6;pointer-events:none;z-index:0;transition:background var(--fp-dur-flavor) var(--fp-ease-out),opacity var(--fp-dur-flavor) var(--fp-ease-out)}.fp-selector__carousel{position:relative;z-index:1;width:100%;height:clamp(500px,64vw,680px);display:flex;align-items:center;justify-content:center}.fp-selector__slot{position:absolute;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform var(--fp-dur-flavor) var(--fp-ease-spring),opacity var(--fp-dur-flavor) var(--fp-ease-out),filter var(--fp-dur-flavor) var(--fp-ease-out);will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fp-selector__slot:focus-visible{outline:2px solid var(--fp-flavor-primary);outline-offset:8px;border-radius:var(--fp-radius-md)}.fp-selector__slot[data-rel-position="0"]{transform:translate(0) scale(1);opacity:1;z-index:3;filter:drop-shadow(0 24px 40px var(--fp-flavor-shadow))}.fp-selector__slot[data-rel-position="-1"],.fp-selector__slot[data-rel-position="1"]{opacity:.4;z-index:2;filter:saturate(.5)}.fp-selector__slot[data-rel-position="-1"]{transform:translate(-62%) scale(.7)}.fp-selector__slot[data-rel-position="1"]{transform:translate(62%) scale(.7)}.fp-selector__slot[data-rel-position="-2"],.fp-selector__slot[data-rel-position="2"]{opacity:.15;z-index:1;filter:saturate(0)}.fp-selector__slot[data-rel-position="-2"]{transform:translate(-108%) scale(.5)}.fp-selector__slot[data-rel-position="2"]{transform:translate(108%) scale(.5)}.fp-selector__tube{position:relative;width:clamp(240px,34vw,400px);height:clamp(480px,66vw,640px);display:flex;align-items:center;justify-content:center;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fp-selector__tube img,.fp-selector__tube-svg{width:100%;height:100%;object-fit:contain;-webkit-backface-visibility:hidden;backface-visibility:hidden;image-rendering:auto}.fp-selector__tube-svg{color:var(--fp-flavor-primary);transition:color var(--fp-dur-flavor) var(--fp-ease-out)}.fp-selector__tube-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse at center,var(--fp-flavor-glow) 0%,transparent 65%);filter:blur(20px);z-index:-1;opacity:0;transition:opacity var(--fp-dur-flavor) var(--fp-ease-out)}.fp-selector__slot[data-rel-position="0"] .fp-selector__tube-glow{opacity:1}@keyframes fp-tube-float{0%,to{transform:translateZ(0) rotate(-1deg)}50%{transform:translate3d(0,-12px,0) rotate(1deg)}}.fp-selector__slot[data-rel-position="0"] .fp-selector__tube{animation:fp-tube-float 5s var(--fp-ease-in-out) infinite}.fp-selector__info{position:relative;z-index:1;width:100%;max-width:480px;text-align:center;min-height:160px;display:grid;grid-template-areas:"stack"}.fp-selector__info-panel{grid-area:stack;opacity:0;transform:translateY(12px);transition:opacity var(--fp-dur-flavor) var(--fp-ease-out),transform var(--fp-dur-flavor) var(--fp-ease-out);pointer-events:none}.fp-selector__info-panel[data-active=true]{opacity:1;transform:translateY(0);pointer-events:auto}.fp-selector__moment{margin:0 0 var(--fp-space-2);font-family:var(--fp-font-body);font-size:var(--fp-text-xs);font-weight:700;letter-spacing:var(--fp-tracking-wider);text-transform:uppercase;color:var(--fp-flavor-primary);transition:color var(--fp-dur-flavor) var(--fp-ease-out)}.fp-selector__flavor-name{margin:0 0 var(--fp-space-3);font-family:var(--fp-font-display);font-size:clamp(2rem,4vw,3rem);line-height:var(--fp-leading-tight);letter-spacing:var(--fp-tracking-tight);font-style:italic;text-transform:uppercase;color:var(--fp-white)}.fp-selector__flavor-desc{font-family:var(--fp-font-body);font-size:var(--fp-text-lg);line-height:var(--fp-leading-normal);color:var(--fp-gray-100);max-width:38ch;margin:0 auto}.fp-selector__nav{position:absolute;top:40%;width:48px;height:48px;border-radius:50%;background:#0a0a0fb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--fp-border-strong);color:var(--fp-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--fp-dur-base) var(--fp-ease-out);z-index:5}.fp-selector__nav:hover{background:#0a0a0fe6;border-color:var(--fp-flavor-primary);color:var(--fp-flavor-primary);transform:translateY(-2px)}.fp-selector__nav:active{transform:scale(.95)}.fp-selector__nav--prev{left:var(--fp-space-4)}.fp-selector__nav--next{right:var(--fp-space-4)}@media(min-width:768px){.fp-selector__nav--prev{left:var(--fp-space-8)}.fp-selector__nav--next{right:var(--fp-space-8)}}.fp-selector__dots{display:flex;justify-content:center;gap:var(--fp-space-3);margin-top:var(--fp-space-8)}.fp-selector__dot{width:36px;height:6px;border-radius:var(--fp-radius-pill);background:var(--fp-border-strong);border:none;padding:0;cursor:pointer;transition:all var(--fp-dur-base) var(--fp-ease-out)}.fp-selector__dot:hover{background:var(--fp-gray-300)}.fp-selector__dot[data-active=true]{background:var(--fp-flavor-primary);width:56px;box-shadow:0 0 16px var(--fp-flavor-glow)}@media(max-width:767px){.fp-selector{padding:var(--fp-space-16) var(--fp-section-x)}.fp-selector__sub{margin-bottom:var(--fp-space-10)}.fp-selector__tube{width:clamp(180px,60vw,280px);height:clamp(420px,92vw,560px)}.fp-selector__slot[data-rel-position="-2"],.fp-selector__slot[data-rel-position="2"]{opacity:0;pointer-events:none}.fp-selector__slot[data-rel-position="-1"]{transform:translate(-70%) scale(.55)}.fp-selector__slot[data-rel-position="1"]{transform:translate(70%) scale(.55)}}@media(prefers-reduced-motion:reduce){.fp-selector__slot[data-rel-position="0"] .fp-selector__tube{animation:none}.fp-selector__slot{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/fp-flavor-selector.css.map */