.ab-hero{--abh-glow:rgba(157,78,221,.55)}.ab-word{transform:translate(calc((var(--px,0) + var(--mx,0))*1% + var(--sx,0px)),calc(-55% + var(--sy,0px))) scale(var(--ss,1))!important;transform-origin:left center;transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}.ab-hero__media{position:relative}.ab-glow{position:absolute;left:50%;top:42%;width:70%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--abh-glow) 0%,rgba(90,24,154,0) 68%);filter:blur(10px);transition:background .8s ease;pointer-events:none;z-index:0}.ab-hero__main{position:relative;z-index:1;display:grid;place-items:center;min-height:clamp(240px,34vw,440px);touch-action:pan-y}.ab-hero__main .abh-img{grid-area:1/1;width:100%;max-height:440px;object-fit:contain;transform:rotate(-4deg);filter:drop-shadow(0 28px 22px rgba(30,5,60,.45))}.abh-img.is-in{animation:abhIn .95s cubic-bezier(.34,1.56,.64,1) both,abhFloat 4.5s ease-in-out .95s infinite}.abh-img.is-out{animation:abhOut .5s cubic-bezier(.55,0,.75,.2) both;pointer-events:none}.abh-img.is-in.from-left{animation-name:abhInL,abhFloat}.abh-img.is-out.to-right{animation-name:abhOutR}@keyframes abhIn{0%{opacity:0;transform:translate(38%) rotate(14deg) scale(.82);filter:blur(8px) drop-shadow(0 8px 8px rgba(30,5,60,.2))}60%{opacity:1;filter:blur(0) drop-shadow(0 40px 30px rgba(30,5,60,.55))}to{opacity:1;transform:translate(0) rotate(-4deg) scale(1);filter:drop-shadow(0 28px 22px rgba(30,5,60,.45))}}@keyframes abhInL{0%{opacity:0;transform:translate(-38%) rotate(-18deg) scale(.82);filter:blur(8px)}to{opacity:1;transform:translate(0) rotate(-4deg) scale(1);filter:drop-shadow(0 28px 22px rgba(30,5,60,.45))}}@keyframes abhOut{to{opacity:0;transform:translate(-45%) rotate(-22deg) scale(.85);filter:blur(10px)}}@keyframes abhOutR{to{opacity:0;transform:translate(45%) rotate(14deg) scale(.85);filter:blur(10px)}}@keyframes abhFloat{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(-3deg);filter:drop-shadow(0 38px 26px rgba(30,5,60,.32))}}.abh-s{transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.ab-hero__info.is-swap .abh-s{opacity:0;transform:translateY(14px)}.ab-hero__info .abh-s:nth-child(1){transition-delay:0s}.ab-hero__info .abh-s:nth-child(2){transition-delay:.06s}.ab-hero__info .abh-s:nth-child(3){transition-delay:.12s}.ab-hero__info .abh-s:nth-child(4){transition-delay:.18s}.ab-hero__info .abh-s:nth-child(5){transition-delay:.24s}.ab-hero__info .abh-s:nth-child(6){transition-delay:.3s}.ab-hero__info.is-swap .abh-s{transition-delay:0s!important}.ab-thumbs{flex-wrap:wrap}.ab-thumb{cursor:pointer;border:2px solid transparent!important;transition:transform .25s,border-color .25s,background .25s!important;padding:4px}.ab-thumb:hover{transform:translateY(-3px)}.ab-thumb.is-active{border-color:#fff!important;background:#ffffff38!important;transform:translateY(-3px)}.abh-dots button{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.55);padding:0;cursor:pointer;position:relative;transition:transform .2s,box-shadow .25s;background:var(--dot,#ddd)}.abh-dots button:hover{transform:scale(1.12)}.abh-dots button.is-active{box-shadow:0 0 0 3px #5a189a,0 0 0 5px #fff;transform:scale(1.08)}.abh-dots button:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);white-space:nowrap;background:#3c0f66;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:6px;opacity:0;pointer-events:none;transition:.2s}.abh-dots button:hover:after{opacity:1;transform:translate(-50%)}.abh-cname{font-weight:500;opacity:.85;font-size:13px;margin-left:6px}.ab-sizes button{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);background:transparent;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:.2s}.ab-sizes button:hover{border-color:#fff}.ab-sizes button.is-active{background:#fff;color:#5a189a!important;border-color:#fff}.ab-sizes button[disabled]{opacity:.35;text-decoration:line-through;cursor:not-allowed}@media(max-width:900px){.ab-thumbs{justify-content:center}.ab-thumb{width:58px!important;height:44px!important}}@media(prefers-reduced-motion:reduce){.abh-img.is-in,.abh-img.is-out{animation:none!important}.abh-img.is-out{display:none}.abh-s,.ab-word{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ab-hero.css.map */