@layer components{.form-field{flex-direction:column;gap:.5rem;display:flex}.form-field__label{font-family:var(--font-ui);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-ink)}.form-field__required{color:var(--color-accent)}.form-field__control{background-color:var(--color-canvas);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--font-size-ui);border:1px solid var(--color-pencil-02);padding:.75rem 1rem}.form-field__control::placeholder{color:var(--color-secondary)}.form-field--textarea .form-field__control{resize:vertical;min-height:8rem}@supports (appearance:base-select){.form-field__select{appearance:base-select}.form-field__select::picker(select){appearance:base-select}.form-field__select,.form-field__select-trigger{border-radius:0}.form-field__select::picker(select){border-radius:0}.form-field__select::picker(select){background-color:var(--color-canvas-elevated);border:1px solid var(--color-pencil-02);padding:.25rem}.form-field__select option{font-family:var(--font-ui);font-size:var(--font-size-ui);color:var(--color-ink);padding:.75rem 1rem}.form-field__select option:hover,.form-field__select option:focus{background-color:var(--color-canvas)}.form-field__select option:checked{font-weight:var(--font-weight-medium);color:var(--color-primary)}.form-field__select option::checkmark{color:var(--color-primary)}.form-field__select::picker-icon{display:none}.form-field__select-trigger{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.form-field__select-trigger:after{content:"";background-color:var(--color-secondary);flex-shrink:0;width:.75rem;height:.75rem;mask-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"4 6 8 10 12 6\"/></svg>");mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.form-field__select:open .form-field__select-trigger:after{transform:rotate(180deg)}@media (prefers-reduced-motion:no-preference){.form-field__select-trigger:after{transition:transform .2s}}}.start-project-form{flex-direction:column;gap:1.75rem;max-width:40rem;display:flex}.project-form__row{grid-template-columns:1fr 1fr;gap:1.75rem;display:grid}.project-form__actions{margin-block-start:.5rem}@media (width<=40rem){.project-form__row{grid-template-columns:1fr}}}
