@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-border-style:solid}::backdrop{--tw-border-style:solid}}}.ds-form input:not(:-webkit-any([type=checkbox],[type=radio])),.ds-form textarea,.ds-form select,.ds-form-input{min-height:calc(var(--spacing,.25rem) * 12);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-ds-on-ink-muted,var(--ds-on-ink-muted));background-color:var(--color-ds-surface,var(--ds-surface));padding-inline:calc(var(--spacing,.25rem) * 3.5);padding-block:calc(var(--spacing,.25rem) * 3);color:var(--color-ds-foreground,var(--ds-foreground))}.ds-form input:not(:-moz-any([type=checkbox],[type=radio])),.ds-form textarea,.ds-form select,.ds-form-input{min-height:calc(var(--spacing,.25rem) * 12);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-ds-on-ink-muted,var(--ds-on-ink-muted));background-color:var(--color-ds-surface,var(--ds-surface));padding-inline:calc(var(--spacing,.25rem) * 3.5);padding-block:calc(var(--spacing,.25rem) * 3);color:var(--color-ds-foreground,var(--ds-foreground))}.ds-form input:not(:is([type=checkbox],[type=radio])),.ds-form textarea,.ds-form select,.ds-form-input{min-height:calc(var(--spacing,.25rem) * 12);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-ds-on-ink-muted,var(--ds-on-ink-muted));background-color:var(--color-ds-surface,var(--ds-surface));padding-inline:calc(var(--spacing,.25rem) * 3.5);padding-block:calc(var(--spacing,.25rem) * 3);color:var(--color-ds-foreground,var(--ds-foreground))}.ds-form input::placeholder,.ds-form textarea::placeholder,.ds-form-input::placeholder{color:var(--color-ds-foreground);opacity:.55}.ds-form input:not(:-webkit-any([type=checkbox],[type=radio])):focus,.ds-form textarea:focus,.ds-form select:focus,.ds-form-input:focus{border-color:var(--color-ds-foreground);box-shadow:0 0 0 1px var(--color-ds-foreground);outline:none}.ds-form input:not(:-moz-any([type=checkbox],[type=radio])):focus,.ds-form textarea:focus,.ds-form select:focus,.ds-form-input:focus{border-color:var(--color-ds-foreground);box-shadow:0 0 0 1px var(--color-ds-foreground);outline:none}.ds-form input:not(:is([type=checkbox],[type=radio])):focus,.ds-form textarea:focus,.ds-form select:focus,.ds-form-input:focus{border-color:var(--color-ds-foreground);box-shadow:0 0 0 1px var(--color-ds-foreground);outline:none}.ds-form input:disabled,.ds-form textarea:disabled,.ds-form select:disabled,.ds-form-input:disabled{opacity:.5;cursor:not-allowed}@keyframes ds-dropdown-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ds-form-input.is-open{border-color:var(--color-ds-foreground)}.ds-form-dropdown{margin-top:var(--spacing,.25rem);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-ds-subtle,var(--ds-subtle));background-color:var(--color-ds-background,var(--ds-background));padding:var(--spacing,.25rem);color:var(--color-ds-foreground,var(--ds-foreground));box-shadow:0 10px 28px -12px var(--color-ds-foreground)}@supports (color:color-mix(in lab, red, red)){.ds-form-dropdown{box-shadow:0 10px 28px -12px color-mix(in srgb, var(--color-ds-foreground) 35%, transparent)}}.ds-form-dropdown{animation:.15s ease-out forwards ds-dropdown-open}.ds-form-select .select-item,.ds-form .select-item{gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-sm,.25rem);--tw-border-style:none;padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2.5);color:var(--color-ds-foreground,var(--ds-foreground));background-color:#0000;border-style:none;font-size:15px;line-height:1.4;transition:background-color .15s}.ds-form-select .select-item:not(.is-selected):hover,.ds-form .select-item:not(.is-selected):hover{background-color:var(--color-ds-foreground)}@supports (color:color-mix(in lab, red, red)){.ds-form-select .select-item:not(.is-selected):hover,.ds-form .select-item:not(.is-selected):hover{background-color:color-mix(in srgb, var(--color-ds-foreground) 6%, var(--color-ds-background))}}.ds-form-select .select-item.is-selected,.ds-form .select-item.is-selected{background-color:var(--color-ds-foreground)}@supports (color:color-mix(in lab, red, red)){.ds-form-select .select-item.is-selected,.ds-form .select-item.is-selected{background-color:color-mix(in srgb, var(--color-ds-foreground) 8%, var(--color-ds-background))}}.ds-form-select .select-item.is-selected,.ds-form .select-item.is-selected{font-weight:600}.ds-form-select .select-item .options-check svg,.ds-form .select-item .options-check svg{color:var(--color-ds-foreground)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
