.o-input-select{position:relative;min-width:0;display:flex;flex-direction:column;font-size:14px}.o-input-select_label{margin-bottom:4px;font-weight:600}.o-input-select_input{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:12px;border-radius:3px;line-height:1.25;color:var(--o-input-select-fg, var(--color-text-secondary));border:1px var(--o-input-select-border) solid;background-color:hsl(var(--o-input-select-bg-hs) calc(var(--o-input-select-bg-l) + var(--o-input-select-interaction, 0%)));transition:background .1s;cursor:pointer}.o-input-select_input:hover{--o-input-select-interaction: var(--lightness-interaction-hover)}.o-input-select_input:active{--o-input-select-interaction: var(--lightness-interaction-active)}.o-input-select_input_label{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.o-input-select_input_icon{min-width:14px;font-size:14px;transition:transform .1s}.o-input-select_options{position:absolute;top:100%;right:0;left:0;display:none;background:var(--color-surface-primary);max-height:115px;overflow-y:auto;z-index:6000;border-radius:0 0 3px 3px;box-shadow:1px 1px 3px var(--color-surface-reversed);cursor:pointer}.o-input-select_option{--o-input-select-option-bg-hs: var(--color-surface-secondary-hs);--o-input-select-option-bg-l: var(--color-surface-secondary-l);flex-grow:1;padding:8px 12px;color:var(--color-text-primary);background-color:hsl(var(--o-input-select-option-bg-hs) calc(var(--o-input-select-option-bg-l) + var(--o-input-select-option-interaction, 0%)))}.o-input-select_option:hover{--o-input-select-option-interaction: var(--lightness-interaction-hover)}.o-input-select_option:active{--o-input-select-option-interaction: var(--lightness-interaction-active)}.o-input-select_option--selected{--o-input-select-option-bg-hs: var(--color-surface-tertiary-hs);--o-input-select-option-bg-l: var(--color-surface-tertiary-l)}.o-input-select--expand .o-input-select_options{display:block}.o-input-select--expand .o-input-select_input{border-radius:3px 3px 0 0;--o-input-select-interaction: var(--lightness-interaction-selected)}.o-input-select--expand .o-input-select_input_icon{transform:rotate(180deg)}.o-input-select--primary{--o-input-select-bg-hs: var(--color-surface-primary-hs);--o-input-select-bg-l: var(--color-surface-primary-l);--o-input-select-fg: var(--color-text-primary);--o-input-select-border: var(--color-border-tertiary)}.o-input-select--tertiary{--o-input-select-bg-hs: var(--color-surface-tertiary-hs);--o-input-select-bg-l: var(--color-surface-tertiary-l);--o-input-select-fg: var(--color-text-primary);--o-input-select-border: var(--color-border-tertiary)}.o-input-select--brand{--o-input-select-bg-hs: var(--color-surface-brand-hs);--o-input-select-bg-l: var(--color-surface-brand-l);--o-input-select-fg: var(--color-text-reversed);--o-input-select-border: var(--color-border-brand)}.o-input-select--reversed{--o-input-select-bg-hs: var(--color-surface-reversed-hs);--o-input-select-bg-l: var(--color-surface-reversed-l);--o-input-select-fg: var(--color-text-reversed);--o-input-select-border: var(--color-border-reversed)}
