.sel{background-color:transparent;cursor:pointer;display:inline-block;font-size:1rem;height:fit-content;margin:0;position:relative;width:220px}.sel:before{color:#fff;content:"\276F";font-size:14px;position:absolute;right:5px;top:calc(50% - .5em);transform:rotate(90deg)}.sel.active:before{transform:rotate(270deg)}.sel__placeholder{color:#fff;display:block;font-family:Montserrat;font-size:14px;padding:.7em .5em;pointer-events:none;text-align:left;user-select:none;visibility:visible}.sel.active .sel__placeholder{visibility:hidden}.sel__placeholder:before{bottom:0;content:attr(data-placeholder);left:0;padding:.2em .5em;position:absolute;right:0;top:0;visibility:hidden}.sel.active .sel__placeholder:before{visibility:visible}.sel__box{background-color:#142333;border:1px solid #fff;box-sizing:border-box;display:none;font-size:14px;left:-4px;list-style-type:none;position:absolute;text-align:left;top:calc(100% + 4px);width:calc(100% + 8px);z-index:3}.sel.active .sel__box{animation:fadeInUp .5s;display:block}.sel__box__options{color:#fff;display:list-item;font-family:Montserrat;font-size:14px;padding:.5em 1em;user-select:none}.sel__box__options:hover{background-color:transparent}.sel{border-bottom:1px solid #fff}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:none}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}