.btn,.add{position:relative;overflow:hidden;--dot: #fff}.btn.g,.btn.w,.add{--dot: var(--ink)}.btn:after,.add:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-20deg);pointer-events:none;opacity:0}@media(hover:hover)and (prefers-reduced-motion:no-preference){.btn:hover:after,.add:hover:after{animation:sl-shine .6s ease}}@keyframes sl-shine{0%{left:-60%;opacity:1}to{left:130%;opacity:1}}.btn[aria-busy=true],.add[aria-busy=true]{color:transparent;pointer-events:none}.add[aria-busy=true]{background:var(--y)}.btn[aria-busy=true]:before,.add[aria-busy=true]:before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-10px 0 0 -10px;border:2px solid var(--dot);border-top-color:transparent;border-radius:50%;animation:sl-spin .6s linear infinite}@keyframes sl-spin{to{transform:rotate(360deg)}}.add.is-added{background:var(--ink);color:#fff}.hdr{transition:box-shadow .2s}.hdr.is-stuck{box-shadow:0 6px 18px #1f234029}.wall{position:relative}.wall.is-play>*{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.wall.is-play>*:active{cursor:grabbing}.sl-hint{position:absolute;right:6px;bottom:-6px;width:auto!important;background:var(--ink);color:#fff;font-family:var(--hd);font-weight:700;font-size:13px;padding:5px 12px;border-radius:var(--r);box-shadow:none!important;transform:rotate(-3deg);cursor:default!important;pointer-events:none}.card a{perspective:700px}.card img,.card svg{will-change:transform}.pd .im{--mx: 50%;--my: 50%}.pd .im:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r);pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.6),transparent 42%);mix-blend-mode:soft-light;opacity:0;transition:opacity .25s}.pd .im.is-lit:after{opacity:1}.sl-fly{position:fixed;z-index:60;margin:0;pointer-events:none;border-radius:var(--r)}.sl-bit{position:fixed;z-index:61;width:10px;height:14px;border-radius:2px;pointer-events:none}.sl-motion .mq>*{animation:none}@media(hover:hover)and (prefers-reduced-motion:no-preference){.lg-medal.is-earned:hover img{animation:sl-wobble .5s ease}}@keyframes sl-wobble{25%{transform:rotate(-12deg) scale(1.08)}60%{transform:rotate(10deg) scale(1.08)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sl-motion.css.map */