.fcx{display:block;position:relative}.fcx-panel{position:relative;height:clamp(560px,86vh,880px);margin:0 auto;overflow:hidden;background:var(--purple-dk, #3d0080);border-radius:22px;isolation:isolate;cursor:grab}.fcx-panel.is-grabbing{cursor:grabbing;-webkit-user-select:none;user-select:none}.fcx-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.fcx-base{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(72% 92% at 50% 30%,hsla(265,55%,40%,.55),hsla(38,50%,42%,.16) 52%,transparent 76%)}.fcx-tint{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:screen;opacity:var(--fcx-tint-op, .35);background:radial-gradient(56% 76% at 50% 34%,var(--fcx-tint-col, transparent),transparent 70%);transition:background .7s ease,opacity .7s ease}.fcx-grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");animation:fcxGrain 7s steps(6) infinite}@keyframes fcxGrain{0%{transform:translate(0)}20%{transform:translate(-4%,2%)}40%{transform:translate(3%,-3%)}60%{transform:translate(-2%,4%)}80%{transform:translate(4%,-2%)}to{transform:translate(0)}}.fcx-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 50% 44%,transparent 52%,rgba(0,0,0,.62))}.fcx-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.fcx-item{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) translate(calc(var(--d, 0) * 32vw)) translateY(calc((1 - var(--e, 0)) * 60px)) scale(calc(.74 + var(--e, 0) * .26));opacity:var(--e, 0);z-index:calc(var(--e, 0) * 100);will-change:transform,opacity}.fcx-item img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.fcx-card{position:relative;height:clamp(300px,56vh,620px);width:auto;border-radius:14px;overflow:hidden;background:#14101f;box-shadow:0 40px 90px #000000a6,0 0 0 1px #ffffff1f inset,0 0 var(--fcx-glow-size, 50px) var(--fcx-card-glow, rgba(160,120,255,.28))}.fcx-img{display:block;height:100%;width:auto;max-width:78vw;object-fit:contain}.fcx-img--ph{display:flex;align-items:center;justify-content:center;font-size:120px;height:100%;width:320px;color:#fff}.fcx-shine{position:absolute;top:0;left:-60%;width:50%;height:100%;z-index:2;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-18deg);opacity:0}.fcx-item[data-focus] .fcx-shine{animation:fcxShine 1.2s ease-in .15s}@keyframes fcxShine{0%{left:-60%;opacity:0}12%{opacity:1}to{left:130%;opacity:0}}.fcx-item.is-pulsing .fcx-card{animation:fcxPulse 2.6s ease-in-out infinite}@keyframes fcxPulse{0%,to{box-shadow:0 40px 90px #000000a6,0 0 0 1px #ffffff1f inset,0 0 36px var(--fcx-card-glow, rgba(160,120,255,.28))}50%{box-shadow:0 48px 110px #000000b3,0 0 0 1px #ffffff2e inset,0 0 90px var(--fcx-card-glow-strong, rgba(160,120,255,.5))}}.fcx-arrow{position:absolute;top:44%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#140e208c;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000059;cursor:pointer;z-index:5;opacity:.78;transition:opacity .25s ease,transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.fcx-arrow:hover{opacity:1;background:#241a38b8;border-color:#ffffff8c;transform:translateY(-50%) scale(1.06);box-shadow:0 16px 40px #00000073}.fcx-arrow:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:3px}.fcx-arrow:disabled,.fcx-arrow[aria-disabled=true]{opacity:0;visibility:hidden;cursor:default;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}.fcx-arrow--prev{left:clamp(20px,11vw,180px)}.fcx-arrow--next{right:clamp(20px,11vw,180px)}.fcx-arrow svg{display:block}.fcx-caption{position:absolute;left:50%;bottom:clamp(34px,7.5vh,80px);transform:translate(-50%);z-index:3;text-align:center;pointer-events:none}.fcx-cap{position:absolute;left:50%;bottom:0;transform:translate(-50%,14px);opacity:0;transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1);white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:clamp(22px,2.6vw,40px)}.fcx-cap[data-active]{transform:translate(-50%)}.fcx-stage:not([data-moving])~.fcx-caption .fcx-cap[data-active]{opacity:1;pointer-events:auto}.fcx-price{font-family:Geist Sans,Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;font-size:clamp(28px,3.1vw,46px);line-height:1;letter-spacing:.01em;font-feature-settings:"tnum" 1;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.5)}.fcx-btn{display:inline-flex;align-items:center;gap:8px;background:#140e208c;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:18px 40px;font-weight:600;font-size:clamp(15px,1.15vw,18px);letter-spacing:.6px;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000059;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.fcx-btn:hover{transform:translateY(-2px);background:#241a38b8;border-color:#ffffff8c;color:#fff;box-shadow:0 16px 40px #00000073}@media(max-width:820px){.fcx-panel{height:clamp(520px,80vh,760px);border-radius:16px}.fcx-item{top:42%;transform:translate(-50%,-50%) translate(calc(var(--d, 0) * 46vw)) translateY(calc((1 - var(--e, 0)) * 50px)) scale(calc(.72 + var(--e, 0) * .28))}.fcx-card{height:clamp(260px,50vh,480px)}.fcx-img{max-width:86vw}.fcx-cap{gap:18px}.fcx-btn{padding:15px 32px;font-size:15px}.fcx-caption{bottom:76px}.fcx-arrow{width:46px;height:46px;top:42%}.fcx-arrow--prev{left:10px}.fcx-arrow--next{right:10px}}@media(prefers-reduced-motion:reduce){.fcx-panel{height:auto;min-height:80vh}.fcx-grain{animation:none}.fcx-shine{display:none}.fcx-item.is-pulsing .fcx-card{animation:none}}@media(max-width:820px){.fcx-card{height:clamp(312px,60vh,576px)}.fcx-img{max-width:95vw}}.fcx-panel.fcx-armed .fcx-item,.fcx-panel.fcx-armed .fcx-caption,.fcx-panel.fcx-armed .fcx-arrow{opacity:0!important}.fcx-panel.fcx-armed .fcx-arrow{pointer-events:none}.fcx-panel.fcx-armed .fcx-tint{opacity:0!important}.fcx-base{transition:opacity .9s ease}.fcx-panel.fcx-armed .fcx-base{opacity:.3}.fcx-panel.fcx-reveal .fcx-item[data-focus]{perspective:1000px}.fcx-panel.fcx-reveal .fcx-item[data-focus] .fcx-card{transform-origin:50% 82%;animation:fcxEnter 1.05s cubic-bezier(.16,1,.3,1) both,fcxFlare 1.7s ease-out .4s both}@keyframes fcxEnter{0%{opacity:0;transform:translateY(16vh) scale(.5) rotateX(26deg);filter:blur(16px) brightness(2.4)}55%{opacity:1;filter:blur(0) brightness(1.4)}74%{transform:translateY(-1.5vh) scale(1.035) rotateX(-3deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0);filter:none}}@keyframes fcxFlare{0%{box-shadow:0 40px 90px #000000a6,0 0 0 1px #ffffff1f inset,0 0 #0000}30%{box-shadow:0 52px 130px #000000b8,0 0 0 1px #ffffff47 inset,0 0 150px var(--fcx-card-glow-strong, rgba(160,120,255,.65))}to{box-shadow:0 40px 90px #000000a6,0 0 0 1px #ffffff1f inset,0 0 50px var(--fcx-card-glow, rgba(160,120,255,.28))}}.fcx-panel.fcx-reveal .fcx-item:not([data-focus]) .fcx-card{animation:fcxSideIn .9s cubic-bezier(.22,1,.36,1) .8s backwards}@keyframes fcxSideIn{0%{opacity:0;transform:translateY(70px)}}.fcx-panel.fcx-reveal .fcx-caption{animation:fcxCapUp .7s ease 1.15s backwards}@keyframes fcxCapUp{0%{opacity:0;transform:translate(-50%) translateY(26px)}}.fcx-panel.fcx-reveal .fcx-arrow:not([aria-disabled=true]){animation:fcxArrowIn .6s ease 1.3s backwards}@keyframes fcxArrowIn{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.fcx-panel.fcx-armed .fcx-item,.fcx-panel.fcx-armed .fcx-caption,.fcx-panel.fcx-armed .fcx-arrow,.fcx-panel.fcx-armed .fcx-tint{opacity:initial!important}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/featured-spotlight.css.map */