.swipe-hint{--swipe-hint-size:1.75rem;--swipe-hint-travel:3rem;--swipe-hint-duration:2.5s;--swipe-hint-color:black;position:absolute;z-index:2;pointer-events:none;user-select:none;width:calc(var(--swipe-hint-travel) + var(--swipe-hint-size));height:calc(var(--swipe-hint-size) * 1.25);overflow:visible}.swipe-hint__hand{position:absolute;right:0;top:0;width:var(--swipe-hint-size);height:calc(var(--swipe-hint-size) * 1.25);animation:swipe-hint-hand var(--swipe-hint-duration)ease-in-out infinite;padding-top:calc(var(--swipe-hint-size) * .25)}.swipe-hint__hand>.fa-hand-pointer{display:block;font-size:var(--swipe-hint-size);line-height:1;color:var(--swipe-hint-color);animation:swipe-hint-press var(--swipe-hint-duration)ease-in-out infinite}.swipe-hint__circle{position:absolute;left:calc(var(--swipe-hint-size) * .05);top:0;width:calc(var(--swipe-hint-size) * .58);height:calc(var(--swipe-hint-size) * .58);border:calc(var(--swipe-hint-size) * .05)solid var(--swipe-hint-color);border-radius:50%;background:hsl(from var(--swipe-hint-color) h s l/18%);animation:swipe-hint-circle var(--swipe-hint-duration)ease-in-out infinite;opacity:0}@keyframes swipe-hint-hand{0%,100%{transform:translateX(0)}10%,18%{transform:translateX(0)}62%{transform:translateX(calc(-1 * var(--swipe-hint-travel)))}74%{transform:translateX(calc(-1 * var(--swipe-hint-travel)))}90%{transform:translateX(0)}}@keyframes swipe-hint-press{0%,100%{transform:scale(1)}5%{transform:scale(.86)}12%,62%,74%{transform:scale(1)}}@keyframes swipe-hint-circle{0%,8%{opacity:0;transform:scale(.25)}16%{opacity:.75;transform:scale(1)}62%{opacity:.75;transform:scale(1)}74%{opacity:0;transform:scale(1.2)}100%{opacity:0;transform:scale(.25)}}@media not (any-pointer:coarse){.swipe-hint{display:none}}@media(prefers-reduced-motion:reduce){.swipe-hint{display:none}.swipe-hint__hand,.swipe-hint__hand>.fa-hand-pointer,.swipe-hint__circle{animation:none}}@media print{.swipe-hint{display:none}}