.play-section__filter{margin-bottom:25px;display:grid;grid-template-columns:1fr 170px 200px;grid-gap:15px;align-items:center}@media (max-width:990px){.play-section__filter{grid-template-columns:1fr 1fr;grid-gap:20px}}@media (max-width:576px){.play-section__filter{grid-template-columns:1fr 1fr;grid-gap:10px}}.play-section__output{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:25px}@media (max-width:990px){.play-section__output{grid-template-columns:repeat(3,1fr)}}@media (max-width:576px){.play-section__output{grid-template-columns:repeat(2,1fr)}}.play-section__item{height:320px;width:100%;max-width:100%;overflow:hidden;position:relative}@media (max-width:990px){.play-section__item{height:260px}}.play-section__item:hover::after{opacity:.5}.play-section__item:hover .play-section__btn{opacity:1}.play-section__item::after{content:"";height:100%;width:100%;box-sizing:border-box;background:#000;opacity:0;z-index:2;position:absolute;left:0;top:0;right:0;bottom:0;transition:0.3s}.play-section__img{width:100%;height:100%;box-sizing:border-box;object-fit:cover}.play-section__btn{font-size:14px;font-weight:700;padding:10px 12px;line-height:normal;display:flex;transition:0.3s;align-items:center;justify-content:center;text-align:center;border-radius:4px;cursor:pointer;width:140px;box-sizing:border-box;border:1px solid #fff0;position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}.play-section__btn:hover{border-color:#fff}.filter-category{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:15px}@media (max-width:990px){.filter-category{grid-template-columns:repeat(3,1fr);overflow-x:scroll;grid-column-start:1;grid-column-end:3}}@media (max-width:576px){.filter-category{grid-template-columns:repeat(6,125px);overflow-x:scroll;padding-bottom:5px}}.filter-category__item{padding:8px 14px;display:flex;align-items:center;justify-content:center;background-color:#262832;border:2px solid #262832;color:#5d5f69;border-radius:3px;cursor:pointer;transition:0.3s}.filter-category__item:hover{border-color:#e9af1b}.filter-category__item:hover img{opacity:1}.filter-category__item:hover p{color:#e9af1b}.filter-category__item img{opacity:.2;margin-right:10px}.filter-category__item p{font-weight:700;font-size:12px;line-height:normal;color:#5d5f69}.filter-category__item-active{border-color:#e9af1b}.filter-category__item-active img{opacity:1}.filter-category__item-active p{color:#e9af1b}.filter-search{position:relative}.filter-search:hover input{border-color:#e9af1b}.filter-search input{background-color:#262832;border:2px solid #262832;color:#fff;border-radius:3px;transition:0.3s;font-size:14px;appearance:none;cursor:pointer;width:100%;box-sizing:border-box;padding:7px 20px 7px 7px;box-shadow:none;outline:none}.filter-search img{position:absolute;right:10px;top:10px;pointer-events:none;opacity:.2}.not-found{font-size:20px;line-height:normal;font-weight:700;text-align:center;color:#fff;grid-column-start:1;display:block;grid-column-end:6}@media (max-width:990px){.not-found{grid-column-end:4}}@media (max-width:576px){.not-found{grid-column-end:3}}.preloader{display:none;margin-top:40px}.preloader img{height:20px;width:20px;margin:0 auto;display:block}.filter-providers{position:relative}.filter-providers__svg{position:absolute;right:10px;top:4px;pointer-events:none;opacity:.4}@media (max-width:576px){.filter-providers__svg{top:3.5px}}.filter-providers:hover .filter-providers__svg{opacity:1}.filter-providers__text{padding:8px 14px;display:flex;align-items:center;background-color:#262832;border:2px solid #262832;color:#5d5f69;border-radius:3px;cursor:pointer;transition:0.3s;font-weight:700;font-size:12px;line-height:normal}@media (max-width:576px){.filter-providers__text{height:14.8px}}.filter-providers__hidden{display:none;position:absolute;top:140%;z-index:9;width:325px;min-width:325px;max-width:100%;height:auto;border-radius:3px;box-sizing:border-box;padding:10px;right:0;max-height:350px;overflow-y:auto}@media (max-width:990px){.filter-providers__hidden{width:100%;min-width:100%;left:0}}@media (max-width:576px){.filter-providers__hidden{max-width:270px;width:270px}}.filter-providers__item{display:flex;align-items:center;cursor:pointer;margin-bottom:10px;position:relative}.filter-providers__item::after{content:"";border:2px solid #5d5f69;border-radius:4px;cursor:pointer;height:12px;min-width:20px;position:absolute;right:0;top:4px;width:20px}.filter-providers__item p{font-size:15px;font-weight:400;line-height:21px}.filter-providers__item img{margin:0 5px 0 0}.filter-providers__item:last-child{margin-bottom:0}