@layer components{.ds-field{align-items:stretch;gap:var(--ds-field-gap);overflow-wrap:anywhere;flex-direction:column;display:flex}.ds-field .ds-field__label{align-items:baseline;gap:var(--ds-field-gap);color:var(--ds-field-label-text);font-size:var(--ds-field-label-font-size);font-weight:var(--ds-field-label-font-weight);display:inline-flex}.ds-field .ds-field__label[data-disabled]{opacity:var(--ds-opacity-disabled)}.ds-field .ds-field__indicator{color:var(--ds-field-indicator-text)}.ds-field .ds-field__hint{color:var(--ds-field-hint-text);font-size:var(--ds-field-hint-font-size)}.ds-field .ds-field__hint[data-disabled]{opacity:var(--ds-opacity-disabled)}.ds-field .ds-field__message{color:var(--ds-field-message-text);font-size:var(--ds-field-message-font-size)}.ds-input{box-sizing:border-box;border:1px solid var(--ds-input-border);border-radius:var(--ds-input-radius);background-color:var(--ds-input-bg);width:100%;color:var(--ds-input-text);font-family:inherit;font-weight:inherit;line-height:inherit;transition:background-color .15s cubic-bezier(0,0,.2,1),border-color .15s cubic-bezier(0,0,.2,1),box-shadow .15s cubic-bezier(0,0,.2,1);display:block}.ds-input::placeholder{color:var(--ds-input-placeholder);opacity:1}.ds-input[data-invalid]{border-color:var(--ds-input-border-invalid);box-shadow:0 0 0 1px var(--ds-input-border-invalid)}.ds-input:hover:not(:disabled,[readonly]){background-color:var(--ds-input-bg-hover)}.ds-input:hover:not(:disabled,[readonly]):not([data-invalid]){border-color:var(--ds-input-border-hover);box-shadow:0 0 0 1px var(--ds-input-border-hover)}.ds-input:focus-visible{outline:2px solid var(--ds-input-focus-ring);outline-offset:3px}.ds-input:disabled{opacity:var(--ds-opacity-disabled);cursor:not-allowed}.ds-input[readonly]{cursor:default}.ds-input.ds-input--sm{min-height:var(--ds-input-size-sm-height);padding-inline:var(--ds-input-size-sm-padding-inline);font-size:var(--ds-input-size-sm-font-size)}.ds-input.ds-input--md{min-height:var(--ds-input-size-md-height);padding-inline:var(--ds-input-size-md-padding-inline);font-size:var(--ds-input-size-md-font-size)}.ds-input.ds-input--lg{min-height:var(--ds-input-size-lg-height);padding-inline:var(--ds-input-size-lg-padding-inline);font-size:var(--ds-input-size-lg-font-size)}.ds-textarea{resize:vertical}.ds-textarea.ds-input--sm{padding-block:var(--ds-input-size-sm-padding-block)}.ds-textarea.ds-input--md{padding-block:var(--ds-input-size-md-padding-block)}.ds-textarea.ds-input--lg{padding-block:var(--ds-input-size-lg-padding-block)}}