.the-select-wrap{position:relative;width:100%}.the-select{align-items:center;border-bottom:1px solid var(--main-divider-color);cursor:pointer;display:grid;grid-template-areas:"select"}.the-select:after{background-color:var(--main-divider-color);clip-path:polygon(100% 0,0 0,50% 100%);content:"";grid-area:select;height:.5em;justify-self:flex-end;transform:scale(1) rotate(0);transition:all .4s;width:.8em}.the-select:hover:after{transform:scale(1.3) rotate(0)}.the-select_dasabled{cursor:default;opacity:.8}.the-select_active:after{transform:scale(1.3) rotate(180deg)!important}.the-select__selection{color:var(--main-text-color);font-size:1em;grid-area:select;line-height:33px;min-height:2em;padding:0 20px 0 8px;text-align:left}.the-select__list{background-color:var(--main-bg-color);border:1px solid var(--main-divider-color);bottom:0;max-height:200px;overflow-y:auto;position:absolute;right:0;text-align:left;transform:translateY(calc(100% + 1px));width:100%;z-index:2}.the-select__list_upper{transform:translateY(-50%)}.the-select__list-item{cursor:pointer;padding:10px}.the-select__list-item:hover,.the-select__list-item:hover>.checkbox{background-color:var(--main-active-color);color:var(--main-bg-color)}.the-select__list-item_nonselectable,.the-select__list-item_nonselectable:hover{background-color:var(--main-bg-color);color:var(--main-divider-color);cursor:default}