.store-field { display: grid; min-inline-size: 0; align-content: start; gap: .5rem; }
.store-field > label { font-size: .9rem; font-weight: 600; }
.store-field > input, .store-field > textarea { inline-size: 100%; min-block-size: 3rem; border: 1px solid var(--store-border); border-radius: var(--store-radius-sm); padding: .75rem .85rem; background: var(--store-surface); color: var(--store-text); font: inherit; }
.store-field > textarea { resize: vertical; min-block-size: 7.5rem; }
.store-field > :is(input, textarea):hover { border-color: var(--store-accent); }
.store-field > :is(input, textarea):focus-visible { outline: var(--store-focus-width) solid var(--store-focus-color); outline-offset: calc(-1 * var(--store-focus-width)); }
.store-field > :is(input, textarea):disabled { opacity: .55; cursor: not-allowed; }
.store-field > [aria-invalid="true"] { border-color: var(--store-text); }
.store-field__error { margin: 0; color: var(--store-text); font-size: .85rem; font-weight: 650; overflow-wrap: anywhere; }
.store-field--quiet > label { font-weight: 500; }
.store-field--quiet > input { font-size: 1rem; font-weight: 400; }