.select{width:100%;display:flex;flex-direction:column;font-size:var(--body-m);line-height:var(--line-h-body-m);color:var(--text-01);position:relative;cursor:pointer}.select__value{white-space:nowrap;overflow:hidden}.select__content{display:flex;align-items:center;width:100%;border-radius:8px;height:58px;border:1px solid var(--base-04);background:var(--base-02);padding:6px 16px}.select__primary .select__content{padding:16px;border:none;background:var(--base-01);border-radius:var(--radius)}.select__primary .select__value{font-weight:var(--weight-extra-bold);margin-right:4px}.select__primary .select__content,.select__primary .select__icon{color:var(--primary)}.select__primary .select__icon{font-size:var(--body-m)}.select__primary .select__options{padding:10px 0;border:1px solid var(--base-04)}.select__primary .select__option{padding:8px 16px;border-radius:var(--radius)}.select__options{position:absolute;top:calc(100% + 4px);width:100%;min-width:-moz-min-content;min-width:min-content;z-index:99;display:flex;flex-direction:column;border-radius:8px;background:var(--base-01);box-shadow:var(--dropdown);opacity:0;pointer-events:none;transition:all .3s;max-height:300px;overflow-x:auto}.select__options::-webkit-scrollbar{display:none}.select__options_open{pointer-events:all;opacity:1}.select__options-right{left:auto;right:0}.select__options-left{left:0;right:auto}.select__option{display:flex;align-items:center;cursor:pointer;font-size:var(--body-m);border-radius:8px;padding:8px 10px;text-align:start}.select__option:hover,.select__option:hover>.select__option-radio{background:var(--base-02)}.select__option_active .select__option-radio{border:6px solid var(--primary)}.select__option-radio{width:24px;height:24px;border-radius:100%;border:1px solid var(--base-03);background:var(--base-01);margin-right:10px}.select__wrapper{display:flex;flex-direction:column;flex-grow:1}.select__icon,.select__label{color:var(--text-02)}.select__label{transition:.3s}.select__label_selected{font-size:var(--body-s);line-height:var(--line-h-body-s)}.select__icon{font-size:var(--body-s);transition:all .3s}.select__icon_open{transform:rotate(180deg)}.select__input{color:var(--text-01);padding:0}