: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(.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(.select:disabled){opacity:35%}:where(.form-field-wrapper) .select{border:1px solid var(--color-grey-graphic);border-radius:var(--radius-md);color:var(--color-text);font-family:system-ui,sans-serif;font-size:16px;width:100%}:where(.form-field-wrapper) .select::-moz-placeholder{color:var(--color-grey-graphic)}:where(.form-field-wrapper) .select::placeholder{color:var(--color-grey-graphic)}:where(.form-field-wrapper) .select:focus-visible{border-color:var(--focus-color);outline:1px solid var(--focus-color)}.form-field-wrapper .select-wrapper{display:grid;grid-template-columns:1fr auto}.form-field-wrapper .select{accent-color:var(--color-text);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-input-bg);grid-column:1/-1;grid-row:1;margin-inline-end:1em}.form-field-wrapper .select-arrow{color:inherit;grid-column:2;grid-row:1;height:100%;margin-inline-end:.5em;pointer-events:none}.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{accent-color:var(--color-blue-text);background-color:var(--color-blue-bg);border-color:var(--color-blue-graphic);color:var(--color-blue-text)}.select-color--blue .select-arrow{color:var(--color-blue-graphic)}.select-color--green .select{accent-color:var(--color-green-text);background-color:var(--color-green-bg);border-color:var(--color-green-graphic);color:var(--color-green-text)}.select-color--green .select-arrow{color:var(--color-green-graphic)}.select-color--orange .select{accent-color:var(--color-orange-text);background-color:var(--color-orange-bg);border-color:var(--color-orange-graphic);color:var(--color-orange-text)}.select-color--orange .select-arrow{color:var(--color-orange-graphic)}.select-color--red .select{accent-color:var(--color-red-text);background-color:var(--color-red-bg);border-color:var(--color-red-graphic);color:var(--color-red-text)}.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{background-color:transparent;border-color:transparent;border-block-end-color:var(--color-grey-graphic);border-radius:0;padding-inline:0}.select-variant--minimal .select:focus{border-block-end-color:var(--color-accent);outline-color:transparent}.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-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)}.select-variant--krafters .select:focus{border-color:var(--color-accent);box-shadow:0 1.5px 0 0 var(--color-accent);outline-color:transparent}
