.default-projects-filter{position:relative;width:fit-content}@media screen and (max-width: 780px){.default-projects-filter{width:100%}}.default-projects-filter .select{min-width:286px;border-radius:24px;cursor:pointer;position:relative;display:flex}@media screen and (max-width: 780px){.default-projects-filter .select{min-width:100%}}.default-projects-filter .select .label{padding:8px 16px;background-color:#e1e7ea;color:#040b26;border-radius:inherit;z-index:2;width:100%;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.default-projects-filter .select .label svg{width:24px;height:24px;transform:rotate(-180deg);transition:.3s ease-in-out}.default-projects-filter .select .label svg .fill-color{fill:#50585e}.default-projects-filter .select.active .label svg{transform:rotate(0)}.default-projects-filter .select .gradient{position:absolute;inset:-1px;background:linear-gradient(82deg,#0f4d81,#009899);border-radius:inherit;z-index:1;opacity:0;transition:.3s ease-in-out}.default-projects-filter .select:hover .gradient{opacity:1}.default-projects-filter .list{position:absolute;top:100%;background:#fff;width:100%;border-radius:4px;overflow-y:scroll;height:326px;z-index:10;box-shadow:0 0 20px #0000000d;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.default-projects-filter .list::-webkit-scrollbar{width:2px}.default-projects-filter .list::-webkit-scrollbar-track{background:transparent}.default-projects-filter .list::-webkit-scrollbar-thumb{border-radius:10px;background:#009899}.default-projects-filter .list.short{height:unset}.default-projects-filter .list.visible{top:50px;visibility:visible;opacity:1}.default-projects-filter .list-panel{padding:16px;height:100%}.default-projects-filter .list-panel>div{margin-bottom:14px;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.default-projects-filter .list-panel>div:last-child{margin-bottom:0}.default-projects-filter .list-panel>div:hover .check-box .check-box-border{opacity:0}.default-projects-filter .list-panel>div:hover .check-box .check-box-gradient{opacity:1}.default-projects-filter .list-panel>div.selected .check-box .check-box-border{opacity:0}.default-projects-filter .list-panel>div.selected .check-box .check-box-background{opacity:0}.default-projects-filter .list-panel>div.selected .check-box .check-box-gradient{opacity:1}.default-projects-filter .list-panel>div.selected .check-box .check-box-tick{opacity:1}.default-projects-filter .list-panel>div.cant-select{cursor:not-allowed;opacity:.3}.default-projects-filter .list-panel>div.cant-select .check-box .check-box-border{opacity:1}.default-projects-filter .list-panel>div.cant-select .check-box .check-box-gradient{opacity:0}.default-projects-filter .list-panel>div .check-box{width:24px;height:24px;margin-right:12px;border-radius:2px;position:relative}.default-projects-filter .list-panel>div .check-box div{transition:all .3s ease-in-out}.default-projects-filter .list-panel>div .check-box .check-box-border,.default-projects-filter .list-panel>div .check-box .check-box-background,.default-projects-filter .list-panel>div .check-box .check-box-gradient,.default-projects-filter .list-panel>div .check-box .check-box-tick{position:absolute}.default-projects-filter .list-panel>div .check-box .check-box-border,.default-projects-filter .list-panel>div .check-box .check-box-gradient{inset:0}.default-projects-filter .list-panel>div .check-box .check-box-border{background:#040b2626;border-radius:inherit}.default-projects-filter .list-panel>div .check-box .check-box-background{inset:1px;background:#fff;border-radius:inherit}.default-projects-filter .list-panel>div .check-box .check-box-gradient{background:linear-gradient(82deg,#0f4d81,#009899);border-radius:inherit;opacity:0}.default-projects-filter .list-panel>div .check-box .check-box-tick{top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}
