.mo-on .mo{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.mo-on .mo.mo-in{opacity:1;transform:none}.strip{position:relative;overflow:hidden}.strip:after{content:"";position:absolute;top:0;bottom:0;width:30%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);animation:oshSweep 6s ease-in-out infinite 2s;pointer-events:none}.tiles a{transition:transform .35s cubic-bezier(.2,.7,.2,1)}.tiles a img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.tiles a:active{transform:scale(.97)}@media(hover:hover){.tiles a:hover{transform:translateY(-6px)}.tiles a:hover img{transform:scale(1.05) rotate(-1deg)}}.card .tile img{transition:transform .4s cubic-bezier(.2,.7,.2,1)}.card .cl:active .tile img{transform:scale(.96)}@media(hover:hover){.card:hover .tile img{transform:translateY(-6px) scale(1.05)}.card{transition:transform .3s ease}.card:hover{transform:translateY(-3px)}}.card .tile{position:relative;overflow:hidden}.card .tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translate(-120%);pointer-events:none}.card.mo-in .tile:after{animation:oshCardShine 1.1s ease-out .25s 1}.btn,.card .bag,.ib{transition:transform .12s ease,background-color .2s,color .2s}.btn:active,.card .bag:active,.ib:active{transform:scale(.96)}.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;bottom:0;width:36%;left:-50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-20deg);animation:oshShine 5s ease-in-out infinite 2.5s;pointer-events:none}.mo-tap{transform:scale(.9)!important}.card .bag.mo-done{background:#000;color:#fff}.btn.mo-done{box-shadow:0 0 0 3px #f37a2a59}.mo-bump{animation:moBump .6s cubic-bezier(.2,.7,.2,1)}.mo-pop{animation:moPop .6s cubic-bezier(.2,.7,.2,1)}dialog[open] .scroll>*{animation:oshRise .4s cubic-bezier(.2,.7,.2,1) both}dialog[open] .scroll>*:nth-child(2){animation-delay:.04s}dialog[open] .scroll>*:nth-child(3){animation-delay:.08s}dialog[open] .scroll>*:nth-child(n+4){animation-delay:.12s}@keyframes oshSweep{0%{left:-40%}40%,to{left:120%}}@keyframes oshShine{0%{left:-50%}30%,to{left:130%}}@keyframes oshCardShine{to{transform:translate(120%)}}@keyframes oshRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes moBump{0%{transform:none}30%{transform:scale(1.18) rotate(-6deg)}60%{transform:scale(.95)}to{transform:none}}@keyframes moPop{0%{transform:scale(.4)}50%{transform:scale(1.35)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.mo-on .mo{opacity:1!important;transform:none!important;transition:none!important}.strip:after,.btn-primary:after,.card .tile:after{display:none}.tiles a,.tiles a img,.card,.card .tile img,.btn,.card .bag,.ib{transition:none!important;transform:none!important}.mo-bump,.mo-pop,dialog[open] .scroll>*{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/osh-motion.css.map */