@layer ariane.presets{.ar-input{display:block;width:100%;padding:.5rem .75rem;border:1px solid var(--ar-input-border-color);border-radius:var(--ar-input-radius);background-color:var(--ar-input-bg);color:var(--ar-input-color);font-family:inherit;font-size:var(--ar-input-font-size);transition:border-color .15s;&:focus-visible{outline:2px solid var(--ar-input-focus-ring-color);outline-offset:1px}&:read-only{border-color:var(--ar-input-inactive-border-color);background:var(--ar-input-readonly-bg);cursor:default}&[aria-disabled],&:disabled{cursor:not-allowed;border-color:var(--ar-input-inactive-border-color);color:var(--ar-input-disabled-color);background-color:var(--ar-input-disabled-bg)}&[aria-disabled]{pointer-events:none}&[aria-invalid=true]{border-color:var(--ar-input-error-border-color)}}textarea.ar-input{min-height:4.5rem;resize:vertical}.ar-label{display:block;margin-block-end:.375rem;color:var(--ar-color-text);font-size:var(--ar-font-size-sm);font-weight:var(--ar-font-weight-medium)}.ar-label[data-ar-char-state=warning]{color:var(--ar-color-warning-text)}.ar-label[data-ar-char-state=error]{color:var(--ar-color-danger-text)}.ar-field-group:has([aria-invalid=true])>.ar-label{color:var(--ar-input-error-color)}.ar-field-group{display:flex;flex-direction:column;gap:var(--ar-field-gap)}.ar-field-group .ar-label{margin-block-end:0}}