.filter__time ul{display:flex;gap:10px;width:100%}.filter__time ul li{align-items:center;background:var(--item-color-2);border-radius:10px;cursor:pointer;display:flex;flex:auto;justify-content:center}.filter__time ul li:hover{box-shadow:0 0 2px var(--text-color)}.filter__time ul li .vue-select{height:45px}.filter__time ul li.active{background:var(--active-background-color);color:#fff}.filter__time ul li.active .title .icon,.filter__time ul li.active .title div,.filter__time ul li.active .title span{color:#fff!important}@media (max-width:768px){.filter__time ul li.filter-select-date{display:none}}.filter__time ul li .select-date-btn{align-items:center;display:flex;height:45px;justify-content:center;width:100%}.select-date-modal{display:flex;flex-direction:column;gap:12px;padding:10px;width:280px}.select-date-modal__field{align-items:center;display:flex;gap:10px}.select-date-modal__label{font-size:14px;min-width:28px}.select-date-modal__input{flex:1;min-width:0}.select-date-modal__days-count{font-size:14px;text-align:center}