.select-box{color:#60666d;display:block;font-size:16px;max-width:200px;position:relative;width:100%;z-index:999999999999}.select-box__list li{margin:0;padding:0}.select-box__current{border:1px solid #ccc;border-radius:8px;cursor:pointer;outline:none;overflow:hidden;position:relative}.select-box__current:focus+.select-box__list{animation-name:none;opacity:1}.select-box__current:focus+.select-box__list .select-box__option{cursor:pointer}.select-box__current:focus .select-box__icon{transform:translateY(-50%) rotate(180deg)}.select-box__icon{opacity:.3;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:.2s ease;width:20px}.select-box__value{display:flex}.select-box__input{display:none}.select-box__input:checked+.select-box__input-text{display:block}.select-box__input-text{background-color:#fff;display:none;margin:0;padding:10px 8px;width:100%}.select-box__list{animation-delay:.5s;animation-duration:.5s;animation-fill-mode:forwards;animation-name:HideList;animation-timing-function:step-start;background-color:#fff;border:1px solid #ccc;border-radius:8px;list-style:none;opacity:0;overflow:hidden;padding:0;position:absolute;width:100%}.select-box__list li+li{border-top:1px solid #ccc}.select-box__option{background-color:#fff;display:block;padding:10px 8px}.select-box__option:focus,.select-box__option:hover{background-color:#fbfbfb;color:#546c84}@keyframes HideList{0%{transform:scaleY(1)}to{transform:scaleY(0)}}