.item.checked .checkbox,.select-btn.open,.select-btn:hover{border-color:var(--accent-color)}.select-btn{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 16px;border:1px solid #ced4da;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.select-btn.open{box-shadow:0 0 0 .15rem rgba(13,110,253,.15)}.select-btn .btn-text{font-size:16px;font-weight:400;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-btn .arrow-dwn{height:22px;width:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f3f3fa;font-size:14px;transition:transform .3s}.select-btn.open .arrow-dwn{transform:rotate(-180deg)}.list-items{position:absolute;width:40%;margin-top:8px;padding:8px;background:#fff;border-radius:8px;border:1px solid #ced4da;max-height:220px;overflow-y:auto;overflow-x:hidden;display:none;z-index:1000;animation:.2s ease-in-out fadeIn}.select-btn.open~.list-items{display:block}.list-items::-webkit-scrollbar{width:6px}.list-items::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:6px}.list-items::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.35)}.list-items .item{display:flex;align-items:center;height:44px;padding:0 12px;cursor:pointer;border-radius:6px;transition:background-color .2s}.list-items .item:hover{background-color:#f0f4ff}.item .item-text{font-size:15px;font-weight:400;color:#333}.item .checkbox{display:flex;align-items:center;justify-content:center;height:16px;width:16px;margin-right:10px;border-radius:4px;border:1.5px solid #adb5bd;transition:.2s ease-in-out}.item.checked .checkbox{background-color:var(--accent-color)}.checkbox .check-icon{color:#fff;font-size:11px;transform:scale(0);transition:transform .15s ease-in-out}.item.checked .check-icon{transform:scale(1)}@keyframes fadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.list-items{width:90%;left:0;right:0}.select-btn{padding:0 12px;font-size:14px}.list-items .item{font-size:14px;padding:0 10px}}