[data-ds-component=Field]{--ds-field-gap-y:var(--semantic-spacing-density-compact-sm);--ds-field-gap-meta:var(--core-spacing-size-03);--ds-field-label-font-size:var(--semantic-typography-body-small-font-size);--ds-field-label-color:var(--semantic-color-foreground-secondary);--ds-field-pad-x:var(--semantic-spacing-density-compact-md);--ds-field-pad-y:var(--semantic-spacing-density-compact-sm);--ds-field-color-bg:var(--semantic-color-background-elevated);--ds-field-color-fg:var(--semantic-color-foreground-primary);--ds-field-color-border:var(--semantic-color-border-subtle);--ds-field-color-border-bold:var(--semantic-color-border-bold);--ds-field-color-focus-border:var(--semantic-color-border-focus);--ds-field-color-focus-text:var(--semantic-color-border-accent);--ds-field-color-invalid-border:var(--semantic-color-border-danger);--ds-field-color-invalid-text:var(--semantic-color-foreground-danger);--ds-field-color-valid-border:var(--semantic-color-feedback-border-success);--ds-field-spacing-indicator:var(--core-spacing-size-03);--ds-field-radius:var(--semantic-shape-control-radius-default)}
[data-ds-component=Field].root{gap:var(--ds-field-gap-y);display:grid;container-type:inline-size}[data-ds-component=Field] .header{color:var(--ds-field-label-color);font-size:var(--ds-field-label-font-size)}[data-ds-component=Field] .control :is(input,select,textarea){padding:var(--ds-field-pad-y) var(--ds-field-pad-x);background:var(--ds-field-color-bg);border:1px solid var(--ds-field-color-border);border-radius:var(--ds-field-radius);color:var(--ds-field-color-fg);outline:none}[data-ds-component=Field] .control :is(input,select,textarea):focus-visible{border-color:var(--ds-field-color-focus-border);box-shadow:0 0 0 3px color-mix(in oklab, var(--ds-field-color-focus-border) 30%, transparent)}[data-ds-component=Field] .meta{gap:var(--ds-field-gap-meta);display:grid}[data-ds-component=Field] .meta [role=alert]{color:var(--ds-field-color-invalid-text)}[data-ds-component=Field] .validatingIndicator{align-items:center;margin-inline-start:var(--ds-field-spacing-indicator);display:inline-flex}@supports selector(:scope){@scope([data-ds-component=Field].root){:scope .header{color:var(--ds-field-label-color);font-size:var(--ds-field-label-font-size)}:scope .control :is(input,select,textarea){padding:var(--ds-field-pad-y) var(--ds-field-pad-x);background:var(--ds-field-color-bg);border:1px solid var(--ds-field-color-border);border-radius:var(--ds-field-radius);color:var(--ds-field-color-fg);outline:none}:scope .control :is(input,select,textarea):focus-visible{border-color:var(--ds-field-color-focus-border);box-shadow:0 0 0 3px color-mix(in oklab, var(--ds-field-color-focus-border) 30%, transparent)}:scope .meta{gap:var(--ds-field-gap-meta);display:grid}:scope .meta [role=alert]{color:var(--ds-field-color-invalid-text)}:scope .validatingIndicator{align-items:center;margin-inline-start:var(--ds-field-spacing-indicator);display:inline-flex}}}@supports selector(:has(*)){[data-ds-component=Field].root:has([data-status=invalid]) .header{color:var(--ds-field-color-invalid-text)}[data-ds-component=Field].root:has([data-status=invalid]) .control :is(input,select,textarea){border-color:var(--ds-field-color-invalid-border);box-shadow:0 0 0 2px color-mix(in oklab, var(--ds-field-color-invalid-border) 20%, transparent)}[data-ds-component=Field].root:has([data-status=valid]) .control :is(input,select,textarea){border-color:var(--ds-field-color-valid-border);box-shadow:0 0 0 2px color-mix(in oklab, var(--ds-field-color-valid-border) 20%, transparent)}[data-ds-component=Field].root:has(.control :is(input,select,textarea):focus-visible) .header{color:var(--ds-field-color-focus-text)}[data-ds-component=Field].root:has(.validatingIndicator) .control :is(input,select,textarea){padding-inline-end:calc(var(--ds-field-pad-x) + 2rem)}}@supports (container-type:inline-size){@container (max-width:25rem){[data-ds-component=Field].root{gap:calc(var(--ds-field-gap-y) * .75)}[data-ds-component=Field].root .header{font-size:calc(var(--ds-field-label-font-size) * .9)}[data-ds-component=Field].root .control :is(input,select,textarea){padding:calc(var(--ds-field-pad-y) * .75) calc(var(--ds-field-pad-x) * .75)}[data-ds-component=Field].root .meta{gap:calc(var(--ds-field-gap-meta) * .75);font-size:calc(var(--ds-field-meta-font-size,.875rem) * .9)}}@container (max-width:20rem){[data-ds-component=Field].root{gap:calc(var(--ds-field-gap-y) * .5)}[data-ds-component=Field].root .header{font-size:calc(var(--ds-field-label-font-size) * .85)}[data-ds-component=Field].root .control :is(input,select,textarea){padding:calc(var(--ds-field-pad-y) * .5) calc(var(--ds-field-pad-x) * .5);font-size:calc(var(--ds-field-input-font-size,1rem) * .9)}[data-ds-component=Field].root .meta{font-size:calc(var(--ds-field-meta-font-size,.875rem) * .85)}}@container (min-width:40rem){[data-ds-component=Field].root .control :is(input,select,textarea){padding:calc(var(--ds-field-pad-y) * 1.25) calc(var(--ds-field-pad-x) * 1.25)}[data-ds-component=Field].root .validatingIndicator{margin-inline-start:calc(var(--ds-field-spacing-indicator) * 1.25)}}}@media (prefers-contrast:more){[data-ds-component=Field] .control :is(input,select,textarea){border-color:var(--ds-field-color-border-bold)}}
[data-ds-component=Select]{--ds-select-color-background-default:var(--semantic-color-background-primary);--ds-select-color-background-hover:var(--semantic-color-background-hover);--ds-select-color-background-is-open:var(--semantic-color-background-active);--ds-select-color-background-focus:var(--semantic-color-background-primary);--ds-select-color-background-focus-visible:var(--semantic-color-background-primary);--ds-select-color-background-disabled:var(--semantic-color-background-disabled);--ds-select-color-background-read-only:var(--semantic-color-background-read-only);--ds-select-color-background-checked:var(--semantic-color-background-primary);--ds-select-color-background-error:var(--semantic-color-background-danger-subtle);--ds-select-color-background-success:var(--semantic-color-background-success-subtle);--ds-select-color-background-selected:var(--semantic-color-background-highlight);--ds-select-color-foreground-default:var(--semantic-color-foreground-primary);--ds-select-color-foreground-hover:var(--semantic-color-foreground-hover);--ds-select-color-foreground-is-open:var(--semantic-color-foreground-primary);--ds-select-color-foreground-focus:var(--semantic-color-foreground-primary);--ds-select-color-foreground-focus-visible:var(--semantic-color-foreground-primary);--ds-select-color-foreground-disabled:var(--semantic-color-foreground-disabled);--ds-select-color-foreground-read-only:var(--semantic-color-foreground-primary);--ds-select-color-foreground-checked:var(--semantic-color-foreground-primary);--ds-select-color-foreground-error:var(--semantic-color-foreground-danger);--ds-select-color-foreground-success:var(--semantic-color-foreground-success);--ds-select-color-foreground-selected:var(--semantic-color-foreground-accent);--ds-select-color-border-default:var(--semantic-color-border-primary);--ds-select-color-border-hover:var(--semantic-color-border-bold);--ds-select-color-border-is-open:var(--semantic-color-border-accent);--ds-select-color-border-focus:var(--semantic-color-border-primary);--ds-select-color-border-focus-visible:var(--semantic-color-border-accent);--ds-select-color-border-focus-ring:var(--semantic-color-border-focus);--ds-select-color-border-disabled:var(--semantic-color-border-disabled);--ds-select-color-border-read-only:var(--semantic-color-border-light);--ds-select-color-border-checked:var(--semantic-color-border-accent);--ds-select-color-border-error:var(--semantic-color-border-danger);--ds-select-color-border-success:var(--semantic-color-border-success);--ds-select-color-icon-default:var(--semantic-color-foreground-secondary);--ds-select-color-icon-hover:var(--semantic-color-foreground-primary);--ds-select-color-icon-is-open:var(--semantic-color-foreground-accent);--ds-select-color-icon-focus:var(--semantic-color-foreground-secondary);--ds-select-color-icon-focus-visible:var(--semantic-color-foreground-accent);--ds-select-color-icon-disabled:var(--semantic-color-foreground-disabled);--ds-select-color-icon-read-only:var(--semantic-color-foreground-secondary);--ds-select-color-icon-checked:var(--semantic-color-foreground-accent);--ds-select-color-placeholder-default:var(--semantic-color-foreground-placeholder);--ds-select-color-placeholder-hover:var(--semantic-color-foreground-placeholder);--ds-select-color-placeholder-is-open:var(--semantic-color-foreground-placeholder);--ds-select-color-placeholder-focus:var(--semantic-color-foreground-placeholder);--ds-select-color-placeholder-focus-visible:var(--semantic-color-foreground-placeholder);--ds-select-color-placeholder-disabled:var(--semantic-color-foreground-disabled);--ds-select-color-placeholder-read-only:var(--semantic-color-foreground-placeholder);--ds-select-color-placeholder-checked:var(--semantic-color-foreground-placeholder);--ds-select-size-padding-default:var(--core-spacing-size-03);--ds-select-size-padding-hover:var(--core-spacing-size-03);--ds-select-size-padding-focus:var(--core-spacing-size-03);--ds-select-size-padding-focus-visible:var(--core-spacing-size-03);--ds-select-size-padding-disabled:var(--core-spacing-size-03);--ds-select-size-padding-read-only:var(--core-spacing-size-03);--ds-select-size-padding-checked:var(--core-spacing-size-03);--ds-select-size-radius-default:var(--core-shape-radius-medium);--ds-select-size-radius-small:var(--core-shape-radius-small);--ds-select-size-border-default:var(--core-shape-border-width-hairline);--ds-select-size-sm-height:var(--semantic-control-size-sm-height);--ds-select-size-sm-padding-y:var(--semantic-control-size-sm-padding-y);--ds-select-size-sm-padding-x:var(--semantic-control-size-sm-padding-x);--ds-select-size-md-height:var(--semantic-control-size-md-height);--ds-select-size-md-padding-y:var(--semantic-control-size-md-padding-y);--ds-select-size-md-padding-x:var(--semantic-control-size-md-padding-x);--ds-select-size-lg-height:var(--semantic-control-size-lg-height);--ds-select-size-lg-padding-y:var(--semantic-control-size-lg-padding-y);--ds-select-size-lg-padding-x:var(--semantic-control-size-lg-padding-x);--ds-select-font-size-default:var(--semantic-typography-body-02);--ds-select-font-size-sm:var(--semantic-typography-body-small-font-size);--ds-select-font-size-md:var(--semantic-typography-body-02);--ds-select-font-size-lg:var(--semantic-typography-body-02);--ds-select-font-weight-default:var(--semantic-typography-font-weight-regular);--ds-select-font-line-height-default:var(--semantic-typography-line-height-body);--ds-select-motion-duration-fast:var(--core-motion-duration-short);--ds-select-motion-easing-standard:var(--core-motion-easing-standard)}
[data-ds-component=Select].root{width:100%;display:inline-block;position:relative;container-type:inline-size}[data-ds-component=Select] .trigger{box-sizing:border-box;width:100%;padding:var(--ds-select-size-padding-default,8px);background-color:var(--ds-select-color-background-default,#fafafa);border:var(--ds-select-size-border-default,1px) solid var(--ds-select-color-border-default,#aeaeae);border-radius:var(--ds-select-size-radius-default,8px);color:var(--ds-select-color-foreground-default,#141414);font-weight:var(--ds-select-font-weight-default,400);font-size:var(--ds-select-font-size-default,1rem);line-height:var(--ds-select-font-line-height-default,1.5);transition:background-color var(--ds-select-motion-duration-fast) var(--ds-select-motion-easing-standard), border-color var(--ds-select-motion-duration-fast) var(--ds-select-motion-easing-standard);cursor:pointer;justify-content:space-between;align-items:center;display:flex}[data-ds-component=Select] .trigger.sm{height:var(--ds-select-size-sm-height);padding:var(--ds-select-size-sm-padding-y) var(--ds-select-size-sm-padding-x);font-size:var(--ds-select-font-size-sm)}[data-ds-component=Select] .trigger.md{height:var(--ds-select-size-md-height);padding:var(--ds-select-size-md-padding-y) var(--ds-select-size-md-padding-x);font-size:var(--ds-select-font-size-md)}[data-ds-component=Select] .trigger.lg{height:var(--ds-select-size-lg-height);padding:var(--ds-select-size-lg-padding-y) var(--ds-select-size-lg-padding-x);font-size:var(--ds-select-font-size-lg)}[data-ds-component=Select] .trigger:hover{background-color:color-mix(in srgb, var(--ds-select-color-background-default,#fafafa) 90%, var(--ds-select-color-background-hover,#cecece) 10%);border-color:var(--ds-select-color-border-hover,#555)}[data-ds-component=Select] .trigger:focus-visible{border-color:var(--ds-select-color-border-focus-visible,#d9292b);outline:2px solid color-mix(in oklab, var(--ds-select-color-border-focus-visible,#d9292b) 40%, transparent);outline-offset:-1px}[data-ds-component=Select] .trigger:disabled{background-color:var(--ds-select-color-background-disabled,#cecece);border-color:var(--ds-select-color-border-disabled,#cecece);color:var(--ds-select-color-foreground-disabled,#aeaeae);cursor:not-allowed}[data-ds-component=Select] .text{text-align:start;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}[data-ds-component=Select] .icons{flex-shrink:0;align-items:center;gap:.25rem;margin-inline-start:.5rem;display:flex}[data-ds-component=Select] .chevronIcon{width:16px;height:16px;color:var(--ds-select-color-icon-default,#6b7280)}[data-ds-component=Select] .clear{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;display:flex}[data-ds-component=Select] .clear:hover{background-color:var(--ds-select-color-background-hover,#f3f4f6)}[data-ds-component=Select] .clearIcon{width:14px;height:14px;color:var(--ds-select-color-foreground-default,#1f2937)}[data-ds-component=Select] .content{z-index:1000;background:var(--ds-select-color-background-default,#fafafa);border:var(--ds-select-size-border-default,1px) solid var(--ds-select-color-border-default,#aeaeae);border-radius:0 0 var(--ds-select-size-radius-default,8px) var(--ds-select-size-radius-default,8px);margin:0;padding:0;position:absolute;inset-block-start:100%;inset-inline:0;overflow-y:auto;box-shadow:0 4px 6px #0000001a}[data-ds-component=Select] .searchContainer{padding:var(--ds-select-size-padding-default)}[data-ds-component=Select] .search{width:100%;padding:var(--ds-select-size-padding-default);border:var(--ds-select-size-border-default) solid var(--ds-select-color-border-default,#e5e7eb);border-radius:var(--ds-select-size-radius-small);font-size:var(--ds-select-font-size-sm)}[data-ds-component=Select] .options{padding:0}[data-ds-component=Select] .option{padding:var(--ds-select-size-padding-default);color:var(--ds-select-color-foreground-default,#141414);cursor:pointer}[data-ds-component=Select] .option:hover,[data-ds-component=Select] .option.active{background-color:var(--ds-select-color-background-hover,#f0f0f0)}[data-ds-component=Select] .option[aria-selected=true],[data-ds-component=Select] .option.selected{background-color:var(--ds-select-color-background-selected,#e6f3ff);color:var(--ds-select-color-foreground-selected,#06c)}[data-ds-component=Select] .option[data-disabled]{color:var(--ds-select-color-foreground-disabled,#aeaeae);cursor:not-allowed}[data-ds-component=Select] .option[data-disabled]:hover{background-color:#0000}[data-ds-component=Select] .check{width:16px;height:16px;color:var(--ds-select-color-foreground-selected,#06c);flex-shrink:0}[data-ds-component=Select] .emptyState{padding:var(--ds-select-size-padding-default);color:var(--ds-select-color-foreground-disabled,#aeaeae);text-align:center}@container (max-width:20rem){[data-ds-component=Select] .trigger{padding:calc(var(--ds-select-size-padding-default,8px) * .75);font-size:calc(var(--ds-select-font-size-default,1rem) * .9)}}@container (max-width:15rem){[data-ds-component=Select] .trigger{padding:calc(var(--ds-select-size-padding-default,8px) * .5);font-size:calc(var(--ds-select-font-size-default,1rem) * .85)}}@media (prefers-reduced-motion:reduce){[data-ds-component=Select] .trigger{transition:none}}
