/* Acosta Landstone - "Lay the path" human check */
.al-hc{--hc-bg:#fbfaf4;--hc-line:rgba(38,49,38,.12);--hc-text:rgba(38,49,38,.62);--hc-done:#17311d;--hc-stone:rgba(38,49,38,.10);--hc-stone-set:#c9c2ac;--hc-fill:linear-gradient(90deg,rgba(142,188,97,.10),rgba(142,188,97,.30));--hc-radius:1.1rem;grid-column:1/-1;width:100%;margin:0;font-family:'Manrope',sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.al-hc--dark{--hc-bg:rgba(255,255,255,.10);--hc-line:rgba(255,255,255,.20);--hc-text:rgba(255,255,255,.62);--hc-done:#fff;--hc-stone:rgba(255,255,255,.10);--hc-stone-set:rgba(231,227,211,.55);--hc-fill:linear-gradient(90deg,rgba(142,188,97,.06),rgba(142,188,97,.34));--hc-radius:1.05rem;margin:0 0 .65rem}
.al-hc-track{position:relative;height:46px;border-radius:var(--hc-radius);border:1px solid var(--hc-line);background:var(--hc-bg);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}
.al-hc-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--hc-fill);border-radius:inherit;pointer-events:none}
.al-hc-stones{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease}
.al-hc.is-moving .al-hc-stones{opacity:1}
.al-hc-stone{position:absolute;top:50%;width:15px;height:10px;margin:-5px 0 0 -7.5px;border-radius:45% 55% 50% 50%/55% 50% 50% 45%;background:var(--hc-stone);transform:scale(.8) rotate(-8deg);transition:background-color .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}
.al-hc-stone:nth-child(1){left:calc(22px + (100% - 44px) * .1667);transform:scale(.8) rotate(6deg)}
.al-hc-stone:nth-child(2){left:calc(22px + (100% - 44px) * .3333)}
.al-hc-stone:nth-child(3){left:calc(22px + (100% - 44px) * .5);transform:scale(.8) rotate(10deg)}
.al-hc-stone:nth-child(4){left:calc(22px + (100% - 44px) * .6667)}
.al-hc-stone:nth-child(5){left:calc(22px + (100% - 44px) * .8333);transform:scale(.8) rotate(4deg)}
.al-hc-stone.is-set{background:var(--hc-stone-set);transform:scale(1.05) rotate(0deg);box-shadow:inset 0 -1px 0 rgba(0,0,0,.12)}
.al-hc-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 14px 0 52px;font-size:.78rem;font-weight:700;letter-spacing:.01em;color:var(--hc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition:opacity .25s ease,color .25s ease}
.al-hc.is-moving .al-hc-label{opacity:0}
.al-hc-handle{position:absolute;left:4px;top:4px;width:36px;height:36px;border-radius:50% 46% 52% 48%/48% 52% 46% 50%;display:grid;place-items:center;cursor:grab;touch-action:none;outline:none;color:#263126;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.75) 0 8%,transparent 9%),radial-gradient(circle at 68% 64%,rgba(38,49,38,.16) 0 6%,transparent 7%),radial-gradient(circle at 40% 72%,rgba(38,49,38,.10) 0 5%,transparent 6%),linear-gradient(145deg,#f1eee3 0%,#d8d2bf 55%,#bdb59d 100%);box-shadow:0 6px 16px rgba(24,34,24,.22),inset 0 -2px 0 rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.6);transition:box-shadow .25s ease,background .35s ease,border-radius .35s ease;will-change:transform;z-index:2}
.al-hc-handle:hover{box-shadow:0 8px 20px rgba(24,34,24,.28),inset 0 -2px 0 rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.6)}
.al-hc-handle:focus-visible{box-shadow:0 0 0 4px rgba(142,188,97,.35),0 6px 16px rgba(24,34,24,.22)}
.al-hc.is-dragging .al-hc-handle{cursor:grabbing}
.al-hc-handle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;grid-area:1/1}
.al-hc-arrow{animation:alHcHint 2.4s ease-in-out infinite}
.al-hc-check{opacity:0;transform:scale(.4);stroke-dasharray:24;stroke-dashoffset:24}
.al-hc.is-returning .al-hc-handle{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,background .35s ease}
.al-hc.is-returning .al-hc-fill{transition:width .4s cubic-bezier(.22,1,.36,1)}
/* verified */
.al-hc.is-done .al-hc-track{border-color:rgba(142,188,97,.65);box-shadow:0 0 0 4px rgba(142,188,97,.14)}
.al-hc.is-done .al-hc-handle{cursor:default;border-radius:50%;color:#182218;background:#8ebc61;box-shadow:0 6px 18px rgba(142,188,97,.45)}
.al-hc.is-done .al-hc-arrow{opacity:0;animation:none}
.al-hc.is-done .al-hc-check{opacity:1;transform:none;stroke-dashoffset:0;transition:opacity .2s ease .1s,transform .35s cubic-bezier(.34,1.56,.64,1) .1s,stroke-dashoffset .45s ease .2s}
.al-hc.is-done .al-hc-label{padding:0 52px 0 14px;color:var(--hc-done);opacity:1}
.al-hc.is-done .al-hc-stone{background:var(--hc-stone-set)}
.al-hc.is-done .al-hc-stone:nth-child(1){transition-delay:.02s}.al-hc.is-done .al-hc-stone:nth-child(2){transition-delay:.06s}.al-hc.is-done .al-hc-stone:nth-child(3){transition-delay:.1s}.al-hc.is-done .al-hc-stone:nth-child(4){transition-delay:.14s}.al-hc.is-done .al-hc-stone:nth-child(5){transition-delay:.18s}
/* nudge when someone tries to send before verifying */
.al-hc.is-nudge .al-hc-track{border-color:rgba(214,140,69,.75);animation:alHcShake .45s ease}
.al-hc.is-nudge .al-hc-label{color:#c77a34}
.al-hc--dark.is-nudge .al-hc-label{color:#f3c38f}
/* submit button until verified: a soft hint, same design */
.al-hc-locked{opacity:.62;filter:saturate(.7)}
.al-hc-locked:hover{transform:none!important}
.al-hc-busy{opacity:.7;pointer-events:none}
@keyframes alHcHint{0%,70%,100%{transform:translateX(0)}80%{transform:translateX(3px)}90%{transform:translateX(-1px)}}
@keyframes alHcShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}
@media (max-width:420px){.al-hc-label{font-size:.74rem}}
@media (prefers-reduced-motion:reduce){.al-hc *,.al-hc-track{animation:none!important;transition:none!important}}