.ui-select{position:relative}.ui-select.is-disabled{cursor:not-allowed}.ui-select.is-open .ui-select__control{background:var(--steam-surface-input-secondary-hover)}.ui-select__control{align-items:center;background:#ffffff1a;border:2px solid #000;border-radius:var(--select-border-radius,32px);box-shadow:0 8px 0 -6px #000;color:#fff;cursor:pointer;display:flex;gap:var(--spacing-x2);height:var(--select-height,56px);justify-content:space-between;padding:var(--select-padding,8px 16px);position:relative;text-align:left;transition:all .4s ease;width:100%}.ui-select__control:hover{background:var(--steam-surface-input-secondary-hover)}.ui-select__control:disabled{pointer-events:none}.ui-select__control .ui-select__text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.ui-select__control .ui-select__label{color:#fff6;font-size:var(--font-size-body-S,12px);font-weight:400;line-height:var(--line-height-body-S,18px)}@media screen and (max-width:640px){.ui-select__control .ui-select__label{font-size:var(--font-size-body-S,11px);font-weight:400;line-height:var(--line-height-body-S,17px)}}.ui-select__control .ui-select__label .ui-select__error{color:var(--text-status-error)}.ui-select__value{font-size:var(--font-size-body-M,14px);font-weight:500;line-height:var(--line-height-body-M,19px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media screen and (max-width:640px){.ui-select__value{font-size:var(--font-size-body-M,13px);font-weight:500;line-height:var(--line-height-body-M,19px)}}.ui-select__value.is-empty{color:var(--select-placeholder-color,rgba(0,0,0,.2))}.ui-select__icon{flex-shrink:0;--icon-size:16px}.ui-select__backdrop{display:none}@media screen and (max-width:960px){.ui-select__backdrop{background:var(--surface-page-overlay);display:block;inset:0;position:fixed;z-index:999}}.ui-select__dropdown-panel{background:#fff;border-radius:var(--select-border-radius,32px);left:0;position:absolute;right:0;top:calc(100% + var(--spacing-x2));z-index:20}@media screen and (max-width:960px){.ui-select__dropdown-panel{inset:auto 0 32px;margin:0 auto;position:fixed;width:91%;z-index:1000}}.ui-select__dropdown{list-style:none;margin:0;max-height:280px;overflow-y:auto;padding:var(--spacing-x2)}@media screen and (max-width:960px){.ui-select__dropdown{max-height:calc(100vh - 64px)}}.ui-select__dropdown-close{display:none}@media screen and (max-width:960px){.ui-select__dropdown-close{align-items:center;display:flex;height:24px;justify-content:center;position:absolute;right:0;top:-40px;width:24px;--icon-size:24px;color:var(--border-base-invert);cursor:pointer}}.ui-select__option{border-radius:var(--radius-x1);color:#000;cursor:pointer;font-size:var(--font-size-body-M,14px);font-weight:500;line-height:var(--line-height-body-M,19px);padding:var(--spacing-x2) var(--spacing-x3);transition:all .4s ease}@media screen and (max-width:640px){.ui-select__option{font-size:var(--font-size-body-M,13px);font-weight:500;line-height:var(--line-height-body-M,19px)}}.ui-select__option.is-active,.ui-select__option:hover{background:#0000001a}.ui-select__empty{color:var(--text-base-invert-subdued);font-size:var(--font-size-body-M,14px);font-weight:500;line-height:var(--line-height-body-M,19px);padding:var(--spacing-x2) var(--spacing-x3)}@media screen and (max-width:640px){.ui-select__empty{font-size:var(--font-size-body-M,13px);font-weight:500;line-height:var(--line-height-body-M,19px)}}
