.select-box{position:relative;background:var(--hl-dark-shade);border-radius:10px;padding-right:16px;min-width:94px;cursor:pointer}.select-box:hover{background:var(--hl-light-shade)}.select-box__select{color:var(--hl-font-clear);background:none;font-weight:bold;margin:8px 16px;white-space:nowrap;overflow:hidden}.select-box__select:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid;border-color:var(--hl-font-clear) transparent transparent transparent}.select-box__options{position:absolute;background-color:var(--bg-dark-shade);border:1px solid var(--bg-dark-shade);display:grid;gap:1px;top:100%;left:0;right:0;z-index:18}.select-box__options--hide{display:none}.select-box__options div{color:var(--hl-font-clear);background-color:var(--hl-dark-shade);font-weight:bold;padding:8px 16px}.select-box__options div:hover{background-color:var(--hl-light-shade)}.select-box--active{border-bottom-right-radius:0;border-bottom-left-radius:0}.select-box--active:hover{background:var(--hl-dark-shade)}.select-box--active .select-box__select:after{border-color:transparent transparent var(--hl-font-clear) transparent;top:7px}.select-box--wide{width:150px}.select-box select{display:none}div .same-as-selected{background-color:var(--hl-light-shade)}