.input-box{margin-bottom:14px;padding-bottom:calc(1.4em + 5px);position:relative}.input-box .input{background-color:var(--canvas-raised);border:1px solid var(--ink-100);border-radius:var(--r-sm);transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out);padding:16px 14px 9px;position:relative}.input-box .input:not(:has(.disabled)):hover{border-color:var(--ink-300)}:is(.input-box .input:not(:has(.disabled)):has(input:focus),.input-box .input:not(:has(.disabled)):has(textarea:focus)){border-color:var(--accent-600);box-shadow:var(--ring)}:is(.input-box .input:has(input[blurred=true]:invalid),.input-box .input:has(textarea[blurred=true]:invalid)){border-color:var(--status-error);box-shadow:0 0 0 3px #c43c2a2e}:is(.input-box .input:has(input[blurred=true]:invalid) label,.input-box .input:has(textarea[blurred=true]:invalid) label){color:var(--status-error)}.input-box label{background-color:var(--canvas-raised);color:var(--ink-700);font-family:var(--font-ui);transform-origin:0 0;pointer-events:auto;z-index:1;-webkit-user-select:none;user-select:none;max-width:calc(133% - 55px);transition:color .15s var(--ease-out);padding:0 5px;font-size:14px;font-weight:500;line-height:1;display:block;position:absolute;top:0;left:0;transform:translate(10px,-1px)scale(.78)}.input-box label span{white-space:nowrap;text-overflow:ellipsis;margin-top:-6px;display:block;overflow:hidden}.input-box input{width:100%;font-family:var(--font-ui);color:var(--ink-900);background-color:#0000;border:0;outline:0;padding:0;font-size:15px;line-height:1.4}.input-box input::placeholder{color:var(--ink-300)}.input-box input:-webkit-autofill{-webkit-text-fill-color:var(--ink-900);caret-color:var(--ink-900);transition:background-color 100000s ease-in-out}.input-box input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink-900);caret-color:var(--ink-900);transition:background-color 100000s ease-in-out}.input-box input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink-900);caret-color:var(--ink-900);transition:background-color 100000s ease-in-out}.input-box input:-webkit-autofill:active{-webkit-text-fill-color:var(--ink-900);caret-color:var(--ink-900);transition:background-color 100000s ease-in-out}.input-box .input-line,.input-box .input-help{text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:5px 14px 0;font-size:11px;line-height:1.4;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.input-box .input-line{color:var(--status-error);visibility:hidden}.input-box .input-help{color:var(--ink-500)}:is(.input-box:has(input[blurred=true]:invalid) .input-line,.input-box:has(textarea[blurred=true]:invalid) .input-line){visibility:visible}:is(.input-box:has(input[blurred=true]:invalid) .input-help,.input-box:has(textarea[blurred=true]:invalid) .input-help){visibility:hidden}.input-box[data-server-error=true] .input-line{visibility:visible}.input-box[data-server-error=true] .input-help{visibility:hidden}.input-box[data-server-error=true] .input{border-color:var(--status-error);box-shadow:0 0 0 3px #c43c2a2e}.input-box[data-server-error=true] .input label{color:var(--status-error)}
button{font-family:var(--font-ui);letter-spacing:-.005em;background-color:var(--canvas-raised);color:var(--ink-900);border:1px solid var(--ink-100);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out),box-shadow .2s var(--ease-out),transform 80ms var(--ease-out);align-items:center;gap:8px;padding:11px 18px;font-size:15px;font-weight:500;line-height:1;display:inline-flex}button:hover:not(:disabled){background-color:var(--canvas-sunk);border-color:var(--ink-300)}button:focus-visible{box-shadow:var(--ring);outline:none}button:active:not(:disabled){transform:scale(.98)}button:disabled,button[disabled],button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}button.primary{background-color:var(--accent-600);color:#fff;border-color:#0000;box-shadow:inset 0 1px #ffffff26}button.primary:hover:not(:disabled){background-color:var(--accent-700);border-color:#0000}[data-theme=dark] button.primary{color:#14110d}button.ghost{color:var(--ink-700);background-color:#0000;border-color:#0000}button.ghost:hover:not(:disabled){background-color:var(--canvas-sunk);color:var(--ink-900);border-color:#0000}button.dark{background-color:var(--ink-900);color:var(--canvas);border-color:#0000}button.dark:hover:not(:disabled){background-color:var(--ink-700);border-color:#0000}button.sm{border-radius:8px;padding:6px 12px;font-size:13px}button.lg{border-radius:12px;padding:14px 22px;font-size:16px}