@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
.border-none{border:none!important}.flex{display:flex;gap:1rem;justify-content:space-between}.green-btn{background:#4caf5030;border:2px solid #000!important;color:#000;display:flex;font-weight:600;gap:10px;justify-content:center;place-items:center;text-decoration:none}.main-filter__mods{box-shadow:0 3px 20px rgba(0,0,0,.2);margin-bottom:30px;padding:20px 25px}.main-filter__mods .h2{font-size:19px;font-weight:600;margin-bottom:15px;text-align:center}.main-filter__mods-list{display:grid;gap:10px;grid-template-columns:repeat(8,1fr);height:50px;overflow:hidden;position:relative}.main-filter__mods-list.active{height:unset}.main-filter__mods-show{color:rgba(0,0,0,.5);cursor:pointer;padding-top:15px;text-align:center}.main-filter__mods-show .hide,.main-filter__mods-show.active .show{display:none}.main-filter__mods-show.active .hide{display:inline-block}@media screen and (min-width:568px){.main-filter__mods{margin-bottom:50px}}@media screen and (max-width:1440px){main{padding-top:70px}}@media screen and (max-width:1024px){.main-filter__mods-list{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width:768px){main{padding-top:56px}.main-filter__mods-list{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:568px){.flex{flex-direction:column}.main-filter__mods-list{grid-template-columns:repeat(2,1fr)}}