@media(min-width:750px){.hy-compare__stage{grid-template-columns:200px minmax(0,1fr)}}.hy-compare__stage .hy-cmp-motion{display:grid;gap:10px;justify-items:center}.hy-cmp-motion__toggle{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.hy-cmp-motion__scene{width:100%;max-width:200px;display:grid;place-items:center}.hy-cmp-motion__art{display:none;width:100%;height:auto;transform-origin:50% 70%;animation:hy-cmp-float 4s ease-in-out infinite;will-change:transform}.hy-compare__stage[data-side=a] .hy-cmp-motion__art--a,.hy-compare__stage[data-side=b] .hy-cmp-motion__art--b{display:block}.hy-cmp-motion__art--b{animation-delay:-.6s}@keyframes hy-cmp-float{0%,to{transform:translateY(5px) rotate(-.7deg)}50%{transform:translateY(-8px) rotate(.7deg)}}.hy-cmp-motion__controls{display:flex;justify-content:center}.hy-cmp-motion__btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--hy-line);border-radius:999px;background:#fff;color:var(--hy-muted);font-family:var(--hy-body);font-size:12.5px;font-weight:600;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none}.hy-cmp-motion__btn:hover{border-color:var(--hy-pine);color:var(--hy-pine)}.hy-cmp-motion__toggle:focus-visible~.hy-cmp-motion__controls .hy-cmp-motion__btn{outline:2px solid var(--hy-pine);outline-offset:2px}.hy-cmp-motion__txt-play{display:none}.hy-cmp-motion__toggle:checked~.hy-cmp-motion__scene .hy-cmp-motion__art{animation-play-state:paused}.hy-cmp-motion__toggle:checked~.hy-cmp-motion__controls .hy-cmp-motion__txt-pause{display:none}.hy-cmp-motion__toggle:checked~.hy-cmp-motion__controls .hy-cmp-motion__txt-play{display:inline}@media(prefers-reduced-motion:reduce){.hy-cmp-motion__art{animation:none}.hy-cmp-motion__controls,.hy-cmp-motion .hy-cmp-motion__toggle{display:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/hy-compare-motion.css.map */