:root{--danger:#b42318;--field-bg:#14181d0a}.form{gap:22px;display:grid}.field{gap:8px;display:grid}.field__row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field label,.field__label{font-size:.9375rem;font-weight:500}.field__control{position:relative}.field input{background:var(--field-bg);width:100%;height:54px;color:var(--ink);font:400 1.0625rem/1 var(--font-body);border:0;border-radius:14px;outline:none;padding:0 18px;transition:box-shadow .2s,background-color .2s;box-shadow:inset 0 0 0 1px #0000}.field input::placeholder{color:#6c7168}.field input:hover{background:#14181d0f}.field input:focus-visible{background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--ink)}.field__control:after{content:"";background:var(--green);transform-origin:0;height:2px;transition:transform .42s var(--ease-out);pointer-events:none;border-radius:2px;position:absolute;bottom:0;left:18px;right:18px;transform:scaleX(0)}.field__control:focus-within:after{transform:scaleX(1)}.field input[aria-invalid]{box-shadow:inset 0 0 0 1.5px var(--danger)}.field__hint{color:var(--ink-soft);font-size:.875rem}.field__error{color:var(--danger);font-size:.875rem;font-weight:500}.field__toggle{color:var(--ink-soft);font:500 .875rem/1 var(--font-body);cursor:pointer;background:0 0;border:0;padding:4px 0}.field__toggle:hover{color:var(--ink)}.form__alert{color:var(--danger);background:#b4231812;border-radius:14px;padding:14px 16px;font-size:.9375rem;font-weight:500}.check{cursor:pointer;align-items:center;gap:12px;font-size:.9375rem;display:flex}.check input{width:20px;height:20px;accent-color:var(--green);margin:0}.button--block{justify-content:center;width:100%}.button[disabled]{cursor:default;opacity:.4}.button[aria-busy=true]{cursor:progress;opacity:1}.button[aria-busy=true]:after{animation:working .9s var(--ease-in-out) infinite alternate}@keyframes working{0%{transform:scaleX(.25)}to{transform:scaleX(1)}}.button[data-state=done]{--bg:var(--green);--fg:var(--ink);--tick:var(--ink)}.link-button{font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.opt{min-height:64px;color:var(--ink);font:500 1.0625rem/1.25 var(--font-body);text-align:left;box-shadow:inset 0 0 0 1.5px var(--hairline);cursor:pointer;transition:box-shadow .2s ease, background-color .2s ease, transform .16s var(--ease-out);background:0 0;border:0;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;position:relative}.opt:active{transform:scale(.98)}.opt__node{border:2px solid var(--green);width:14px;height:14px;transition:background-color .2s ease, transform .3s var(--ease-out);border-radius:50%;flex:none}.opt[aria-pressed=true],.opt[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--ink)}.opt[aria-pressed=true] .opt__node,.opt[aria-checked=true] .opt__node{background:var(--green);animation:attach .42s var(--ease-out)}@keyframes attach{40%{transform:scale(1.45)}}@media (hover:hover) and (pointer:fine){.opt:hover{background:#14181d08;box-shadow:inset 0 0 0 1.5px #14181d4d}.opt[aria-pressed=true]:hover,.opt[aria-checked=true]:hover{box-shadow:inset 0 0 0 2px var(--ink)}}@media (prefers-reduced-motion:reduce){html:not(.force-motion) .opt__node,html:not(.force-motion) .button[aria-busy=true]:after{animation:none!important}html:not(.force-motion) .field__control:after{transition:none}}
