.zatona{--zw: 172px;--zh: 127px;position:fixed;top:0;left:0;width:var(--zw);height:var(--zh);z-index:998;direction:rtl;font-family:var(--font-arabic-body, "IBM Plex Sans Arabic", sans-serif);transform:translateZ(0);transition:transform 1.6s cubic-bezier(.42,0,.25,1);will-change:transform}.zatona.is-pointing{transition-duration:1s}.zatona.is-dragging{transition:none!important}.zatona.is-dragging .zatona__img{animation:none!important}.zatona__btn{position:relative;display:block;width:100%;height:100%;background:none;border:none;padding:0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.zatona.is-dragging .zatona__btn{cursor:grabbing}.zatona__img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.zatona__img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(45,79,49,.32));transform-origin:50% 55%;animation:zatonaHover 3.4s ease-in-out infinite;transition:transform .45s cubic-bezier(.4,0,.2,1)}.zatona__btn:hover .zatona__img{animation-play-state:paused;transform:scale(1.08) rotate(-4deg)}@keyframes zatonaHover{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-13px) rotate(2deg)}}.zatona.is-flying .zatona__img{animation:zatonaFly .85s ease-in-out infinite}@keyframes zatonaFly{0%,to{transform:translateY(-4px) rotate(-8deg) scale(1.03,.97)}50%{transform:translateY(-12px) rotate(-13deg) scale(1.05,.95)}}.zatona.fly-right .zatona__img{animation-name:zatonaFlyRight}@keyframes zatonaFlyRight{0%,to{transform:translateY(-4px) rotate(8deg) scale(1.03,.97)}50%{transform:translateY(-12px) rotate(13deg) scale(1.05,.95)}}.zatona__trail{position:absolute;top:42%;right:calc(100% - 12px);width:62px;height:26px;opacity:0;transition:opacity .25s;pointer-events:none}.zatona.fly-right .zatona__trail{right:auto;left:calc(100% - 12px);transform:scaleX(-1)}.zatona.is-flying .zatona__trail{opacity:1}.zatona__trail i{position:absolute;height:3px;border-radius:3px;background:linear-gradient(to left,#669966d9,#6960);animation:zatonaDash .55s linear infinite}.zatona__trail i:nth-child(1){top:2px;width:46px;animation-delay:0s}.zatona__trail i:nth-child(2){top:11px;width:62px;animation-delay:.12s}.zatona__trail i:nth-child(3){top:20px;width:38px;animation-delay:.24s}@keyframes zatonaDash{0%{transform:translate(14px) scaleX(.4);opacity:0}40%{opacity:1}to{transform:translate(-16px) scaleX(1);opacity:0}}.zatona__dot{position:absolute;top:8px;right:22px;width:12px;height:12px;border-radius:50%;background:var(--siwi-promo, #C6412F);border:2px solid #fff;box-shadow:0 1px 5px #00000038;animation:zatonaPulse 2s ease-in-out infinite}.zatona__dot.is-off{display:none}@keyframes zatonaPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.zatona.is-pointing .zatona__img{animation:zatonaNudgeL 1.4s cubic-bezier(.45,0,.3,1) infinite}.zatona.is-pointing.point-right .zatona__img{animation-name:zatonaNudgeR}.zatona.has-poses .zatona__img,.zatona.has-poses.is-flying .zatona__img,.zatona.has-poses.is-pointing .zatona__img,.zatona.has-poses.is-pointing.point-right .zatona__img,.zatona.has-poses.fly-right .zatona__img{animation:zatonaBob 2.9s ease-in-out infinite;transform:none}.zatona.has-poses.is-pointing .zatona__img{animation-duration:1.8s}.zatona__img.mirror{transform:scaleX(-1)}@keyframes zatonaBob{0%,to{translate:0 0}50%{translate:0 -11px}}@keyframes zatonaNudgeR{0%,to{transform:translate(0) rotate(4deg)}40%{transform:translate(20px,-6px) rotate(15deg) scale(1.06)}55%{transform:translate(12px,-2px) rotate(10deg) scale(1.02)}75%{transform:translate(18px,-5px) rotate(13deg) scale(1.04)}}@keyframes zatonaNudgeL{0%,to{transform:translate(0) rotate(-4deg)}40%{transform:translate(-20px,-6px) rotate(-15deg) scale(1.06)}55%{transform:translate(-12px,-2px) rotate(-10deg) scale(1.02)}75%{transform:translate(-18px,-5px) rotate(-13deg) scale(1.04)}}.zatona__bubble{position:absolute;bottom:calc(100% + 6px);right:0;left:auto;width:max-content;max-width:220px;background:#fff;border:1px solid rgba(162,197,157,.55);border-radius:14px 14px 3px;box-shadow:0 6px 20px #2d4f3129;padding:10px 13px 11px 28px;text-align:right;opacity:0;visibility:hidden;transform:translateY(6px) scale(.96);transform-origin:100% 100%;transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.4,.64,1),visibility .25s}.zatona.is-open .zatona__bubble{opacity:1;visibility:visible;transform:none}.zatona__bubble.flip{right:auto;left:0;border-radius:14px 14px 14px 3px;transform-origin:0 100%;padding:10px 28px 11px 13px}.zatona__title{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--siwi-mid, #669966);margin:0 0 2px;letter-spacing:.3px}.zatona__title:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--siwi-mid, #669966);flex-shrink:0}.zatona__fact{font-size:12.5px;font-weight:500;line-height:1.55;color:var(--siwi-dark, #2D4F31);margin:0}.zatona__close{position:absolute;top:7px;left:8px;width:16px;height:16px;display:grid;place-items:center;font-size:11px;line-height:1;color:var(--siwi-mid, #669966);background:none;border:none;padding:0;cursor:pointer;opacity:.55;transition:opacity .2s}.zatona__bubble.flip .zatona__close{left:auto;right:8px}.zatona__close:hover{opacity:1}@media(max-width:749px){.zatona{--zw: 100px;--zh: 74px}.zatona__bubble{max-width:175px;padding:9px 11px 10px 25px}.zatona__bubble.flip{padding:9px 25px 10px 11px}.zatona__fact{font-size:11.5px}.zatona__trail{width:44px;height:20px}.zatona__trail i:nth-child(1){width:32px}.zatona__trail i:nth-child(2){width:44px;top:8px}.zatona__trail i:nth-child(3){width:26px;top:15px}.zatona__dot{width:10px;height:10px;right:16px}}@media(prefers-reduced-motion:reduce){.zatona{transition:none}.zatona__img,.zatona__dot,.zatona__trail i{animation:none!important}.zatona__trail{display:none}.zatona__bubble{transition:opacity .2s,visibility .2s;transform:none}}.zatona .zatona__img.mirror,.zatona.has-poses .zatona__img.mirror,.zatona.has-poses.is-pointing .zatona__img.mirror,.zatona.has-poses.is-pointing.point-right .zatona__img.mirror,.zatona.has-poses.is-flying .zatona__img.mirror,.zatona.has-poses.fly-right .zatona__img.mirror{transform:scaleX(-1)!important}
/*# sourceMappingURL=/cdn/shop/t/73/assets/siwi-zatona.css.map */