:where(label){font-weight:var(--font-weight-medium);transition-duration:var(--duration-sm);transition-property:opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(label).disabled{opacity:25%}:where(input){background-color:transparent;filter:none}:where(input):-webkit-autofill{-webkit-text-fill-color:var(--color-accent-text);box-shadow:0 0 0 100px var(--color-accent-bg) inset}:where(.form-field-wrapper){align-content:start;align-items:center;display:inline-grid;position:relative;transition-duration:var(--duration-sm);transition-property:opacity}:where(.form-field-wrapper) .label,:where(.form-field-wrapper) label{align-items:center;display:inline-flex;font-size:var(--font-size-xs);gap:.35rem;margin-block-end:.125rem;min-height:1.25rem}:where(.form-field-wrapper) .instruction,:where(.form-field-wrapper) .label,:where(.form-field-wrapper) label{color:var(--color-grey-text)}:where(.form-field-wrapper) .instruction{font-size:var(--font-size-xxs);margin-block-end:0;margin-block-start:.25rem}:where(.form-field-wrapper):has(.input:disabled){opacity:35%}:where(.form-field-wrapper) .input{border:1px solid var(--color-grey-graphic);border-radius:var(--radius-md);font-family:system-ui,sans-serif;font-size:16px;width:100%}:where(.form-field-wrapper) .input::-moz-placeholder{color:var(--color-grey-graphic)}:where(.form-field-wrapper) .input::placeholder{color:var(--color-grey-graphic)}:where(.form-field-wrapper) .input:focus{border-color:var(--focus-color);outline:1px solid var(--focus-color)}.form-field-wrapper .input-wrapper{position:relative}.form-field-wrapper .input{background-color:var(--color-input-bg)}.form-field-wrapper .input[readonly]{background-color:var(--color-grey-bg);border-color:transparent;caret-color:transparent}.form-field-wrapper .input:has(+.iconify){padding-inline-start:1.75rem}.form-field-wrapper .input+.iconify{color:var(--color-grey-text);left:.5rem;inset-block:0;margin-block:auto;position:absolute;z-index:1}.input-size--sm .input{height:2rem;padding-inline:.5em}.input-size--md .input{height:2.25rem;padding-inline:.5em}.input-size--lg .input{height:2.5rem;padding-inline:.65em}.input-size--xl .input{height:3rem;padding-inline:.75em}.input-variant--minimal label{font-size:var(--font-size-sm)}.input-variant--minimal:focus-within label{color:var(--color-text)}.input-variant--minimal .input{background-color:transparent;border-color:transparent;border-block-end-color:var(--color-grey-graphic);border-radius:0;padding-inline:0}.input-variant--minimal .input:focus{border-block-end-color:var(--color-accent);outline-color:transparent}.input-variant--krafters label{color:var(--color-grey-text);font-weight:var(--font-weight-bold)}.input-variant--krafters:focus-within label{color:var(--color-text)}.input-variant--krafters .input{border-color:var(--color-grey-text);border-radius:var(--radius-sm);border-width:1.5px;box-shadow:0 1.5px 0 0 var(--color-grey-text)}.input-variant--krafters .input:focus{border-color:var(--color-accent);box-shadow:0 1.5px 0 0 var(--color-accent);outline-color:transparent}