.okp .ok-otto--pic{width:100%;height:auto;display:block;border-radius:0!important;filter:drop-shadow(0 16px 14px rgba(80,50,20,.22));transform-origin:50% 85%;transform:perspective(700px) rotateY(var(--pup-ry, 0deg)) rotate(var(--pup-rz, 0deg));transition:transform .35s cubic-bezier(.2,1,.3,1);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.okp .ok-pup{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.okp .ok-pup .ok-otto--pic{animation:pup-idle 6s ease-in-out infinite}.okp .ok-pup:hover .ok-otto--pic{filter:drop-shadow(0 20px 16px rgba(80,50,20,.28))}.okp .ok-pup.is-boing .ok-otto--pic{animation:pup-boing .7s cubic-bezier(.3,1.6,.5,1)}@keyframes pup-idle{0%,70%,to{rotate:0deg}78%{rotate:-4deg}88%{rotate:3deg}}@keyframes pup-boing{0%{scale:1 1;translate:0 0}18%{scale:1.08 .9;translate:0 6px}45%{scale:.94 1.08;translate:0 -34px}70%{scale:1.04 .96;translate:0 0}to{scale:1 1;translate:0 0}}.okp .ok-pup__fx{position:absolute;left:50%;top:22%;z-index:6;pointer-events:none;font-size:22px;animation:pup-fx 1.1s ease-out forwards}@keyframes pup-fx{0%{opacity:0;transform:translate(-50%) scale(.4)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--fx-x, 0px)),-110px) scale(1.15) rotate(var(--fx-r, 0deg))}}.okp .ok-pup__say{position:absolute;left:50%;top:-6px;z-index:7;transform:translate(-50%,-100%) scale(.6);opacity:0;background:#fff;color:#2b2118;border-radius:16px;padding:8px 13px;font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;white-space:nowrap;box-shadow:0 8px 22px #2b211829;pointer-events:none;transition:opacity .2s,transform .35s cubic-bezier(.3,1.6,.5,1)}.okp .ok-pup__say:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translate(-50%);border:8px solid transparent;border-top-color:#fff;border-bottom:0}.okp .ok-pup__say.is-on{opacity:1;transform:translate(-50%,-100%) scale(1)}.okp .pup-talking .ok-bubble,.okp .pup-talking .okh-say{opacity:0!important;transition:opacity .2s}.okp .ok-pup__hint{position:absolute;right:-6px;bottom:18%;z-index:6;background:#d7263d;color:#fff;font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;padding:5px 10px;border-radius:999px;box-shadow:0 6px 14px #d7263d4d;pointer-events:none;animation:pup-hint 1.8s ease-in-out infinite;transition:opacity .3s}.okp .ok-pup.is-touched .ok-pup__hint{opacity:0}@keyframes pup-hint{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.okp .ok-otto-wrap{width:40%;left:0;bottom:0}.okp .ok-book-wrap--pic{width:70%;right:0;top:10px;perspective:none}.okp .ok-kitpic{border-radius:22px;overflow:hidden;box-shadow:0 22px 46px #50321438;transform:rotate(3deg);transition:transform .4s cubic-bezier(.2,1,.3,1)}.okp .ok-kitpic:hover{transform:rotate(0) scale(1.02)}.okp .ok-kitpic img{display:block;width:100%;height:auto}.okp .ok-book-wrap--pic .ok-sticker{z-index:3}.okp .ok-final__otto{width:140px}.okp.okh .okh-otto{width:44%;bottom:0}.okh .okh-otto img.ok-otto--pic{border-radius:0}.okh .okh-video__ph .ok-otto--pic{width:58%}.okh .okh-kitpic{max-width:420px;width:100%;margin:0 auto;position:relative}.okh .okh-kitpic a{display:block;border-radius:24px;overflow:hidden;box-shadow:0 24px 50px #0000004d;transform:rotate(-2deg);transition:transform .4s cubic-bezier(.2,1,.3,1);animation:ok-float 5s ease-in-out infinite}.okh .okh-kitpic a:hover{transform:rotate(0) scale(1.03)}.okh .okh-kitpic img{display:block;width:100%;height:auto}@media(min-width:750px){.okp .ok-otto-wrap{width:36%}.okp .ok-book-wrap--pic{width:68%;top:20px}.okp.okh .okh-otto{width:44%}.okp .ok-pup__say{font-size:17px}}@media(prefers-reduced-motion:reduce){.okp .ok-pup .ok-otto--pic,.okp .ok-pup.is-boing .ok-otto--pic,.okh .okh-kitpic a,.okp .ok-pup__hint{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/otto-pup.css.map */