.common-select__content,.common-select__trigger{--select-surface:var(--color-select-surface);--select-border:var(--color-select-border);--select-text:var(--color-select-text);--select-active:var(--color-select-active);--select-highlight:var(--color-select-highlight);--select-border-width:1px;font-family:var(--font-body);letter-spacing:0;color:var(--select-text);font-size:14px;font-weight:400;line-height:1}.common-select__trigger{border:var(--select-border-width) solid transparent;background:var(--select-surface);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;height:36px;padding:0 17px;text-decoration:none;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}.common-select__value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.common-select__icon{width:16px;height:16px;color:var(--color-select-icon);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.common-select__icon span{border-bottom:1px solid;border-right:1px solid;width:7px;height:7px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.common-select__trigger[data-state=open] .common-select__icon span{transform:translateY(2px)rotate(225deg)}.common-select__trigger:focus-visible,.common-select__trigger[data-state=open]{border-color:var(--select-border)}.common-select__content,.common-select__trigger[data-state=open]{background:var(--color-select-menu)}.common-select__item[data-disabled],.common-select__trigger:disabled{color:var(--color-select-disabled);opacity:1;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.common-select__trigger:not(:disabled):hover{border-color:var(--select-border)}}.common-select__content{z-index:80;width:var(--reka-select-trigger-width);max-width:calc(100vw - 24px);max-height:min(376px,var(--reka-select-content-available-height));border:var(--select-border-width) solid var(--select-border);color:var(--color-select-menu-text);border-radius:8px;flex-direction:column;animation:.15s ease-out select-enter;display:flex;overflow:hidden}.common-select__viewport{overscroll-behavior:contain;min-height:0;padding:7px 2px}.common-select__viewport[data-reka-select-viewport]{scrollbar-width:thin;scrollbar-color:var(--select-border) transparent}.common-select__viewport[data-reka-select-viewport]::-webkit-scrollbar{width:6px;display:block}.common-select__viewport::-webkit-scrollbar-thumb{background-color:var(--select-border)}.common-select__item{overflow-wrap:anywhere;cursor:pointer;outline:none;align-items:center;gap:12px;min-width:0;min-height:32px;padding:9px 22px;text-decoration:none;transition:color .15s,background-color .15s;display:flex}.common-select__label{flex:1;min-width:0}.common-select__item:active:not([data-disabled]),.common-select__item[data-highlighted]:not([data-disabled]){color:var(--select-active);background:var(--select-highlight);font-weight:500}@keyframes select-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (width>=768px){.common-select__content,.common-select__trigger{font-size:var(--font-web-text)}.common-select__trigger{height:var(--control-web-height)}}@media (width<=767px){.common-select__content,.common-select__trigger{--select-border-width:.5px;font-size:12px}:root[data-theme=dark] .common-select__content,:root[data-theme=dark] .common-select__trigger{--select-border-width:1px}.common-select__trigger{height:40px;padding:0 12px}.common-select__content{max-height:min(222px,var(--reka-select-content-available-height));border-radius:6px}:root[data-theme=dark] .common-select__content{border-radius:8px}.common-select__viewport{padding:5px calc(2px - var(--select-border-width))}.common-select__item{min-height:27px;padding:7px 10px}.common-select__item:active:not([data-disabled]),.common-select__item[data-highlighted]:not([data-disabled]){font-weight:400}}@media (prefers-reduced-motion:reduce){.common-select__content{animation:none}.common-select__icon span,.common-select__item,.common-select__trigger{transition:none}}