.mascot{--glow:#5CF2FF;--glow-hi:#D6FBFF;--mascot-ink:#0A0F24;--mascot-day:#EEF3F2}.mascot{--b:var(--glow,#64ECF7);--rim:var(--glow-hi,#D6FBFF);--ink:var(--mascot-ink,#0A1622);--shd:var(--glow,#64ECF7);--d:.9s;position:relative;display:inline-block;flex:none;vertical-align:middle;width:var(--mascot-size,120px);aspect-ratio:1;line-height:0}:root[data-mascot-mode=day] .mascot:not(.is-night),.mascot.is-day{--b:var(--mascot-day,#EEF3F2);--rim:#0A162255;--shd:#0006}.mascot:before{content:"";position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;border-radius:50%;background:radial-gradient(circle at 50% 52%,var(--glow,#64ECF7) 20%,transparent 68%);opacity:.55;pointer-events:none;animation:m-pulse 3.2s ease-in-out infinite,m-fade var(--mascot-fade,120s) linear forwards}:root[data-mascot-mode=day] .mascot:not(.is-night):before,.mascot.is-day:before{opacity:0;animation:none}.mascot-svg{position:relative;display:block;width:100%;height:100%;overflow:visible}.m-body,.m-lid,.m-arm circle{fill:var(--b);transition:fill .6s}.m-arm path{fill:none;stroke:var(--b);stroke-width:5.5;stroke-linecap:round;transition:stroke .6s}.m-arm .m-ao{stroke:var(--rim);stroke-width:8}.m-arm circle{stroke:var(--rim);stroke-width:1.5}.m-seam,.m-ln{fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.m-ln{stroke-width:3}.m-open,.mo-open,.mo-o{fill:var(--ink)}.m-tg{fill:#ff7a9a}.m-sh,.m-hl,.m-tear{fill:#fff}.m-hl{opacity:.5}.m-bl{fill:var(--mascot-blush,#FF8FB1);opacity:.55}.m-shade{fill:var(--ink);opacity:.12}.m-rim{fill:none;stroke:var(--rim);stroke-width:1.5}.m-shd{fill:var(--shd);opacity:.3;transform-origin:60px 101px}.m-ring{fill:none;stroke:var(--glow,#64ECF7);stroke-width:3;opacity:0;transform-origin:60px 62px}.m-zzz{stroke:var(--mascot-z,#9FB3C8);stroke-width:2.2}.m-fx{fill:var(--mascot-spark,#FFE066)}.m-fx path{transform-box:fill-box;transform-origin:center}.m-hap,.m-shut,.mo,.m-zzz,.m-tear,.m-fx path{opacity:0}[data-mood=idle] .mo-smile,[data-mood=sad] .mo-sad,[data-mood=hello] .mo-open,[data-mood^=c] .mo-open,[data-mood^=c] .m-hap,[data-mood=wake] .mo-o,[data-mood=sleep] .mo-o,[data-mood=sleep] .m-shut,[data-mood=sleep] .m-zzz{opacity:1}[data-mood^=c] .m-open,[data-mood=sleep] .m-open{opacity:0}.m-eyes,.m-open{transform-origin:60px 66px;transition:transform 80ms}.is-blink .m-eyes{transform:scaleY(.1)}.m-lid{transform:scaleY(0);transform-origin:60px 58px;transition:transform .3s,fill .6s}[data-mood=sad] .m-lid{transform:none}[data-mood=sad] .m-open{transform:translateY(1.5px)}.m-rig{transform-origin:60px 100px;animation:m-breath 3.2s ease-in-out infinite}.m-spin{transform-origin:60px 62px}.m-al{transform-origin:25px 73px}.m-ar{transform-origin:95px 73px}[data-mood=sleep] .m-rig{animation-duration:4.8s}[data-mood=sad] .m-rig{animation:m-sigh 4s ease-in-out infinite}[data-mood=hello] .m-rig{animation:m-lean 1.3s ease-in-out}[data-mood=hello] .m-ar{animation:m-wave 1.3s ease-in-out}[data-mood=wake] .m-rig{animation:m-startle .75s ease-out}[data-mood=wake] .m-open{animation:m-pop .5s ease-out}[data-mood=celebrate]{--d:1.25s}[data-mood^=c] .m-rig{animation:m-jump var(--d) linear}[data-mood=celebrate] .m-spin{animation:m-spin var(--d) cubic-bezier(.45,0,.55,1)}[data-mood^=c] .m-al{animation:m-upl var(--d) ease-out}[data-mood^=c] .m-ar{animation:m-upr var(--d) ease-out}[data-mood^=c] .m-shd{animation:m-shd var(--d) ease-in-out}[data-mood^=c] .m-ring,[data-mood=wake] .m-ring{animation:m-ring .8s ease-out}[data-mood^=c] .m-fx path{animation:m-star var(--d) ease-out both}.m-fx path:nth-child(2n){animation-delay:.1s}[data-mood=sleep] .m-zzz path{animation:m-z 2.4s ease-out infinite backwards}.m-zzz path:nth-child(2){animation-delay:.8s}.m-zzz path:nth-child(3){animation-delay:1.6s}[data-mood=sad] .m-tear{animation:m-tear 1.8s .6s ease-in both}.mascot.is-off *,.mascot.is-off:before{animation-play-state:paused}@keyframes m-pulse{50%{transform:scale(1.07)}}@keyframes m-fade{0%{opacity:0}1%{opacity:.75}to{opacity:.3}}@keyframes m-breath{50%{transform:scale(.985,1.025)}}@keyframes m-sigh{0%,to{transform:scale(1.04,.95)}50%{transform:scale(1.07,.92)}}@keyframes m-lean{30%,70%{transform:rotate(-5deg)}}@keyframes m-wave{20%,60%{transform:rotate(-110deg)}40%,80%{transform:rotate(-75deg)}}@keyframes m-startle{30%{transform:translateY(-9px) scale(.95,1.06)}60%{transform:scale(1.05,.95)}}@keyframes m-pop{0%{transform:scaleY(.1)}50%{transform:scale(1.2)}}@keyframes m-jump{15%{transform:scale(1.12,.86);animation-timing-function:cubic-bezier(.2,.7,.4,1)}50%{transform:translateY(-22px) scale(.96,1.05);animation-timing-function:cubic-bezier(.6,0,.85,.4)}78%{transform:scale(1.1,.9);animation-timing-function:ease-out}90%{transform:scale(.98,1.02)}}@keyframes m-spin{20%{transform:none}75%,to{transform:rotate(360deg)}}@keyframes m-upl{20%,75%{transform:rotate(110deg)}}@keyframes m-upr{20%,75%{transform:rotate(-110deg)}}@keyframes m-shd{50%{transform:scale(.6);opacity:.1}}@keyframes m-ring{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.45)}}@keyframes m-star{0%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1.2) rotate(45deg)}to{opacity:0;transform:scale(.3) rotate(90deg)}}@keyframes m-z{0%{opacity:0;transform:translate(-6px,8px)}30%{opacity:1}to{opacity:0;transform:translate(4px,-8px)}}@keyframes m-tear{0%{opacity:0;transform:none}20%{opacity:.95}to{opacity:0;transform:translateY(9px)}}@media(prefers-reduced-motion:reduce){.mascot *,.mascot:before{animation:none!important;transition:none!important}[data-mood^=c] .m-al{transform:rotate(110deg)}[data-mood^=c] .m-ar,[data-mood=hello] .m-ar{transform:rotate(-110deg)}}.mascot-box{position:relative;display:inline-flex;vertical-align:middle}button.mascot-box{all:unset;position:relative;display:inline-flex;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent}button.mascot-box:focus-visible{outline:2px solid var(--c-ring,#3FF3FF);outline-offset:6px}.mascot-say{position:absolute;left:58%;bottom:94%;z-index:2;padding:6px 11px;border-radius:12px 12px 12px 3px;background:#f4fbff;color:#06121c;font:700 13px/1.25 var(--font-body-family,system-ui),sans-serif;white-space:nowrap;box-shadow:0 6px 18px #0000004d;pointer-events:none;animation:m-say .22s cubic-bezier(.2,.8,.2,1)}.mascot-say[hidden]{display:none}@keyframes m-say{0%{opacity:0;transform:translateY(6px) scale(.9)}}.mascot--torch .m-ar{animation:m-sweep 3.6s ease-in-out infinite alternate}.m-arm .m-beam{fill:var(--glow-hi,#D6FBFF);stroke:none;opacity:.28}.m-torch{fill:#22313f}@keyframes m-sweep{0%{transform:rotate(-12deg)}to{transform:rotate(-58deg)}}@media(prefers-reduced-motion:reduce){.mascot--torch .m-ar{transform:rotate(-35deg)}.mascot-say{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mascot.css.map */