.select-container{width:100%;max-width:301px;min-width:250px;height:53px}.dropdown{width:100%;display:inline-block;background-color:#fff;border:1px solid #d9e0eb;border-radius:4px;transition:.5s;font-size:14px;color:#474747;height:100%;text-align:left;position:relative}.dropdown .select{display:block;padding:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;height:100%;width:100%}.dropdown .select label{position:absolute;color:var(--color-notes);top:18px;pointer-events:none;transition:.2s;-moz-transition:.2s;-webkit-transition:.2s}.dropdown.active .select label,.dropdown.selected .select label{top:10px;font-size:11px;opacity:1}.dropdown .select>img{font-size:13px;color:#888;cursor:pointer;transition:.3s ease-in-out;float:right;line-height:20px}.dropdown .placeholder,.dropdown.active .select .placeholder{opacity:0}.dropdown.active,.dropdown.active:hover{border-radius:4px 4px 0 0}.dropdown.active .select>img{transform:rotate(-180deg)}.dropdown.selected .select span{margin-top:20px}.dropdown .dropdown-menu{position:absolute;background-color:#fff;width:100%;left:0;margin-top:1px;box-shadow:0 1px 2px #ccc;border-radius:0 1px 2px 2px;overflow:hidden;display:none;overflow-y:auto;z-index:9;padding:0;list-style:none}.dropdown .dropdown-menu li{padding:10px;transition:.2s ease-in-out;cursor:pointer}.dropdown .dropdown-menu li:hover{background-color:#f2f2f2}.dropdown .dropdown-menu li:active{background-color:#e2e2e2}