.hominem-otp-field__otp-field{justify-content:center;align-items:center;gap:clamp(6px,1.6vw,10px);display:flex}.hominem-otp-field__otp-tile{opacity:0;width:clamp(44px,11vw,56px);height:clamp(48px,12vw,58px);animation:.35s cubic-bezier(.16,1,.3,1) both hominem-otp-field__otp-tile-in;animation-delay:calc(var(--i,0) * 40ms);display:block}.hominem-otp-field__otp-input{text-align:center;border:2px solid var(--auth-border);width:100%;height:100%;min-height:0;color:var(--auth-text);caret-color:var(--auth-primary);background:var(--auth-card);box-shadow:0 1px 2px color-mix(in srgb, var(--auth-text) 10%, transparent);border-radius:12px;outline:none;padding:0;font-size:clamp(20px,5.5vw,24px);font-weight:800;transition:border-color .15s,box-shadow .15s,transform .15s cubic-bezier(.16,1,.3,1)}.hominem-otp-field__otp-input:focus{border-color:var(--auth-text);box-shadow:0 1px 2px color-mix(in srgb, var(--auth-text) 10%, transparent), 0 0 0 3px color-mix(in srgb, var(--auth-text) 14%, transparent);transform:scale(1.04)}.hominem-otp-field__otp-input:active{transform:scale(.96)}form[data-error] .hominem-otp-field__otp-input{border-color:var(--auth-danger);animation:.5s cubic-bezier(.16,1,.3,1) both hominem-otp-field__otp-input-error}form[data-error] .hominem-otp-field__otp-input:focus{box-shadow:0 1px 2px color-mix(in srgb, var(--auth-text) 10%, transparent), 0 0 0 3px color-mix(in srgb, var(--auth-danger) 22%, transparent)}@keyframes hominem-otp-field__otp-input-error{0%,to{border-color:var(--auth-danger)}50%{border-color:color-mix(in srgb, var(--auth-danger) 45%, transparent)}}@keyframes hominem-otp-field__otp-tile-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hominem-progress-button__progress-button{place-items:center;width:100%;height:44px;margin-top:12px;display:grid;position:relative}.hominem-progress-button__progress-button__border,.hominem-progress-button__progress-button__action{transition:opacity .2s;position:absolute;inset:0}.hominem-progress-button__fill{min-height:0;margin:0;position:absolute;inset:0}.hominem-progress-button__progress-button__border{pointer-events:none;width:100%;height:100%}.hominem-progress-button__progress-button__track,.hominem-progress-button__progress-button__progress{x:1px;y:1px;rx:6px;fill:none;stroke-width:2px;width:calc(100% - 2px);height:calc(100% - 2px)}.hominem-progress-button__progress-button__track{stroke:var(--auth-border)}.hominem-progress-button__progress-button__gradient-start{stop-color:var(--auth-primary);stop-opacity:.35}.hominem-progress-button__progress-button__gradient-end{stop-color:var(--auth-primary);stop-opacity:1}.hominem-progress-button__progress-button__progress{stroke:url(#progress-button-gradient);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--progress,0))}.hominem-progress-button__progress-button[data-progress-zero] .hominem-progress-button__progress-button__progress{stroke:none}.hominem-progress-button__progress-button__helper{color:var(--auth-muted);gap:6px;font-size:13px;display:inline-flex;position:relative}.hominem-progress-button__progress-button__arrow{color:var(--auth-primary)}.hominem-progress-button__progress-button[data-complete=false] .hominem-progress-button__progress-button__action{opacity:0;pointer-events:none}.hominem-progress-button__progress-button[data-complete=true] .hominem-progress-button__progress-button__border,.hominem-progress-button__progress-button[data-complete=true] .hominem-progress-button__progress-button__helper{opacity:0}