.my-select-box{font-weight:400;position:relative}.my-select-box .click-away{width:100%;height:100%;z-index:99;position:fixed;display:block;top:0;left:0}.my-select-box .my-select-box-btn{width:100%;color:#fff;display:flex;justify-content:space-between}.my-select-box .my-select-box-section{width:100%;background-color:#000;border:1px solid #23262b;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);box-sizing:border-box;padding:0;margin-top:4px;position:absolute;top:100%;left:0;z-index:9999;opacity:0;visibility:hidden;transform-origin:50% 0;transform:scale(.75) translateY(-21px);transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;overflow-y:auto;overflow-x:hidden}.my-select-box .my-select-box-section.left{left:0;right:auto}.my-select-box .my-select-box-section.right,[dir=rtl] .my-select-box .my-select-box-section.left{left:auto;right:0}[dir=rtl] .my-select-box .my-select-box-section.right{right:auto;left:0}.my-select-box .my-select-box-section.open{opacity:1;transform:scale(1) translateY(0);visibility:visible}.my-select-box .my-select-box-section ul{padding:0}.my-select-box .my-select-box-section li{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:none;padding-left:18px;padding-right:29px;text-align:left;transition:all .2s;color:#fff}[dir=rtl] .my-select-box .my-select-box-section li{text-align:right}.my-select-box .my-select-box-section li.selected,.my-select-box .my-select-box-section li:hover{background-color:#23262b;font-weight:700}