@property --vx-flv-c{syntax: "<color>"; inherits: true; initial-value: #bd3593;}.vx-flavors{--fu: calc(100vw / 1280);--vx-flv-c: #bd3593;--vx-flv-ease: cubic-bezier(.16, 1, .3, 1);--vx-flv-row-h: max(calc(32.75 * var(--fu)), 34px);--vx-flv-pad: calc(3.75 * var(--fu));--vx-flv-tilt: 8deg;position:relative;z-index:1;isolation:isolate;display:flex;align-items:center;min-height:calc(392 * var(--fu));padding:calc(56 * var(--fu)) 0;box-sizing:border-box;overflow:clip;color:#fff;background:#0a0707;font-family:var(--vx-font, "Poppins", sans-serif);transition:--vx-flv-c .62s cubic-bezier(.45,0,.25,1)}.vx-flavors__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,var(--vx-flv-c) 0%,#0a0707 100%);background:linear-gradient(180deg,var(--vx-flv-c) 0%,color-mix(in srgb,var(--vx-flv-c) 4%,#000) 100%);pointer-events:none}.vx-flavors__inner{width:100%;padding-left:calc(277 * var(--fu));box-sizing:border-box}.vx-flavors__head,.vx-flavors__list{position:relative;z-index:3}.vx-flavors__head{width:max(calc(232 * var(--fu)),250px)}.vx-flavors__head .vx-heading{--vx-h-size: max(calc(20.8 * var(--fu)), 20px);margin:0;line-height:1.3;letter-spacing:-.004em;color:#fff}.vx-flavors__text{margin:calc(9 * var(--fu)) 0 0;font-size:max(calc(8.6 * var(--fu)),12px);line-height:1.34;font-weight:400;color:#fffffff0}.vx-flavors__text p{margin:0}.vx-flavors__list{--i: 0;margin-top:calc(14 * var(--fu));width:max(calc(218.5 * var(--fu)),240px);padding:var(--vx-flv-pad);border:1px solid rgba(255,255,255,.22);border-radius:calc(4.5 * var(--fu));box-sizing:border-box}.vx-flavors__rows{display:flex;flex-direction:column;border-radius:calc(3 * var(--fu));background:#fff3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}.vx-flavors__row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:var(--vx-flv-row-h);margin:0;padding:6px calc(12 * var(--fu)) 6px max(calc(11.75 * var(--fu)),12px);border:0;border-top:1px solid rgba(255,255,255,.14);border-radius:0;box-sizing:border-box;background:none;color:#fff;font-family:inherit;font-size:max(calc(12.5 * var(--fu)),13px);line-height:1;font-weight:700;letter-spacing:.012em;text-transform:uppercase;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.vx-flavors__row:first-child{border-top:0}.vx-flavors__row:before{content:"";position:absolute;top:-1px;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--row-c, var(--vx-flv-c)) 0%,transparent 100%);opacity:0;transition:opacity .45s ease;pointer-events:none}.vx-flavors__row:first-child:before{top:0;right:0;bottom:0;left:0}.vx-flavors__row.is-active:before{opacity:1}.vx-flavors__row-label,.vx-flavors__row-arrow{position:relative}.vx-flavors__row-label{line-height:1.15;overflow-wrap:anywhere}.vx-flavors__row-arrow{flex:0 0 auto;width:max(calc(8.5 * var(--fu)),10px);height:auto;opacity:0;transform:translate(-4px);transition:opacity .3s ease,transform .35s var(--vx-flv-ease)}@media(hover:hover){.vx-flavors__row:hover .vx-flavors__row-arrow{opacity:.5;transform:none}}.vx-flavors__row.is-active .vx-flavors__row-arrow{opacity:1;transform:none}.vx-flavors__row:focus{outline:none}.vx-flavors__row:focus-visible{outline:2px solid #fff;outline-offset:-3px}.vx-flavors__indicator{position:absolute;left:-1px;right:-1px;top:var(--ind-top, calc(var(--vx-flv-pad) + var(--i) * var(--vx-flv-row-h)));height:var(--ind-h, var(--vx-flv-row-h));border-left:2px solid #fff;border-right:2px solid #fff;box-sizing:border-box;pointer-events:none;transition:top .42s var(--vx-flv-ease),height .42s var(--vx-flv-ease)}.vx-flavors__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.vx-flavors__slide{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden}.vx-flavors__slide.is-active{visibility:visible}.vx-flavors__product{--px: 780;--py: 196;--ph: 316;position:absolute;left:calc(var(--px) * var(--fu));top:calc(50% + (var(--py) - 196) * var(--fu));height:calc(var(--ph) * var(--fu));transform:translate(-50%,-50%);display:block;pointer-events:auto;color:inherit;text-decoration:none}.vx-flavors__product-glow{position:absolute;left:50%;top:50%;width:190%;height:118%;transform:translate(-50%,-50%) rotate(var(--vx-flv-lean, 0deg));border-radius:50%;background:radial-gradient(closest-side,#fff3,#ffffff14 55%,#fff0);pointer-events:none}.vx-flavors__product-motion{position:relative;display:block;height:100%}.vx-flavors__product img,.vx-flavors__product-motion>img,.vx-flavors__product .vx-product-image,.vx-flavors__product .vx-product-image img{display:block;height:100%;width:auto;max-width:none;object-fit:contain}.vx-flavors__product-tilt{position:relative;display:block;height:100%;rotate:calc(var(--vx-flv-lean, 0deg) + var(--vx-flv-sway, 0deg))}.vx-flavors__product-tilt>*{height:100%}.vx-flavors__video{position:absolute;top:0;left:50%;width:auto;translate:-50% 0;opacity:0;pointer-events:none;transition:opacity .3s ease}.vx-flavors__img:not(.vx-flavors__video){transition:opacity .3s ease}.vx-flavors__product.is-vx-flv-playing .vx-flavors__video{opacity:1}.vx-flavors__product.is-vx-flv-playing .vx-flavors__img:not(.vx-flavors__video){opacity:0}.vx-flavors__hotspot{position:absolute;left:calc(var(--hx, 792) * var(--fu));top:calc(50% + (var(--hy, 186) - 196) * var(--fu));z-index:4;display:flex;align-items:center;gap:10px;transform:translate(calc(max(calc(26 * var(--fu)),26px)/-2),-50%);pointer-events:auto;color:#111;text-decoration:none}.vx-flavors__hotspot-dot{position:relative;flex:0 0 auto;width:max(calc(26 * var(--fu)),26px);height:max(calc(26 * var(--fu)),26px);border-radius:50%;box-shadow:0 2px 10px #00000038;transition:transform .35s var(--vx-flv-ease)}.vx-flavors__hotspot-dot svg{display:block;width:100%;height:100%}.vx-flavors__hotspot-arcs{transform-origin:50% 50%;transition:transform .6s var(--vx-flv-ease)}.vx-flavors__hotspot-tip{padding:7px 11px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#1414148c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;font-size:12px;line-height:1.3;font-weight:600;white-space:nowrap;opacity:0;transform:translate(-6px);transition:opacity .25s ease,transform .35s var(--vx-flv-ease);pointer-events:none}.vx-flavors__hotspot-tip small{display:block;font-size:11px;font-weight:400;opacity:.85}.vx-flavors__hotspot:hover .vx-flavors__hotspot-dot,.vx-flavors__hotspot:focus-visible .vx-flavors__hotspot-dot{transform:scale(1.12)}.vx-flavors__hotspot:hover .vx-flavors__hotspot-arcs,.vx-flavors__hotspot:focus-visible .vx-flavors__hotspot-arcs{transform:rotate(90deg)}.vx-flavors__hotspot:hover .vx-flavors__hotspot-tip,.vx-flavors__hotspot:focus-visible .vx-flavors__hotspot-tip{opacity:1;transform:none}.vx-flavors__hotspot:focus{outline:none}.vx-flavors__hotspot:focus-visible .vx-flavors__hotspot-dot{outline:2px solid #fff;outline-offset:3px}.vx-flavors__deco{position:absolute;left:calc(var(--x) * var(--fu));top:calc(50% + (var(--y) - 196) * var(--fu));width:calc(var(--s) * var(--fu));aspect-ratio:1;margin:calc(var(--s) * var(--fu) * -.5) 0 0 calc(var(--s) * var(--fu) * -.5);pointer-events:none}.vx-flavors__deco--1{--x: 45;--y: 85;--s: 58;--b: 2;--fx: 60;--fy: 30}.vx-flavors__deco--2{--x: 1008;--y: 118;--s: 32;--b: 1;--fx: -60;--fy: 20}.vx-flavors__deco--3{--x: 698;--y: 100;--s: 92;--b: 0;--fx: 70;--fy: 50}.vx-flavors__deco--4{--x: 850;--y: 322;--s: 56;--b: 0;--fx: -60;--fy: -60}.vx-flavors__deco--5{--x: 655;--y: 214;--s: 22;--b: .5;--fx: 80;--fy: 0}.vx-flavors__deco--6{--x: 700;--y: 300;--s: 38;--b: 0;--fx: 60;--fy: -50}.vx-flavors__deco-in{display:block;width:100%;height:100%}.vx-flavors__deco img{display:block;width:100%;height:100%;object-fit:contain;rotate:var(--r, 0deg);filter:blur(calc(var(--b, 0) * var(--fu)));-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.vx-flavors__deco--1 img{--r: -18deg}.vx-flavors__deco--2 img{--r: 40deg}.vx-flavors__deco--3 img{--r: 12deg}.vx-flavors__deco--4 img{--r: -30deg}.vx-flavors__deco--5 img{--r: 70deg}.vx-flavors__deco--6 img{--r: -55deg}.vx-flavors__slide[data-side=left] .vx-flavors__deco--3{--x: 862}.vx-flavors__slide[data-side=left] .vx-flavors__deco--4{--x: 710}.vx-flavors__slide[data-side=left] .vx-flavors__deco--5{--x: 905}.vx-flavors__slide[data-side=left] .vx-flavors__deco--6{--x: 860}.vx-flavors__slide[data-side=left] .vx-flavors__deco img{rotate:calc(var(--r, 0deg) * -1)}.vx-flavors__slide[data-side=left] .vx-flavors__hotspot{--hx: 768}.vx-flavors__deco-in,.vx-flavors__hotspot{opacity:0}.vx-flavors__slide.is-active .vx-flavors__deco-in,.vx-flavors__slide.is-active .vx-flavors__hotspot{opacity:1}.vx-flavors__product-glow{opacity:0}.vx-flavors__slide.is-active .vx-flavors__product-glow,.vx-flavors.is-wheel .vx-flavors__product-glow{opacity:1}.vx-flavors.is-wheel{transition:none}.vx-flavors.is-wheel .vx-flavors__slide{visibility:visible}.vx-flavors.is-wheel .vx-flavors__product-motion,.vx-flavors.is-wheel .vx-flavors__deco-in{will-change:transform,opacity}.vx-flavors__grains{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;width:100%;height:100%;pointer-events:none}@media(prefers-reduced-motion:no-preference){.vx-flavors__product-tilt{animation:vx-flv-float 6.5s ease-in-out infinite alternate}.vx-flavors__deco img{animation:var(--drift, vx-flv-drift-a) var(--dur, 7s) ease-in-out var(--delay, 0s) infinite alternate}.vx-flavors__deco--1 img{--drift: vx-flv-drift-a;--dur: 7.4s;--delay: -2.1s}.vx-flavors__deco--2 img{--drift: vx-flv-drift-b;--dur: 5.3s;--delay: -.7s}.vx-flavors__deco--3 img{--drift: vx-flv-drift-c;--dur: 9.1s;--delay: -5.2s}.vx-flavors__deco--4 img{--drift: vx-flv-drift-b;--dur: 6.6s;--delay: -3.9s}.vx-flavors__deco--5 img{--drift: vx-flv-drift-a;--dur: 4.8s;--delay: -1.4s}.vx-flavors__deco--6 img{--drift: vx-flv-drift-c;--dur: 7.9s;--delay: -6.3s}.vx-flavors.is-offscreen .vx-flavors__product-tilt,.vx-flavors.is-offscreen .vx-flavors__deco img{animation-play-state:paused}}@media(prefers-reduced-motion:reduce){.vx-flavors,.vx-flavors__indicator,.vx-flavors__row:before{transition-duration:.01s}}@keyframes vx-flv-float{0%{translate:0 calc(-4 * var(--fu))}to{translate:0 calc(4 * var(--fu))}}@keyframes vx-flv-drift-a{0%{translate:calc(-3 * var(--fu)) calc(-6 * var(--fu));transform:rotate(-6deg)}to{translate:calc(4 * var(--fu)) calc(5 * var(--fu));transform:rotate(5deg)}}@keyframes vx-flv-drift-b{0%{translate:calc(5 * var(--fu)) calc(-3 * var(--fu));transform:rotate(8deg)}to{translate:calc(-4 * var(--fu)) calc(6 * var(--fu));transform:rotate(-4deg)}}@keyframes vx-flv-drift-c{0%{translate:0 calc(-7 * var(--fu));transform:rotate(0)}50%{translate:calc(-5 * var(--fu)) 0;transform:rotate(-7deg)}to{translate:calc(3 * var(--fu)) calc(6 * var(--fu));transform:rotate(4deg)}}@media screen and (min-width:990px)and (max-width:1199px){.vx-flavors__inner{padding-left:calc(200 * var(--fu))}.vx-flavors__product{--px: 780}}@media screen and (max-width:989px){.vx-flavors{--fu: 1px;--vx-flv-row-h: 48px;--vx-flv-pad: 4px;display:block;min-height:0;padding:56px 0 48px}.vx-flavors__inner{display:flex;flex-direction:column;align-items:center;padding:0 20px}.vx-flavors__head{order:1}.vx-flavors__stage{order:2}.vx-flavors__list{order:3}.vx-flavors__head{width:100%;max-width:420px;text-align:center}.vx-flavors__head .vx-heading{--vx-h-size: 26px;line-height:1.25;text-align:center}.vx-flavors__text{margin-top:10px;font-size:14px;line-height:1.45}.vx-flavors__stage{position:relative;inset:auto;width:100%;max-width:480px;height:400px;margin:8px auto 4px;overflow:clip}.vx-flavors__product{left:50%;top:50%;height:318px}.vx-flavors__hotspot{left:calc(50% + 18px);top:44%}.vx-flavors__deco{left:var(--mx);top:var(--my);width:calc(var(--s) * .72px);margin:calc(var(--s) * -.36px) 0 0 calc(var(--s) * -.36px)}.vx-flavors__deco--1{--mx: 6%;--my: 16%}.vx-flavors__deco--2{--mx: 94%;--my: 22%}.vx-flavors__deco--3{--mx: 30%;--my: 20%}.vx-flavors__deco--4{--mx: 72%;--my: 80%}.vx-flavors__deco--5{--mx: 20%;--my: 50%}.vx-flavors__deco--6{--mx: 28%;--my: 76%}.vx-flavors__slide[data-side=left] .vx-flavors__deco--3{--mx: 70%}.vx-flavors__slide[data-side=left] .vx-flavors__deco--4{--mx: 28%}.vx-flavors__slide[data-side=left] .vx-flavors__deco--5{--mx: 80%}.vx-flavors__slide[data-side=left] .vx-flavors__deco--6{--mx: 72%}.vx-flavors__list{width:100%;max-width:420px;margin-top:0;border-radius:6px}.vx-flavors__rows{border-radius:4px}.vx-flavors__row{padding:0 16px;font-size:15px}.vx-flavors__row-arrow{width:12px}.vx-flavors__hotspot-tip{display:none}}@media screen and (max-width:749px){.vx-flavors{display:flex;flex-direction:column;height:100svh;height:var(--vx-flv-h, 100svh);min-height:0;padding:56px 0 max(24px,env(safe-area-inset-bottom))}.vx-flavors__inner{flex:1 1 auto;min-height:0}.vx-flavors__stage{flex:1 1 0;height:auto;min-height:180px}.vx-flavors__product{height:min(max(79.5%,318px),94%)}}.vx-flavors__compact{display:none}@media screen and (max-width:749px){.vx-flavors[data-compact=true] .vx-flavors__list{display:none}.vx-flavors[data-compact=true] .vx-flavors__compact{order:3;display:flex;align-items:center;gap:4px;width:100%;max-width:420px;min-height:48px;margin:0 auto;padding:0 16px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--vx-flv-c) 55%,rgba(0,0,0,.4)),#00000061);color:#fff;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.02em;line-height:1.15;text-align:left;text-transform:uppercase;-webkit-tap-highlight-color:transparent}.vx-flavors__compact-link{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:44px;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.vx-flavors__compact-name{flex:0 1 auto;overflow-wrap:anywhere;text-align:center}.vx-flavors__compact-count{flex:0 0 auto;font-size:13px;font-weight:500;letter-spacing:.04em;opacity:.8;font-variant-numeric:tabular-nums}.vx-flavors__compact-sep{margin:0 1px;opacity:.6}.vx-flavors__compact-arrow{flex:0 0 auto;width:12px;height:auto;opacity:.85}.vx-flavors__compact-link:focus-visible{outline:2px solid #fff;outline-offset:-3px}}.vx-flavors__nav{display:none}@media screen and (max-width:749px){.vx-flavors[data-compact=true] .vx-flavors__nav{position:absolute;top:50%;z-index:6;display:grid;place-items:center;width:48px;height:56px;margin:0;padding:0;border:0;background:transparent;color:#fff;opacity:.9;translate:0 -50%;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.vx-flavors[data-compact=true] .vx-flavors__nav--prev{left:2px}.vx-flavors[data-compact=true] .vx-flavors__nav--next{right:2px}.vx-flavors__nav svg{width:13px;height:auto}.vx-flavors__nav:active{opacity:.5}.vx-flavors__nav:focus-visible{outline:2px solid #fff;outline-offset:-4px;border-radius:6px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/vx-flavor-switcher.css.map */