.ace-floating-mascots{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(var(--ace-floating-bottom,150px),env(safe-area-inset-bottom));display:block;width:186px;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;isolation:isolate;line-height:0}.ace-floating-mascots[data-obstructed]{visibility:hidden;pointer-events:none}.ace-floating-mascots__characters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:3px;padding:6px 2px 0}.ace-floating-mascots__walker{display:block;min-width:0;transform-origin:50% 90%}.ace-floating-mascots .ace-mascot-character{width:100%;max-width:none}.ace-floating-mascots .ace-mascot-button{pointer-events:auto;min-width:44px;min-height:44px;touch-action:manipulation}.ace-floating-mascots__pause{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:8px;margin:0 0 0 auto;border:1px solid #d9e2df;border-radius:50%;background:#ffffffed;color:#244a3d;pointer-events:auto;cursor:pointer;box-shadow:0 2px 6px #0808080d;touch-action:manipulation}.ace-floating-mascots__pause:before,.ace-floating-mascots__pause:after{content:none}.ace-floating-mascots__pause:focus-visible{outline:3px solid #006ea1;outline-offset:3px}.ace-floating-mascots__pause:hover{background:#f1f8f4}.ace-floating-mascots__play-icon{display:none}.ace-floating-mascots[data-paused] .ace-floating-mascots__play-icon{display:block}.ace-floating-mascots[data-paused] .ace-floating-mascots__pause-icon{display:none}@media(min-width:990px){.header--middle-left.header--ace-illustrated:not(.drawer-menu){grid-template-areas:"heading navigation icons";grid-template-columns:auto auto 1fr}}@media(max-width:749px){.ace-floating-mascots{right:max(12px,env(safe-area-inset-right));width:144px}.ace-floating-mascots__characters{gap:2px;padding-top:4px}.ace-floating-mascots__pause{width:28px;height:28px}}@media(prefers-reduced-motion:no-preference){.ace-floating-mascots__walker{animation:ace-floating-stroll 5.6s cubic-bezier(.3,0,.2,1) infinite;animation-play-state:paused}.ace-floating-mascots__walker--kururi{animation-name:ace-floating-hop;animation-duration:6.3s;animation-delay:-1.8s}.ace-floating-mascots__walker--pitaro{animation-name:ace-floating-sway;animation-duration:7.1s;animation-delay:-3.3s}.ace-floating-mascots[data-running] .ace-floating-mascots__walker{animation-play-state:running}.ace-floating-mascots:hover .ace-floating-mascots__walker,.ace-floating-mascots:focus-within .ace-floating-mascots__walker{animation-play-state:paused}}@media(prefers-reduced-motion:reduce){.ace-floating-mascots__pause{visibility:hidden;pointer-events:none}}@keyframes ace-floating-stroll{0%,48%,83%,to{transform:translate(0) rotate(0) scale(1)}55%{transform:translateY(2px) rotate(-2deg) scale(1.08,.9)}65%{transform:translate(4px,calc(var(--ace-floating-hop-height,30px) * -.8)) rotate(5deg) scale(.97,1.03)}73%{transform:translate(1px,1px) rotate(0) scale(1.1,.88)}78%{transform:translateY(-5px) rotate(-2deg) scale(.99,1.02)}}@keyframes ace-floating-hop{0%,28%,68%,to{transform:translateY(0) rotate(0) scale(1)}35%{transform:translateY(2px) rotate(2deg) scale(1.09,.88)}45%{transform:translateY(calc(var(--ace-floating-hop-height,30px) * -1)) rotate(-6deg) scale(.96,1.05)}53%{transform:translateY(1px) rotate(2deg) scale(1.11,.86)}59%{transform:translateY(calc(var(--ace-floating-hop-height,30px) * -.35)) rotate(3deg) scale(.98,1.03)}}@keyframes ace-floating-sway{0%,60%,94%,to{transform:translate(0) rotate(0) scale(1)}67%{transform:translateY(2px) rotate(-3deg) scale(1.08,.9)}77%{transform:translate(-4px,calc(var(--ace-floating-hop-height,30px) * -.73)) rotate(6deg) scale(.97,1.03)}85%{transform:translateY(1px) rotate(-2deg) scale(1.1,.87)}90%{transform:translateY(-4px) rotate(1deg) scale(1)}}@media(prefers-reduced-motion:no-preference){.ace-floating-mascots [data-jumping] .ace-mascot-character__idle,.ace-floating-mascots [data-jumping] .ace-mascot-character__pose{animation:ace-floating-leap .96s cubic-bezier(.22,.7,.3,1) both;transform-origin:50% 90%}}@media(prefers-reduced-motion:reduce){.ace-floating-mascots [data-jumping] .ace-mascot-button{outline:2px solid #7da68e;outline-offset:2px}}@keyframes ace-floating-leap{0%{transform:translateY(0) scale(1) rotate(0)}12%{transform:translateY(1px) scale(1.1,.86) rotate(0)}38%{transform:translateY(-24px) scale(.96,1.05) rotate(-4deg)}52%{transform:translateY(-25px) scale(1) rotate(3deg)}72%{transform:translateY(0) scale(1.13,.84) rotate(0)}86%{transform:translateY(-4px) scale(.98,1.03) rotate(0)}to{transform:translateY(0) scale(1) rotate(0)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ace-floating-mascots.css.map */