.flv{--ease: cubic-bezier(.22, .9, .25, 1);background:var(--flv-bg, #FFFFFF);color:#0a0a0a;padding:clamp(2.25rem,3.5vw,3rem) 0;font-family:Noto Sans,sans-serif;overflow:hidden;overflow:clip}.flv__wrap{width:min(100% - 2.5rem,1320px);margin:0 auto}.flv__head{text-align:center;margin:0 auto clamp(1.25rem,2.2vw,1.75rem);max-width:860px}.flv__title{margin:0;font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.05;letter-spacing:-.015em;text-transform:lowercase}.flv__title span{display:block}.flv__title span+span{color:#ff5a2e}.flv__sub{margin:.7rem 0 0;font-size:1rem;line-height:1.55;color:#0a0a0ab8}.flv__names{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1.1rem;margin:1.1rem 0 0;padding:0;list-style:none;font-family:Outfit,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.flv__names li{display:inline-flex;align-items:center;gap:.45rem}.flv__names i{width:.55rem;height:.55rem;border-radius:50%;background:var(--c2)}.flv__row{display:flex;gap:clamp(6px,.8vw,12px);height:clamp(340px,30vw,440px);margin:0;padding:0;list-style:none}.flv__p{position:relative;flex:1 1 0;min-width:0;border-radius:clamp(14px,1.6vw,22px);overflow:hidden;isolation:isolate;cursor:pointer;color:var(--ink, #FFFFFF);background:radial-gradient(120% 70% at 70% 20%,var(--c1),transparent 70%),linear-gradient(170deg,var(--c1),var(--c2));transition:flex-grow .8s var(--ease);outline:none}.flv__p:focus-visible{box-shadow:0 0 0 3px #ff5a2e}.flv__row:not(.is-picked) .flv__p:hover,.flv__p.is-on{flex-grow:1.9}.flv__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.flv__media img,.flv__media video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08);transition:transform 1.4s var(--ease)}.flv.is-in .flv__media img,.flv.is-in .flv__media video{animation:flvDrift 14s ease-in-out infinite alternate}.flv__p:hover .flv__media img,.flv__p.is-on .flv__media img{animation-play-state:paused;transform:scale(1.03)}@keyframes flvDrift{0%{transform:scale(1.08) translateZ(0)}to{transform:scale(1.16) translate3d(-2%,-2.5%,0)}}.flv__p:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgb(0 0 0 / calc(var(--shade, .35) * 1)),#0000 55%),linear-gradient(0deg,rgb(0 0 0 / calc(var(--shade, .35) * .9)),#0000 40%)}.flv__p[data-dark]:before{background:linear-gradient(90deg,rgb(255 255 255 / calc(var(--shade, .35) * 1.4)),#fff0 55%),linear-gradient(0deg,rgb(255 255 255 / calc(var(--shade, .35) * 1.2)),#fff0 40%)}.flv__fizz{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.flv__fizz i{position:absolute;bottom:-24px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle at 32% 30%,rgb(255 255 255 / .95) 0 14%,rgb(255 255 255 / .18) 30%,rgb(255 255 255 / .05) 62%,rgb(255 255 255 / .55) 70%,transparent 74%);opacity:0}.flv.is-in .flv__fizz i{animation:flvRise var(--d) linear var(--w) infinite}.flv__p:hover .flv__fizz i,.flv__p.is-on .flv__fizz i{animation-duration:calc(var(--d) * .55)}@keyframes flvRise{0%{transform:translateZ(0);opacity:0}10%{opacity:.9}50%{transform:translate3d(10px,-55cqh,0)}85%{opacity:.75}to{transform:translate3d(-6px,calc(-100cqh - 40px),0);opacity:0}}.flv__p{container-type:size}.flv__tag{position:absolute;top:clamp(1rem,1.6vw,1.5rem);left:clamp(1rem,1.6vw,1.5rem);display:inline-flex;align-items:center;gap:.55rem;font-family:Outfit,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.flv__tag:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.flv__name{position:absolute;top:clamp(3rem,4vw,3.8rem);left:clamp(.7rem,1.2vw,1.1rem);margin:0;writing-mode:vertical-rl;transform:rotate(180deg);font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(2.3rem,3.6vw,3.6rem);line-height:1;letter-spacing:-.035em;text-transform:lowercase;white-space:nowrap}.flv__name span{display:block}.flv__more{position:absolute;right:clamp(1rem,1.6vw,1.5rem);bottom:clamp(1rem,1.6vw,1.5rem);left:calc(clamp(.7rem,1.2vw,1.1rem) + clamp(2.3rem,3.6vw,3.6rem) + 1.2rem);display:grid;gap:.8rem;justify-items:start;opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .6s var(--ease);pointer-events:none}.flv__desc{margin:0;max-width:24ch;font-size:clamp(.9rem,1.1vw,1rem);line-height:1.45;font-weight:600}.flv__pick{-webkit-appearance:none;appearance:none;border:0;border-radius:999px;padding:.62rem 1.05rem;background:#fff;color:#0a0a0a;font:700 .78rem/1 Outfit,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease}.flv__pick:hover{background:#0a0a0a;color:#ff5a2e}.flv__p[data-dark] .flv__pick{background:#0a0a0a;color:#fff}.flv__p[data-dark] .flv__pick:hover{color:#ff5a2e}.flv__row:not(.is-picked) .flv__p:hover .flv__more,.flv__p.is-on .flv__more{opacity:1;transform:none;transition-delay:.25s;pointer-events:auto}.flv__p{clip-path:inset(100% 0 0 0 round 22px);transition:flex-grow .8s var(--ease),clip-path 1.1s var(--ease);transition-delay:0s,calc(var(--i) * .11s)}.flv.is-in .flv__p{clip-path:inset(0 0 0 0 round 22px)}.flv__name span{transform:translateY(-40%);opacity:0;transition:transform 1s var(--ease),opacity .8s ease;transition-delay:calc(var(--i) * .11s + .35s)}.flv.is-in .flv__name span{transform:none;opacity:1}@media(max-width:749px){.flv__wrap{width:calc(100% - 2rem)}.flv__row{height:clamp(360px,100vw,430px)}.flv__p,.flv__row:not(.is-picked) .flv__p:hover{flex-grow:1}.flv__p.is-on,.flv__row:not(.is-picked) .flv__p.is-on:hover{flex-grow:3.4}.flv__row:not(.is-picked) .flv__p:hover .flv__more{opacity:0;pointer-events:none}.flv__row .flv__p.is-on .flv__more{opacity:1;pointer-events:auto}.flv__tag{top:.85rem;left:.8rem;font-size:.66rem}.flv__p:not(.is-on) .flv__tag{font-size:0;gap:0}.flv__name{top:2.6rem;left:.45rem;font-size:clamp(2rem,9.5vw,2.6rem)}.flv__more{left:3.3rem;right:.85rem;bottom:.9rem}.flv__names{gap:.3rem .8rem;font-size:.72rem;letter-spacing:.1em}.flv__p:not(.is-on) .flv__more{visibility:hidden}.flv__desc{font-size:.84rem}.flv__pick{padding:.52rem .7rem;font-size:.68rem;letter-spacing:.06em;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.flv__p,.flv__name span{clip-path:none!important;transform:none!important;opacity:1!important;transition:flex-grow .3s ease}.flv .flv__media img,.flv .flv__fizz i{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/bback-flavours.css.map */