.project-filter-wrapper{--gradient-width:30vw;padding-bottom:30px;padding-top:60px;position:relative}@media (max-width:1000px){.project-filter-wrapper{padding-bottom:15px;padding-top:30px}}.project-filter-wrapper .overlay{background-image:linear-gradient(90deg,transparent,#fff 50%);bottom:0;display:none;pointer-events:none;position:absolute;right:0;top:0;width:var(--gradient-width)}@media (max-width:1000px){.project-filter-wrapper .overlay{display:block}}.project-filter-wrapper .lb-container{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.project-filter-wrapper .lb-container::-webkit-scrollbar{display:none}.project-filter-wrapper .lb-container ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;min-width:calc(730px + var(--gradient-width));padding:0}.project-filter-wrapper .lb-container ul li{padding-bottom:1px}@media (max-width:1000px){.project-filter-wrapper .lb-container ul li:last-child{padding-right:var(--gradient-width)}}.project-filter-wrapper .lb-container ul li a,.project-filter-wrapper .lb-container ul li button{background-color:transparent;border:0;color:var(--color-black);cursor:pointer;font-weight:300;overflow:hidden;padding:5px 15px;position:relative;text-decoration:none;transition:background-color .3s ease-in-out}.project-filter-wrapper .lb-container ul li a.active,.project-filter-wrapper .lb-container ul li a:hover,.project-filter-wrapper .lb-container ul li button.active,.project-filter-wrapper .lb-container ul li button:hover{background-color:var(--color-snowflake);transition:background-color .3s ease-in-out}.ccm-page.is-logged .project-filter-wrapper .lb-container{overflow:unset}
