:where(label){font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none;transition-property:opacity;transition-duration:var(--duration-sm)}:where(label).disabled{opacity:.25}:where(.form-field-wrapper){transition-property:opacity;transition-duration:var(--duration-sm);align-content:start;align-items:center;display:inline-grid;position:relative}:where(.form-field-wrapper) .label,:where(.form-field-wrapper) label{min-height:1.25rem;font-size:var(--font-size-xs);align-items:center;gap:.35rem;margin-block-end:.125rem;display:inline-flex}: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:.25rem 0}:where(.form-field-wrapper):has(.select:disabled){opacity:.35}:where(.form-field-wrapper) .select{border:1px solid var(--color-grey-graphic);border-radius:var(--radius-md);width:100%;color:var(--color-text);font-family:system-ui,sans-serif;font-size:16px}:where(.form-field-wrapper) .select::placeholder{color:var(--color-grey-graphic)}:where(.form-field-wrapper) .select:focus-visible{outline:1px solid var(--focus-color);border-color:var(--focus-color)}.form-field-wrapper .select-wrapper{grid-template-columns:1fr auto;display:grid}.form-field-wrapper .select{appearance:none;accent-color:var(--color-text);background-color:var(--color-input-bg);grid-area:1/1/auto/-1;margin-inline-end:1em}.form-field-wrapper .select-arrow{color:inherit;pointer-events:none;grid-area:1/2;height:100%;margin-inline-end:.5em}.select-size--sm .select{height:2rem;padding-inline:.5em}.select-size--md .select{height:2.25rem;padding-inline:.5em}.select-size--lg .select{height:2.5rem;padding-inline:.65em}.select-color--blue .select{color:var(--color-blue-text);accent-color:var(--color-blue-text);border-color:var(--color-blue-graphic);background-color:var(--color-blue-bg)}.select-color--blue .select-arrow{color:var(--color-blue-graphic)}.select-color--green .select{color:var(--color-green-text);accent-color:var(--color-green-text);border-color:var(--color-green-graphic);background-color:var(--color-green-bg)}.select-color--green .select-arrow{color:var(--color-green-graphic)}.select-color--orange .select{color:var(--color-orange-text);accent-color:var(--color-orange-text);border-color:var(--color-orange-graphic);background-color:var(--color-orange-bg)}.select-color--orange .select-arrow{color:var(--color-orange-graphic)}.select-color--red .select{color:var(--color-red-text);accent-color:var(--color-red-text);border-color:var(--color-red-graphic);background-color:var(--color-red-bg)}.select-color--red .select-arrow{color:var(--color-red-graphic)}.select-variant--minimal label{font-size:var(--font-size-sm)}.select-variant--minimal:focus-within label{color:var(--color-text)}.select-variant--minimal .select{border-color:#0000;border-block-end-color:var(--color-grey-graphic);background-color:#0000;border-radius:0;padding-inline:0}.select-variant--minimal .select:focus{border-block-end-color:var(--color-accent);outline-color:#0000}.select-variant--krafters label{color:var(--color-grey-text);font-weight:var(--font-weight-bold)}.select-variant--krafters:focus-within label{color:var(--color-text)}.select-variant--krafters .select{border-radius:var(--radius-sm);border-width:1.5px;border-color:var(--color-grey-text);box-shadow:0 1.5px 0 0 var(--color-grey-text)}.select-variant--krafters .select:focus{border-color:var(--color-accent);box-shadow:0 1.5px 0 0 var(--color-accent);outline-color:#0000}