.chw-spot{--chw-violet: #7c3aed;--chw-violet-light: #a882ff;--chw-cyan: #29c7d8;--chw-card-w: min(400px, 56vh);position:relative;overflow:hidden;background:#05050a;color:#fff;padding-top:var(--chw-spot-pt, 48px);padding-bottom:var(--chw-spot-pb, 48px);isolation:isolate}.chw-spot__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 18% 30%,rgba(124,58,237,.26),transparent 42%),radial-gradient(ellipse at 82% 70%,rgba(41,199,216,.16),transparent 46%),linear-gradient(180deg,#06060e,#05050a)}.chw-spot__bg:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;opacity:.55;background-image:radial-gradient(circle,rgba(168,130,255,.9) 0 1px,transparent 2px),radial-gradient(circle,rgba(93,239,255,.8) 0 1.2px,transparent 2.2px),radial-gradient(circle,rgba(255,255,255,.7) 0 .8px,transparent 1.6px);background-size:97px 109px,151px 137px,59px 71px;background-position:0 0,33px 47px,19px 23px;animation:chwSpotStars 40s linear infinite}@keyframes chwSpotStars{0%{transform:translate3d(-1%,-1%,0)}50%{transform:translate3d(2%,2%,0)}to{transform:translate3d(-1%,-1%,0)}}.chw-spot__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:center}.chw-spot__text{min-width:0}.chw-spot__eyebrow{display:inline-block;color:var(--chw-violet-light);text-transform:uppercase;letter-spacing:.18em;font-size:1.2rem;font-weight:800;margin-bottom:1.2rem}.chw-spot__heading{color:#fff;margin:0 0 1.2rem;letter-spacing:-.01em;text-shadow:0 0 24px rgba(124,58,237,.35)}.chw-spot__subheading{color:#ffffffb8;font-size:1.6rem;line-height:1.55;max-width:42rem}.chw-spot__subheading p{margin:0}.chw-spot__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem 2rem;margin-top:2.4rem}.chw-spot__button{background:linear-gradient(135deg,var(--chw-violet),var(--chw-violet-light));color:#fff;border:0;box-shadow:0 0 22px #7c3aed73;transition:transform .3s ease,box-shadow .3s ease}.chw-spot__button:hover{transform:translateY(-2px);box-shadow:0 0 32px #a882ff99}.chw-spot__count{display:inline-flex;align-items:center;gap:.8rem;color:#8ef0c0;font-size:1.3rem;font-weight:600}.chw-spot__count:before{content:"";width:8px;height:8px;border-radius:50%;background:#36d98b;box-shadow:0 0 14px #36d98b}.chw-spot__count[hidden]{display:none}.chw-spot__stage{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center}.chw-spot__deck{position:relative;width:min(100%,var(--chw-card-w));perspective:1400px}.chw-spot__glow{position:absolute;top:8%;right:-10%;bottom:-4%;left:-10%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 60%,rgba(124,58,237,.55),rgba(41,199,216,.12) 45%,transparent 70%);filter:blur(28px);animation:chwSpotGlow 5s ease-in-out infinite alternate}@keyframes chwSpotGlow{0%{opacity:.7;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.chw-spot__track{position:relative;z-index:1;list-style:none;margin:0;padding:0;width:100%;aspect-ratio:5 / 7;transform-style:preserve-3d}.chw-spot__item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(70%,0,-220px) rotateY(-38deg) scale(.82);transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .55s ease,visibility 0s linear .9s}.chw-spot__item.is-leaving{opacity:0;visibility:visible;transition-delay:0s,0s,.9s;transform:translate3d(-70%,0,-220px) rotateY(38deg) scale(.82);z-index:1}.chw-spot[data-dir=prev] .chw-spot__item{transform:translate3d(-70%,0,-220px) rotateY(38deg) scale(.82)}.chw-spot[data-dir=prev] .chw-spot__item.is-leaving{transform:translate3d(70%,0,-220px) rotateY(-38deg) scale(.82)}.chw-spot__item.is-active{opacity:1;visibility:visible;transition-delay:0s;pointer-events:auto;transform:translateZ(0) rotateY(0) scale(1);z-index:2}.chw-spot__card{display:block;width:100%;height:100%;color:inherit;text-decoration:none;transform-style:preserve-3d;transition:transform .25s ease-out}.chw-spot__frame{position:relative;display:block;width:100%;height:100%;border-radius:18px;overflow:hidden;background:#0b0b14;border:1px solid rgba(168,130,255,.55);box-shadow:0 0 0 1px #a882ff33,0 0 44px #7c3aed80,0 30px 60px #000000a6;transition:box-shadow .4s ease,border-color .4s ease}.chw-spot__item.is-active .chw-spot__card:hover .chw-spot__frame{border-color:#ffffffbf;box-shadow:0 0 0 1px #ffffff40,0 0 64px #a882ffbf,0 34px 70px #000000b3}.chw-spot__image{width:100%;height:100%;object-fit:contain;display:block;background:#0b0b14}.chw-spot__shine{position:absolute;top:-60%;right:-40%;bottom:-60%;left:-40%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.24) 47%,rgba(168,130,255,.3) 52%,rgba(41,199,216,.22) 56%,transparent 66%);transform:translate(-70%);opacity:0;pointer-events:none}.chw-spot__item.is-active .chw-spot__shine{animation:chwSpotShine 2.4s ease-in-out .5s 1 both}@keyframes chwSpotShine{0%{transform:translate(-70%);opacity:0}15%{opacity:1}70%{opacity:1}to{transform:translate(70%);opacity:0}}.chw-spot__progress{position:relative;z-index:1;height:3px;margin:1.8rem auto 0;width:60%;border-radius:3px;background:#ffffff1f;overflow:hidden}.chw-spot__progress i{display:block;height:100%;width:100%;border-radius:3px;background:linear-gradient(90deg,var(--chw-violet),var(--chw-cyan));transform-origin:left center;transform:scaleX(0)}.chw-spot.is-playing .chw-spot__progress i{animation:chwSpotProgress var(--chw-spot-delay, 5s) linear 1 both}@keyframes chwSpotProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.chw-spot__meta{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-top:1.6rem;max-width:min(100%,calc(var(--chw-card-w) + 6rem));text-align:center;color:inherit;text-decoration:none;transition:opacity .35s ease,transform .35s ease}.chw-spot__meta.is-switching{opacity:0;transform:translateY(6px)}.chw-spot__name{font-size:1.6rem;line-height:1.35;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chw-spot__name svg{width:20px;height:14px;border-radius:2px;vertical-align:-2px;margin-right:.7rem}.chw-spot__price{font-size:2.2rem;font-weight:800;color:var(--chw-violet-light);letter-spacing:.01em;text-shadow:0 0 18px rgba(124,58,237,.5)}.chw-spot__view{display:inline-flex;align-items:center;gap:.6rem;margin-top:.4rem;font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffffb3;transition:color .3s ease,gap .3s ease}.chw-spot__view-icon svg{width:1.4rem;height:1.4rem}.chw-spot__meta:hover .chw-spot__view{color:#fff;gap:1rem}.chw-spot__nav{position:absolute;top:42%;transform:translateY(-50%);z-index:3;width:4.6rem;height:4.6rem;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:linear-gradient(135deg,var(--chw-violet),var(--chw-violet-light));color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 18px #7c3aed80;transition:transform .25s ease,box-shadow .25s ease}.chw-spot__nav svg{width:2rem;height:2rem}.chw-spot__nav:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 0 28px #a882ffbf}.chw-spot__nav:focus-visible{outline:2px solid #fff;outline-offset:2px}.chw-spot__nav--prev{left:0}.chw-spot__nav--next{right:0}.chw-spot__empty{color:#fff9;text-align:center;margin:2rem 0 0}@media screen and (max-width:989px){.chw-spot{--chw-card-w: min(74vw, 340px)}.chw-spot__inner{grid-template-columns:1fr;gap:2.4rem}.chw-spot__text{text-align:center}.chw-spot__subheading{margin:0 auto;font-size:1.5rem}.chw-spot__actions{justify-content:center;margin-top:1.8rem}.chw-spot__nav{width:4rem;height:4rem}.chw-spot__nav--prev{left:.2rem}.chw-spot__nav--next{right:.2rem}.chw-spot__price{font-size:2rem}.chw-spot__bg:before{display:none}.chw-spot__glow{animation:none;filter:none;background:radial-gradient(ellipse at 50% 60%,rgba(124,58,237,.4),rgba(41,199,216,.08) 45%,transparent 70%)}.chw-spot__deck{perspective:none}.chw-spot__track,.chw-spot__card{transform-style:flat}.chw-spot__item{transform:translate3d(60%,0,0) scale(.88);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .45s ease,visibility 0s linear .7s}.chw-spot__item.is-leaving{transform:translate3d(-60%,0,0) scale(.88);transition-delay:0s,0s,.7s}.chw-spot[data-dir=prev] .chw-spot__item{transform:translate3d(-60%,0,0) scale(.88)}.chw-spot[data-dir=prev] .chw-spot__item.is-leaving{transform:translate3d(60%,0,0) scale(.88)}.chw-spot__item.is-active{transform:translateZ(0) scale(1)}.chw-spot__frame{box-shadow:0 0 28px #7c3aed73,0 16px 34px #0009}.chw-spot__item.is-active .chw-spot__shine{animation:none}}@media(prefers-reduced-motion:reduce){.chw-spot__bg:before,.chw-spot__glow,.chw-spot__item.is-active .chw-spot__shine,.chw-spot.is-playing .chw-spot__progress i{animation:none!important}.chw-spot__item,.chw-spot__card,.chw-spot__meta{transition-duration:.01s}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-chw-card-spotlight.css.map */