.hopwallet{--z-50:#fafafa;--z-100:#f4f4f5;--z-200:#e4e4e7;--z-400:#9f9fa9;--z-500:#71717b;--z-600:#52525c;--z-900:#18181b;--z-950:#09090b;--hw-ink:#18181b;--hw-page:#f4f4f5;--hw-line:#e4e4e7;--hw-danger:#dc2626;--hw-error-ring:#fb2c36b3;--color-white:#fff;--color-black:#000;--btn:#09090b;--btn-sheen:#52525b;--focus:#7c64ff;--r-control:14px;--r-row:12px;--r-panel:24px;--r-slot:16px;--r-icon:9999px;--btn-fg:#fff;--on-1:#09090b;--on-2:#09090b;--on-3:#09090b;--on-4:#09090b;--hop-1:#ff6fb5;--hop-2:#ffc93c;--hop-3:#4dd9ff;--hop-4:#a58cff;color:var(--hw-ink);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}@supports (color:lab(0% 0 0)){.hopwallet{--z-50:lab(98.26% 0 0);--z-100:lab(96.1634% .0993311 -.364041);--z-200:lab(90.6853% .399232 -1.45452);--z-400:lab(65.6464% 1.53497 -5.42429);--z-500:lab(47.8878% 1.65477 -5.77283);--z-600:lab(35.1166% 1.78212 -6.1173);--z-900:lab(8.30603% .618205 -2.16572);--z-950:lab(2.51107% .242703 -.886115);--hw-error-ring:lab(55.4814% 75.0732 48.8528/.7)}}.hopwallet ::selection{background:var(--hw-ink);color:#fff}.hopwallet .hop-btn{background:linear-gradient(110deg, var(--btn) 34%, var(--hop-1) 41%, var(--hop-2) 47%, var(--hop-3) 53%, var(--hop-4) 59%, var(--btn) 66%);background-position:0%;background-size:300% 100%;transition:background-position .9s}.hopwallet .hop-btn:hover{background-position:100%}.hopwallet .hop-btn[data-busy=true]{animation:1.4s linear infinite hop-sweep}.hopwallet[data-effects=off] .hop-btn{background-image:linear-gradient(110deg, var(--btn) 40%, var(--btn-sheen) 50%, var(--btn) 60%)}@keyframes hop-sweep{0%{background-position:100%}to{background-position:0%}}.hopwallet .otp-hop [data-slot=otp-input-cell]:first-child{--c:var(--hop-1);--t:var(--on-1)}.hopwallet .otp-hop [data-slot=otp-input-cell]:nth-child(2){--c:var(--hop-2);--t:var(--on-2)}.hopwallet .otp-hop [data-slot=otp-input-cell]:nth-child(3){--c:var(--hop-3);--t:var(--on-3)}.hopwallet .otp-hop [data-slot=otp-input-cell]:nth-child(4){--c:var(--hop-4);--t:var(--on-4)}.hopwallet .otp-hop [data-slot=otp-input-slot]::selection{color:#0000;background:0 0}.hopwallet .otp-hop [data-slot=otp-input-ring]{display:none}.hopwallet .otp-hop[data-status=success] [data-slot=otp-input-char]{color:var(--t);transition:color .3s}.hopwallet .otp-hop[data-status=success] [data-slot=otp-input-slot]{transition:background-color .3s;background:var(--c)!important;opacity:1!important;--tw-ring-color:transparent!important}.hopwallet .hop-text{background:linear-gradient(100deg, var(--hop-1), var(--hop-4) 55%, var(--hop-3));color:#0000;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:reduce){.hopwallet .hop-btn,.hopwallet .hop-btn[data-busy=true]{transition:none;animation:none}}