.cf-select{position:relative}.cf-select__button{align-items:center;gap:var(--cf-space-1);inline-size:100%;block-size:var(--cf-control-height);padding-inline:var(--cf-space-2);background:var(--cf-surface-field);border:var(--cf-line-hairline) solid var(--cf-border-control);border-radius:var(--cf-radius-sm);color:var(--cf-text-primary);font-size:var(--cf-type-small-size);text-align:start;display:flex}.cf-select__button[data-hovered]{border-color:var(--cf-text-tertiary)}.cf-select__button[data-focus-visible]{border-color:var(--cf-border-focus)}.cf-select__button[data-pressed]{background:var(--cf-surface-hover)}.cf-select__button[data-disabled]{border-color:var(--cf-border-subtle);color:var(--cf-text-disabled);cursor:not-allowed;background:0 0}.cf-select[data-invalid] .cf-select__button{border-color:var(--cf-status-danger-border)}.cf-select__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.cf-select__value[data-placeholder]{color:var(--cf-text-tertiary)}.cf-select__popover{min-inline-size:var(--trigger-width)}