.top-filter{background:#272a52;box-shadow:0 25px 100px #191932;padding:0 100px;position:fixed;width:calc(100vw - 800px);z-index:1}@media screen and (max-width:3839px){.top-filter{width:calc(100vw - 670px)}}@media screen and (max-width:3199px){.top-filter{width:calc(100vw - 320px);padding:0 28px}}@media screen and (max-width:1800px){.top-filter{width:calc(100vw - 285px)}}.top-filter ul{place-content:center space-between;display:flex}@media screen and (max-width:3199px){.top-filter ul{place-content:unset}}.top-filter ul li{border-bottom:8px solid transparent;padding:68px 20px;cursor:pointer}@media screen and (max-width:3199px){.top-filter ul li{padding:17.5px 10px}}@media screen and (max-width:3199px){.top-filter ul li:not(:last-child){margin-right:24px}}@media screen and (max-width:1919px){.top-filter ul li:not(:last-child){margin-right:8px}}.top-filter ul li:hover span{color:#ab8af8}.top-filter ul li:hover svg{fill:#ab8af8}.top-filter ul li.active{border-color:#ab8af8}@media screen and (max-width:3199px){.top-filter ul li.active{border-width:2px}}.top-filter ul li.active span{color:#ab8af8}.top-filter ul li.active svg{fill:#ab8af8}.top-filter ul li span{align-items:center;display:flex;font-size:40px}@media screen and (max-width:3199px){.top-filter ul li span{font-size:16px}}@media screen and (max-width:1800px){.top-filter ul li span{font-size:14px}}.top-filter svg{fill:#bebfcb;width:48px;height:48px;margin-right:20px;margin-top:-4px}@media screen and (max-width:3199px){.top-filter svg{width:18px;height:18px;margin-right:6px}}