.fz-catsel{position:relative;height:100dvh;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;--fzcs-ratio: 4 / 3}.fz-catsel__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 90% at 50% 30%,color-mix(in srgb,var(--fzcs-ambient-color, #1c1c1c) calc(var(--fzcs-ambient, .4) * 100%),transparent),rgb(var(--fzcs-base, 5, 5, 5)) 68%),rgb(var(--fzcs-base, 5, 5, 5));transition:background var(--fz-ui-slow) var(--fz-ease-out, ease)}@supports not (background: color-mix(in srgb,red 50%,blue)){.fz-catsel__bg{background:radial-gradient(120% 90% at 50% 30%,var(--fzcs-ambient-color, #1c1c1c) 0%,rgb(var(--fzcs-base, 5, 5, 5)) 70%);opacity:1}}.fz-catsel__head{flex:0 0 auto;padding-top:clamp(8.5rem,12vh,12rem);text-align:center}.fz-catsel__eyebrow{margin:0 0 .8rem}.fz-catsel__title{margin:0;font-family:var(--fz-font-display);font-size:var(--fzcs-title, 6rem);line-height:.98;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.fz-catsel__sub{margin:1rem 0 0;font-size:1.25rem;letter-spacing:var(--fz-tracking-wide);text-transform:uppercase;opacity:.7}.fz-catsel__genere{margin:.7rem 0 0;font-size:1.15rem;letter-spacing:.3em;text-transform:uppercase;color:rgb(var(--fz-accent));opacity:.92}.fz-catsel__stage{flex:1 1 auto;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;outline:none;touch-action:pan-y;perspective:1600px;perspective-origin:50% 45%}.fz-catsel__arrow{position:absolute;top:50%;z-index:180;width:4.4rem;height:4.4rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(var(--fz-white),.18);border-radius:50%;background:#0505053d;color:inherit;cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:color var(--fz-ui) var(--fz-ease-out),border-color var(--fz-ui) var(--fz-ease-out),background-color var(--fz-ui) var(--fz-ease-out),transform var(--fz-ui) var(--fz-ease-out)}.fz-catsel__arrow--prev{left:clamp(1.2rem,4vw,5rem)}.fz-catsel__arrow--next{right:clamp(1.2rem,4vw,5rem)}.fz-catsel__arrow--prev .fz-svg{transform:rotate(180deg)}.fz-catsel__arrow .fz-svg{width:1.8rem;height:1.8rem}.fz-catsel__arrow:hover,.fz-catsel__arrow:focus-visible{color:rgb(var(--fz-accent));border-color:currentColor;background:#0505057a}.fz-catsel__arrow:focus-visible{outline:1px solid currentColor;outline-offset:3px}.fz-catsel__flow{position:relative;width:var(--fzcs-card, 420px);max-width:78vw;transform-style:preserve-3d}.fz-catsel__flow:before{content:"";display:block;aspect-ratio:var(--fzcs-ratio, 3 / 4)}.fz-catsel__card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;border-radius:clamp(1.6rem,2vw,2.4rem);overflow:hidden;background:#0c0c0c;color:rgb(var(--fz-white));text-decoration:none;box-shadow:0 3rem 6rem #0000008c;transform-origin:center center;will-change:transform,opacity;transition:transform var(--fz-ui-slow) var(--fz-ease-out),opacity var(--fz-ui-slow) var(--fz-ease-out);backface-visibility:hidden}.fz-catsel__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#05050580;opacity:1;transition:opacity var(--fz-ui-slow) var(--fz-ease-out);pointer-events:none;z-index:3}.fz-catsel__card.is-active{cursor:pointer}.fz-catsel__card.is-active:after{opacity:0}.fz-catsel--reflect .fz-catsel__card{-webkit-box-reflect:below .3rem linear-gradient(to bottom,transparent 0,transparent 62%,rgba(0,0,0,.16) 88%,rgba(0,0,0,.26) 100%)}.fz-catsel__cardhead{position:relative;z-index:2;flex:0 0 auto;display:flex;align-items:center;gap:1rem;padding:clamp(1.4rem,2.4vw,2.2rem);background:var(--fzc-accent, #1c1c1c);min-height:32%}.fz-catsel__num{flex:0 0 auto;width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid currentColor;border-radius:50%;font-size:1.2rem;opacity:.85}.fz-catsel__name{font-family:var(--fz-font-display);font-size:clamp(2.2rem,3.4vw,3.4rem);line-height:1;text-transform:uppercase;letter-spacing:.02em}.fz-catsel__media{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:#080808}.fz-catsel__img,.fz-catsel__placeholder{width:100%;height:100%;object-fit:cover;display:block}.fz-catsel__placeholder{filter:grayscale(1) invert(1) brightness(.72) contrast(1.16);opacity:.78}.fz-catsel__card:focus-visible{outline:none}.fz-catsel__card:focus-visible{box-shadow:0 3rem 6rem #0000008c,inset 0 0 0 2px rgba(var(--fz-beige),.9)}.fz-catsel__dots{flex:0 0 auto;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:1.6rem;padding-bottom:max(2.6rem,env(safe-area-inset-bottom))}.fz-catsel__dot{width:.7rem;height:.7rem;border:0;padding:0;border-radius:50%;background:currentColor;opacity:.4;cursor:pointer;transition:width var(--fz-ui-slow) var(--fz-ease-out),height var(--fz-ui-slow) var(--fz-ease-out),border-radius var(--fz-ui-slow) var(--fz-ease-out),background-color var(--fz-ui-slow) var(--fz-ease-out),opacity var(--fz-ui-slow) var(--fz-ease-out),box-shadow var(--fz-ui-slow) var(--fz-ease-out)}.fz-catsel__dot[aria-current=true]{width:2.6rem;height:2px;border-radius:999px;background:rgb(var(--fz-accent));opacity:1;box-shadow:0 0 8px rgba(var(--fz-accent),.6)}@media(max-width:749px){.fz-catsel{--fzcs-ratio: 3 / 4}.fz-catsel__title{font-size:var(--fzcs-title-m, clamp(3rem, 10vw, 4.4rem))}.fz-catsel__flow{width:min(var(--fzcs-card, 420px),78vw)}.fz-catsel__arrow{width:3.8rem;height:3.8rem}.fz-catsel__arrow--prev{left:.8rem}.fz-catsel__arrow--next{right:.8rem}}html[data-fz-theme=light] .fz-catsel{--fzcs-base: 244, 241, 236 !important;background-color:#f4f1ec!important;color:#111!important}html[data-fz-theme=light] .fz-catsel__arrow{border-color:#1111112e;background:#ffffff8f}.fz-motion-on .fz-catsel--animate .fz-catsel__head>*,.fz-motion-on .fz-catsel--animate .fz-catsel__stage,.fz-motion-on .fz-catsel--animate .fz-catsel__dots{animation:fz-catsel-rise .9s var(--fz-ease-out, cubic-bezier(.22, 1, .36, 1)) backwards}.fz-motion-on .fz-catsel--animate .fz-catsel__head>*:nth-child(1){animation-delay:.1s}.fz-motion-on .fz-catsel--animate .fz-catsel__head>*:nth-child(2){animation-delay:.2s}.fz-motion-on .fz-catsel--animate .fz-catsel__head>*:nth-child(3){animation-delay:.3s}.fz-motion-on .fz-catsel--animate .fz-catsel__stage{animation-delay:.36s}.fz-motion-on .fz-catsel--animate .fz-catsel__dots{animation-delay:.62s}@keyframes fz-catsel-rise{0%{opacity:0;transform:translateY(24px)}}@media(prefers-reduced-motion:reduce){.fz-catsel__card,.fz-catsel__bg{transition:none}.fz-motion-on .fz-catsel--animate .fz-catsel__head>*,.fz-motion-on .fz-catsel--animate .fz-catsel__stage,.fz-motion-on .fz-catsel--animate .fz-catsel__dots{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/fz-category-select.css.map */