.c-field{flex-direction:column;gap:4px;min-width:0;display:flex}.c-field__label{font-family:var(--c-font-sans);font-size:var(--c-text-sm);font-weight:var(--c-font-weight-medium);color:var(--c-color-text)}.c-field__required{color:var(--c-color-danger);margin-inline-start:2px}.c-field__help{font-size:var(--c-text-xs);color:var(--c-color-text-muted)}.c-field__error{font-size:var(--c-text-xs);color:var(--c-color-danger)}@media (width<=768px){.c-field{gap:2px}}.c-field[data-variant=floatLabel] .c-field__control{position:relative}.c-field[data-variant=floatLabel] .c-field__label--float{pointer-events:none;color:var(--c-color-text-muted);font-size:var(--c-text-md);background:var(--c-color-surface);z-index:1;padding-inline:4px;transition:top .12s,font-size .12s;position:absolute;inset-block-start:50%;inset-inline-start:var(--c-space-3);transform:translateY(-50%)}:-moz-any(.c-field[data-variant=floatLabel] .c-field__control:has(input:not(:-moz-placeholder-shown)) .c-field__label--float,.c-field[data-variant=floatLabel] .c-field__control:has(textarea:not(:-moz-placeholder-shown)) .c-field__label--float),.c-field[data-variant=floatLabel] .c-field__control:focus-within .c-field__label--float{font-size:var(--c-text-xs);color:var(--c-color-primary);inset-block-start:0;transform:translateY(-50%)}:is(.c-field[data-variant=floatLabel] .c-field__control:has(input:not(:placeholder-shown)) .c-field__label--float,.c-field[data-variant=floatLabel] .c-field__control:has(textarea:not(:placeholder-shown)) .c-field__label--float),.c-field[data-variant=floatLabel] .c-field__control:focus-within .c-field__label--float{font-size:var(--c-text-xs);color:var(--c-color-primary);inset-block-start:0;transform:translateY(-50%)}.c-field[data-variant=floatLabel] .c-field__control:has(input:not(:placeholder-shown)) .c-field__label--float{font-size:var(--c-text-xs);color:var(--c-color-primary);inset-block-start:0;transform:translateY(-50%)}.c-field[data-variant=floatLabel] .c-field__control:has(textarea:not(:placeholder-shown)) .c-field__label--float{font-size:var(--c-text-xs);color:var(--c-color-primary);inset-block-start:0;transform:translateY(-50%)}.c-field[data-variant=iftaLabel] .c-field__control{padding-block-start:4px;position:relative}.c-field[data-variant=iftaLabel] .c-field__label--ifta{font-size:var(--c-text-xs);color:var(--c-color-text-muted);margin-block-end:2px;display:block}.c-input{background:var(--c-color-surface);border:1px solid var(--c-color-border);border-radius:var(--c-radius-md);width:100%;color:var(--c-color-text);font-family:var(--c-font-sans);transition:border-color var(--c-motion-fast) var(--c-motion-ease-out),box-shadow var(--c-motion-fast) var(--c-motion-ease-out),background-color var(--c-motion-fast) var(--c-motion-ease-out);align-items:stretch;display:inline-flex}.c-input:focus-within{border-color:var(--c-color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--c-color-focus-ring),transparent 70%)}.c-input[data-error]{border-color:var(--c-color-danger)}.c-input[data-error]:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--c-color-danger),transparent 70%)}.c-input[data-disabled]{background:var(--c-color-surface-muted);opacity:.7;cursor:not-allowed}.c-input[data-size=sm]{height:var(--c-input-h-sm);font-size:var(--c-text-sm)}.c-input[data-size=md]{height:var(--c-input-h-md);font-size:var(--c-text-md)}.c-input[data-size=lg]{height:var(--c-input-h-lg);font-size:var(--c-text-lg)}.c-input__control{min-width:0;padding-inline:var(--c-space-3);color:inherit;font:inherit;background:0 0;border:0;outline:0;flex:1}.c-input__control::placeholder{color:var(--c-color-text-subtle)}.c-input__affix{align-items:center;gap:var(--c-space-1);padding-inline:var(--c-space-2);color:var(--c-color-text-muted);font-size:.95em;display:inline-flex}.c-input__affix--prefix{padding-inline-start:var(--c-space-3);padding-inline-end:0}.c-input__affix--suffix{padding-inline-start:0;padding-inline-end:var(--c-space-2)}.c-input[data-has-prefix] .c-input__control{padding-inline-start:var(--c-space-2)}.c-input[data-has-suffix] .c-input__control{padding-inline-end:var(--c-space-2)}.c-input[data-variant=filled]{background:var(--c-color-surface-muted);border-color:#0000}.c-input[data-variant=filled]:focus-within{background:var(--c-color-surface);border-color:var(--c-color-primary)}.c-input[data-variant=ghost]{background:0 0;border-color:#0000}.c-input[data-variant=ghost]:focus-within{background:var(--c-color-surface);border-color:var(--c-color-border-strong)}.c-input[data-variant=plain]{background:0 0;border-color:#0000}.c-input[data-variant=plain]:focus-within{box-shadow:none;background:0 0;border-color:#0000}.c-input[data-variant=plain] .c-input__control{padding-inline:0}.c-input[data-tone=primary]:focus-within{border-color:var(--c-color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--c-color-primary),transparent 70%)}.c-input[data-tone=success]:focus-within{border-color:var(--c-color-success);box-shadow:0 0 0 3px color-mix(in oklch,var(--c-color-success),transparent 70%)}.c-input[data-tone=warning]:focus-within{border-color:var(--c-color-warning);box-shadow:0 0 0 3px color-mix(in oklch,var(--c-color-warning),transparent 70%)}.c-input[data-tone=danger]:focus-within{border-color:var(--c-color-danger);box-shadow:0 0 0 3px color-mix(in oklch,var(--c-color-danger),transparent 70%)}.c-input[data-radius=none]{border-radius:0}.c-input[data-radius=sm]{border-radius:var(--c-radius-sm)}.c-input[data-radius=md]{border-radius:var(--c-radius-md)}.c-input[data-radius=lg]{border-radius:var(--c-radius-lg)}.c-input[data-radius=pill]{padding-inline:var(--c-space-2);border-radius:999px}.c-input[data-size=xs]{height:var(--c-input-h-xs);font-size:var(--c-text-xs)}.c-input[data-size=xl]{height:var(--c-input-h-xl);font-size:var(--c-text-xl)}.c-input[data-readonly]{background:var(--c-color-surface-muted)}.c-input__btn{border-radius:var(--c-radius-sm);width:24px;height:24px;color:var(--c-color-text-muted);cursor:pointer;transition:background-color var(--c-motion-fast) var(--c-motion-ease-out);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.c-input__btn:hover{background:var(--c-color-surface-muted);color:var(--c-color-text)}.c-input__btn:focus-visible{outline:2px solid var(--c-color-focus-ring);outline-offset:1px}.c-input__counter{font-size:var(--c-text-xs);font-variant-numeric:tabular-nums;color:var(--c-color-text-subtle);padding-inline-start:var(--c-space-1)}.c-input[data-invalid] .c-input__counter{color:var(--c-color-danger)}.c-input__spinner{border:2px solid color-mix(in oklch,var(--c-color-border-strong),transparent 50%);border-top-color:var(--c-color-primary);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite c-input-spin}.c-input__error{font-size:var(--c-text-xs);color:var(--c-color-danger);pointer-events:none;position:absolute;top:calc(100% + 2px);left:0}.c-input{position:relative}.c-input.c-textarea{height:auto;min-height:0}.c-input__affix{pointer-events:none}.c-input__affix>.c-icon-button,.c-input__affix>a,.c-input__affix>button,.c-input__affix>input,.c-input__affix>select{pointer-events:auto}.c-input__affix .c-icon-button{width:auto;min-width:24px;height:auto;min-height:24px;padding:4px}@media (width<=768px){.c-input__control,.c-textarea__control{font-size:16px}}@media (pointer:coarse){[data-c-grad-color],[data-c-input-otp-cell],input[type=color]{min-inline-size:40px}}[data-c-input-otp]{gap:var(--c-space-2);font-family:var(--c-font-sans);display:inline-flex}[data-c-input-otp-cell]{text-align:center;block-size:48px;inline-size:40px;font-size:var(--c-text-lg);font-variant-numeric:tabular-nums;background:var(--c-color-surface);color:var(--c-color-text);border:1px solid var(--c-color-border);border-radius:var(--c-radius-md);caret-color:var(--c-color-primary);outline:none}[data-c-input-otp-cell]:focus{border-color:var(--c-color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--c-color-primary),transparent 75%)}[data-c-input-otp][data-size=sm] [data-c-input-otp-cell]{block-size:40px;inline-size:32px;font-size:var(--c-text-md)}[data-c-input-otp][data-size=lg] [data-c-input-otp-cell]{block-size:56px;inline-size:48px;font-size:var(--c-text-xl)}[data-c-input-otp][data-error] [data-c-input-otp-cell]{border-color:var(--c-color-danger)}[data-c-input-otp][data-disabled] [data-c-input-otp-cell]{background:var(--c-color-surface-muted);cursor:not-allowed}.c-textarea{background:var(--c-color-surface);border:1px solid var(--c-color-border);border-radius:var(--c-radius-md);transition:border-color var(--c-motion-fast) var(--c-motion-ease-out),box-shadow var(--c-motion-fast) var(--c-motion-ease-out);display:block;position:relative}.c-textarea:focus-within{border-color:var(--c-color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--c-color-focus-ring),transparent 70%)}.c-textarea[data-error]{border-color:var(--c-color-danger)}.c-textarea[data-disabled]{background:var(--c-color-surface-muted);opacity:.7}.c-textarea__control{width:100%;padding:var(--c-space-3);color:var(--c-color-text);font-family:var(--c-font-sans);font-size:var(--c-text-md);line-height:var(--c-leading-normal);resize:vertical;background:0 0;border:0;outline:0;display:block}.c-textarea__control::placeholder{color:var(--c-color-text-subtle)}.c-textarea__counter{font-size:var(--c-text-xs);color:var(--c-color-text-muted);background:var(--c-color-surface);border-radius:var(--c-radius-sm);padding:0 4px;position:absolute;bottom:6px;right:10px}
