osg-input{--_fg: var(--osg-input-fg, var(--body-color));--_bg: var(--osg-input-bg, var(--surface-bg-raised));--_border: var(--osg-input-border, light-dark(var(--gray-cool-30), var(--gray-cool-60)));--_border-focus: var(--osg-input-border-focus, light-dark(var(--blue-50v), var(--blue-30v)));--_ring: var(--osg-input-ring, light-dark(var(--blue-10v), var(--blue-80v)));--_muted: var(--osg-input-muted, var(--body-color-muted));--_label-fg: var(--osg-input-label-fg, var(--heading-color));--_invalid: var(--osg-input-invalid, light-dark(var(--red-cool-50v), var(--red-cool-40v)));--_invalid-ring: var(--osg-input-invalid-ring, light-dark(var(--red-cool-10), var(--red-cool-80)));--_valid: var(--osg-input-valid, light-dark(var(--green-cool-50v), var(--green-cool-40v)));--_valid-ring: var(--osg-input-valid-ring, light-dark(var(--green-cool-10), var(--green-cool-80)));--_radius: var(--osg-input-border-radius, 0.25rem);--_padding-block: var(--osg-input-padding-block, 0.5em);--_padding-inline: var(--osg-input-padding-inline, 0.75em);--_size-sm: var(--osg-input-size-sm, 12px);--_size-md: var(--osg-input-size-md, 16px);--_size-lg: var(--osg-input-size-lg, 18px);--_size: var(--_size-md);display:block;font-size:var(--_size);font-family:var(--font-sans-serif);color:var(--_fg)}osg-input:not(:defined){display:block}osg-input:not(:defined)>:is(option,optgroup){display:none}osg-input .osg-input__label{display:block;font-weight:500;font-size:0.875rem;line-height:1.25;color:var(--_label-fg);margin-block-end:0.375em}osg-input .osg-input__field{display:flex;gap:0.5em;align-items:center;padding-inline:var(--_padding-inline);font-size:1em;border:1px solid var(--_border);border-radius:var(--_radius);background:var(--_bg);transition-timing-function:var(--cubic-bezier);transition-duration:0.2s;transition-property:border-color, box-shadow}osg-input .osg-input__field:focus-within{border-color:var(--_border-focus);box-shadow:0 0 0 0.1875em var(--_ring)}osg-input .osg-input__control{flex:1;padding-inline:0;padding-block:var(--_padding-block);font:inherit;font-size:inherit;line-height:1.25;color:inherit;border:0;background:none;min-inline-size:0}osg-input .osg-input__control:focus{outline:none}osg-input .osg-input__control::placeholder{color:var(--_muted);opacity:1}osg-input select.osg-input__control{cursor:pointer;appearance:none}osg-input select.osg-input__control:has(option[value=""]:disabled:checked){color:var(--_muted)}osg-input .osg-input__caret{display:inline-flex;align-items:center;align-self:stretch;color:var(--_muted);cursor:pointer;padding-inline-end:var(--_padding-inline);margin-inline-end:calc(var(--_padding-inline) * -1)}osg-input .osg-input__caret svg{inline-size:1.125em;block-size:1.125em}osg-input textarea.osg-input__control{resize:vertical}osg-input .osg-input__field:has(textarea){align-items:flex-start}osg-input .osg-input__field:has(textarea)>[slot]{padding-block-start:var(--_padding-block)}osg-input .osg-input__field:has(textarea)>.osg-input__clear{margin-block-start:calc(var(--_padding-block) - 0.25em)}osg-input[with-clear] .osg-input__control::-webkit-search-cancel-button{display:none}osg-input .osg-input__hint{margin-block:0.375em 0;font-size:0.75em;line-height:1.25;color:var(--_muted)}osg-input .osg-input__field>[slot]{display:inline-flex;align-items:center;color:var(--_muted)}osg-input .osg-input__clear,osg-input .osg-input__toggle{display:inline-flex;justify-content:center;align-items:center;padding:0.25em;font:inherit;color:var(--_muted);border:0;border-radius:calc(var(--_radius) / 2);background:none;cursor:pointer;margin-inline-end:-0.25em}osg-input :is(.osg-input__clear,.osg-input__toggle):is(:hover,:focus-visible){color:var(--_fg)}osg-input :is(.osg-input__clear,.osg-input__toggle):focus-visible{outline:2px solid var(--_border-focus);outline-offset:1px}osg-input :is(.osg-input__clear,.osg-input__toggle) svg{inline-size:1.125em;block-size:1.125em}osg-input[hidden],osg-input .osg-input__label[hidden]{display:none}osg-input .osg-input__field:has(.osg-input__control:disabled){background:var(--osg-input-disabled-bg, light-dark(var(--gray-cool-3), var(--gray-cool-80)));opacity:0.6;cursor:not-allowed}osg-input .osg-input__control:disabled{cursor:not-allowed}osg-input:not([data-check]) .osg-input__field:has(.osg-input__control:read-only:not(:disabled)){background:var(--osg-input-readonly-bg, light-dark(var(--gray-cool-2), var(--gray-cool-90)))}osg-input .osg-input__field:has(.osg-input__control:user-invalid){border-color:var(--_invalid)}osg-input .osg-input__field:has(.osg-input__control:user-invalid):focus-within{box-shadow:0 0 0 0.1875em var(--_invalid-ring)}osg-input:not([error]:not([error=""])):has(.osg-input__control:user-invalid) .osg-input__hint{color:var(--_invalid)}osg-input .osg-input__message{margin-block:0.375em 0;font-weight:500;font-size:0.875em;line-height:1.4}osg-input[success]:not([success=""]) .osg-input__field{border-color:var(--_valid)}osg-input[success]:not([success=""]) .osg-input__field:focus-within{box-shadow:0 0 0 0.1875em var(--_valid-ring)}osg-input[success]:not([success=""]) .osg-input__message{color:var(--_valid)}osg-input[error]:not([error=""]) .osg-input__field{border-color:var(--_invalid)}osg-input[error]:not([error=""]) .osg-input__field:focus-within{box-shadow:0 0 0 0.1875em var(--_invalid-ring)}osg-input[error]:not([error=""]) .osg-input__message{color:var(--_invalid)}osg-input[data-check]+osg-input[data-check]{margin-block-start:var(--osg-input-check-gap, 0.5em)}osg-input[data-check] .osg-input__field{gap:0.5em;align-items:baseline;margin:0 0.5em;padding-inline:0;border:0;background:none}osg-input[data-check]:has(.osg-input__hint:not([hidden])) .osg-input__control{align-self:start;margin-block-start:0.125em}osg-input[data-check] .osg-input__field:focus-within{box-shadow:none}osg-input[data-check] .osg-input__control{flex:none;align-self:center;margin:0;padding-block:0;background:revert;cursor:pointer;accent-color:var(--_border-focus);inline-size:1em;block-size:1em}osg-input[data-check] .osg-input__control:focus-visible{outline:2px solid var(--_border-focus);outline-offset:2px}osg-input[data-check] .osg-input__label{font-weight:400;color:var(--_fg);cursor:pointer;margin-block-end:0}osg-input[data-check] .osg-input__label:has(.osg-input__hint:not([hidden])){display:flex;flex-direction:column}osg-input[data-check] .osg-input__hint{margin-block:0.125em}osg-input[data-check] .osg-input__message{padding-inline-start:2em}osg-input[data-check]:has(.osg-input__hint:not([hidden]))+osg-input[data-check]{margin-block-start:var(--osg-input-check-gap, 0.625em)}osg-input[pill]{--_radius: 50em;--_padding-inline: var(--osg-input-padding-inline, 1em)}osg-input[field-size="sm"]{--_size: var(--_size-sm);--_padding-block: var(--osg-input-padding-block, 0.333em);--_padding-inline: var(--osg-input-padding-inline, 0.5em)}osg-input[field-size="md"]{--_size: var(--_size-md)}osg-input[field-size="lg"]{--_size: var(--_size-lg)}osg-input[field-size="auto"]{--_size: var(--_size-md)}osg-input[field-size="sm"] .osg-input__label{margin-block-end:0.25em}@media (prefers-reduced-motion: reduce){osg-input .osg-input__field{transition:none}}