.mascot-school-row{inline-size:min(100%,38rem)}.mascot-school-wrap{--mascot-school-shadow-color: 18 24 32;position:relative;display:block;inline-size:clamp(4.85rem,10vw,7.7rem);aspect-ratio:1;flex-shrink:0;pointer-events:auto;outline-offset:.25rem;text-decoration:none;transform-origin:50% 82%;filter:drop-shadow(0 14px 24px rgb(var(--mascot-school-shadow-color) / .18));transition:filter .25s ease}.mascot-school-wrap:hover,.mascot-school-wrap:focus-visible{filter:drop-shadow(0 18px 30px rgb(var(--mascot-school-shadow-color) / .22))}.mascot-school-wrap--zippy{margin-inline-start:clamp(.1rem,1vw,.65rem)}.mascot-school-wrap--zippy:after{content:"";position:absolute;left:50%;bottom:3%;width:50%;height:5%;transform:translate(-50%);background:rgb(var(--mascot-school-shadow-color) / .24);border-radius:50%;filter:blur(3px);z-index:-1;pointer-events:none;transition:background .25s ease,width .25s ease,filter .25s ease}.mascot-school-wrap--zippy:hover:after,.mascot-school-wrap--zippy:focus-visible:after{background:rgb(var(--mascot-school-shadow-color) / .3);width:52%;filter:blur(4px)}.mascot-school-wrap--wheelie{margin-inline-end:clamp(.1rem,1vw,.65rem)}.mascot-school-wrap--compact{display:inline-block;inline-size:clamp(2rem,4.8vw,2.75rem);margin-inline:.35rem 0;vertical-align:middle;filter:drop-shadow(0 6px 10px rgb(var(--mascot-school-shadow-color) / .16))}.mascot-school-wrap--compact:hover,.mascot-school-wrap--compact:focus-visible{filter:drop-shadow(0 8px 14px rgb(var(--mascot-school-shadow-color) / .22))}.mascot-school-wrap--compact.mascot-school-wrap--zippy,.mascot-school-wrap--compact.mascot-school-wrap--wheelie{margin-inline-start:.35rem;margin-inline-end:0}.mascot-school-wrap--compact.mascot-school-wrap--wheelie .mascot-school-frame{transform:scale(1.05)}.mascot-school-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;inline-size:100%;block-size:100%;object-fit:contain;opacity:0;filter:none!important;mix-blend-mode:normal;pointer-events:none;transition:opacity .18s ease}.mascot-school-wrap--wheelie .mascot-school-frame{transform:scale(1.1);transform-origin:50% 55%}.mascot-school-frame.is-active{opacity:1}.mascot-school-wrap[data-mascot-school-state=idle-breathe]{animation:mascot-school-breathe 3s ease-in-out infinite}.mascot-school-wrap[data-mascot-school-state=hover-a]{animation:mascot-school-lean .5s ease-in-out forwards}.mascot-school-wrap[data-mascot-school-state=hover-b]{animation:mascot-school-shake .6s ease-in-out infinite}.mascot-school-wrap[data-mascot-school-state=bounce]{animation:mascot-school-jump .55s cubic-bezier(.34,1.56,.64,1) forwards}.mascot-school-wrap[data-mascot-school-state=celebrate]{animation:mascot-school-celebrate .7s cubic-bezier(.34,1.56,.64,1) forwards}.mascot-school-wrap[data-mascot-school-state=link-go]{animation:mascot-school-go .55s cubic-bezier(.55,0,1,.45) forwards}.mascot-school-wrap[data-mascot-school-state=shock]{animation:mascot-school-shock .58s cubic-bezier(.2,.8,.2,1) forwards}.mascot-school-wrap[data-mascot-school-state=checkout-bounce]{animation:mascot-school-checkout-bounce .62s cubic-bezier(.34,1.56,.64,1) forwards}.mascot-school-wrap--zippy[data-mascot-school-state=link-go]{--mascot-school-go-x: -5rem}.mascot-school-wrap--wheelie[data-mascot-school-state=link-go]{--mascot-school-go-x: 5rem}@keyframes mascot-school-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes mascot-school-lean{0%{transform:rotate(0) scale(1)}40%{transform:rotate(-4deg) scale(1.06)}70%{transform:rotate(3deg) scale(1.06)}to{transform:rotate(-2deg) scale(1.05)}}@keyframes mascot-school-shake{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(-.38rem) rotate(-3deg)}40%{transform:translateY(0) rotate(3deg)}60%{transform:translateY(-.25rem) rotate(-2deg)}80%{transform:translateY(0) rotate(2deg)}}@keyframes mascot-school-jump{0%{transform:scale(1) translateY(0)}30%{transform:scale(.9,1.12) translateY(0)}60%{transform:scale(1.1,.9) translateY(-1.75rem)}85%{transform:scale(1) translateY(-.38rem)}to{transform:scale(1) translateY(0)}}@keyframes mascot-school-celebrate{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.18) rotate(-6deg)}55%{transform:scale(1.22) rotate(5deg)}80%{transform:scale(1.1) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@keyframes mascot-school-go{0%{opacity:1;transform:translate(0) scale(1)}60%{opacity:1;transform:translate(calc(var(--mascot-school-go-x, 5rem) * .38)) scale(1.05)}to{opacity:0;transform:translate(var(--mascot-school-go-x, 5rem)) scale(.7)}}@keyframes mascot-school-shock{0%{transform:translateY(0) rotate(0) scale(1)}30%{transform:translateY(-.42rem) rotate(-7deg) scale(1.1)}62%{transform:translateY(.08rem) rotate(6deg) scale(1.02)}to{transform:translateY(0) rotate(-2deg) scale(1.04)}}@keyframes mascot-school-checkout-bounce{0%{transform:translateY(0) scale(1)}42%{transform:translateY(-1.15rem) scale(1.08,.94)}72%{transform:translateY(-.28rem) scale(.98,1.04)}to{transform:translateY(0) scale(1)}}@media screen and (max-width:699px){.mascot-school-row{inline-size:min(100%,27rem)}.mascot-school-wrap{inline-size:clamp(3.55rem,18vw,4.7rem)}.mascot-school-wrap--compact{inline-size:.75rem}.mascot-school-wrap--zippy:after{height:.25rem;background:rgb(var(--text-color) / .28);filter:blur(2px)}.mascot-school-wrap--zippy:hover:after,.mascot-school-wrap--zippy:focus-visible:after{background:rgb(var(--text-color) / .34);filter:blur(2.5px)}}@media screen and (max-width:449px){.mascot-school-row{gap:.7rem}.mascot-school-wrap{inline-size:clamp(3.8rem,22vw,4.8rem)}.mascot-school-wrap--zippy:after{height:.3rem;background:rgb(var(--text-color) / .32);filter:blur(1.5px)}.mascot-school-wrap--zippy:hover:after,.mascot-school-wrap--zippy:focus-visible:after{background:rgb(var(--text-color) / .38);filter:blur(2px)}}@media(prefers-reduced-motion:reduce){.mascot-school-wrap,.mascot-school-wrap[data-mascot-school-state]{animation:none!important;transition:opacity .1s ease!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/mascot-school.css.map */