.gestik-drag-hint{--_gestik-start-x:12px;--_gestik-start-y:25px;--_gestik-target-x:68px;--_gestik-travel:56px;--gestik-drag-hint-duration:2.8s;--gestik-drag-hint-iterations:infinite;--gestik-drag-hint-play-state:running;vertical-align:middle;pointer-events:none;width:112px;height:72px;display:inline-block;position:relative}.gestik-drag-hint[data-direction=left]{--_gestik-start-x:68px;--_gestik-target-x:12px;--_gestik-travel:-56px}.gestik-drag-hint__stage{transform-origin:0 0;width:112px;height:72px;display:block;position:absolute;top:0;left:0}.gestik-drag-hint__stage[data-ready=false]{opacity:0}.gestik-drag-hint__stage[data-ready=false] *{animation:none}.gestik-drag-hint__background{width:112px;height:72px;display:block;position:absolute;inset:0;overflow:visible}.gestik-drag-hint__destination{transform:translate(var(--_gestik-target-x), var(--_gestik-start-y))}.gestik-drag-hint__square-origin,.gestik-drag-hint__mask-origin{transform:translate(var(--_gestik-start-x), var(--_gestik-start-y))}.gestik-drag-hint__destination rect{fill:var(--gestik-drag-hint-target-fill,none);stroke:var(--gestik-drag-hint-target-stroke,currentColor);stroke-opacity:var(--gestik-drag-hint-target-stroke-opacity,.45)}.gestik-drag-hint__square{fill:var(--gestik-drag-hint-square-fill,none);stroke:var(--gestik-drag-hint-square-stroke,currentColor)}.gestik-drag-hint__icon-anchor{color:var(--gestik-drag-hint-icon-color,inherit)}.gestik-drag-hint__custom-icon{width:24px;height:24px;display:block}.gestik-drag-hint__drag-group,.gestik-drag-hint__mask-travel{animation:gestik-drag-hint-travel var(--gestik-drag-hint-duration) linear var(--gestik-drag-hint-iterations) both}.gestik-drag-hint__drag-group{animation-name:gestik-drag-hint-travel,gestik-drag-hint-visibility}.gestik-drag-hint__shadow{opacity:0;animation:gestik-drag-hint-shadow var(--gestik-drag-hint-duration) ease-in-out var(--gestik-drag-hint-iterations) both}.gestik-drag-hint__lift-group,.gestik-drag-hint__mask-lift{animation:gestik-drag-hint-lift var(--gestik-drag-hint-duration) ease-in-out var(--gestik-drag-hint-iterations) both}.gestik-drag-hint__icon>svg,.gestik-drag-hint__custom-icon>svg{width:100%;height:100%;display:block}.gestik-drag-hint__icon--idle,.gestik-drag-hint__mask--idle{opacity:1;animation:gestik-drag-hint-idle var(--gestik-drag-hint-duration) steps(1, end) var(--gestik-drag-hint-iterations) both}.gestik-drag-hint__icon--grabbing,.gestik-drag-hint__mask--grabbing{opacity:0;animation:gestik-drag-hint-grabbing var(--gestik-drag-hint-duration) steps(1, end) var(--gestik-drag-hint-iterations) both}@keyframes gestik-drag-hint-travel{0%,26%{animation-timing-function:cubic-bezier(.45,0,.2,1);transform:translate(0)}60%,82%,83%{transform:translateX(var(--_gestik-travel))}84%,to{transform:translate(0)}}@keyframes gestik-drag-hint-visibility{0%,82%,to{opacity:1}83%,84%{opacity:0}}@keyframes gestik-drag-hint-lift{0%,20%{transform:translateY(0)}26%,60%{transform:translateY(-3px)}68%{transform:translateY(1px)}72%,to{transform:translateY(0)}}@keyframes gestik-drag-hint-shadow{0%,20%{opacity:0}26%,60%{opacity:1}72%,to{opacity:0}}@keyframes gestik-drag-hint-idle{0%{opacity:1}20%{opacity:0}72%,to{opacity:1}}@keyframes gestik-drag-hint-grabbing{0%{opacity:0}20%{opacity:1}72%,to{opacity:0}}.gestik-drag-hint__drag-group,.gestik-drag-hint__shadow,.gestik-drag-hint__lift-group,.gestik-drag-hint__icon--idle,.gestik-drag-hint__icon--grabbing,.gestik-drag-hint__mask-travel,.gestik-drag-hint__mask-lift,.gestik-drag-hint__mask--idle,.gestik-drag-hint__mask--grabbing{animation-play-state:var(--gestik-drag-hint-play-state)}@media (prefers-reduced-motion:reduce){.gestik-drag-hint__drag-group,.gestik-drag-hint__shadow,.gestik-drag-hint__lift-group,.gestik-drag-hint__icon--idle,.gestik-drag-hint__icon--grabbing,.gestik-drag-hint__mask-travel,.gestik-drag-hint__mask-lift,.gestik-drag-hint__mask--idle,.gestik-drag-hint__mask--grabbing{animation:none}}