body{--burger-elem-color: #fff;--burger-list-color: #000201;--menu-elem-color: #fff;--footer-elem-color: #fff;--footer-bg-color: #000201}.wrapper{background-color:#000201;font-family:Raleway, serif;-webkit-font-feature-settings:'pnum' on, 'lnum' on;font-feature-settings:'pnum' on, 'lnum' on}.content__title{margin-top:25px;padding-left:10px}.content__filter{display:flex;flex-direction:column;width:100%;margin-top:40px;color:#fff;gap:20px}.content__plays{display:flex;flex-wrap:wrap}.plays{color:#fff;display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;justify-content:center;margin:40px 0}@media (max-width: 800px){.plays{gap:15px}}.play{max-width:280px;padding:10px;display:flex;justify-content:center;align-items:center;border-radius:18px;border:1px solid #fff;text-decoration:none;color:#000201;background-color:#fff}@media (max-width: 800px){.play{max-width:240px}}.play:active{opacity:.6}@media (hover: hover){.play:hover{border:1px solid #e91a23;cursor:pointer}}.play_hidden{display:none}.play__content{display:flex;flex-direction:column;gap:15px}@media (max-width: 800px){.play__content{gap:8px}}.play__image{width:260px;object-fit:contain;object-position:center;border-radius:8px}@media (max-width: 800px){.play__image{width:220px}}.play__description{width:100%;display:flex;flex-direction:column;gap:5px}.play__sub-description{display:flex;align-items:flex-end;justify-content:space-between}.play__title{font-style:normal;font-weight:bold;font-size:21px;line-height:27px;max-width:260px}@media (max-width: 800px){.play__title{font-size:18px;line-height:21px}}.play__director{font-size:16px;line-height:19px;max-width:260px}@media (max-width: 800px){.play__director{font-size:14px;line-height:17px}}.play__genre{max-width:200px}@media (max-width: 800px){.play__genre{font-size:12px;line-height:13px;max-width:160px}}.play__age-rating{color:#e91a23;font-style:normal;font-weight:400;font-size:18px;line-height:21px;text-align:center}@media (max-width: 800px){.play__age-rating{font-size:16px;line-height:19px}}.play__age-rating-container{width:50px;height:35px;display:flex;justify-content:center;align-items:center;border:1px solid #e91a23;border-radius:8px}@media (max-width: 800px){.play__age-rating-container{width:40px;height:30px}}.not-plays{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:80px 0;gap:30px;padding:20px}@media (max-width: 800px){.not-plays{margin:40px 0;gap:20px;padding:10px}}.not-plays__title{font-weight:bold;font-size:29px;line-height:31px;max-width:600px;width:100%;margin-bottom:40px}@media (max-width: 800px){.not-plays__title{font-size:23px;line-height:27px;margin-bottom:30px}}.not-plays__subtitle{font-size:21px;line-height:24px}@media (max-width: 800px){.not-plays__subtitle{font-size:18px;line-height:21px}}.filter__icon{object-fit:cover;object-position:center;width:30px;opacity:.6}.filter__icon:active{opacity:1}@media (hover: hover){.filter__icon:hover{opacity:1;cursor:pointer}}.filter__icon-container{width:100%;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 20px}.filter__icons{position:relative}.filter__attention-icon{width:20px;height:20px;position:absolute;top:-10px;right:-10px}.filter__attention-icon_hidden{visibility:hidden}.filter__content{padding:30px 20px;width:100%;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:15px;justify-content:center;max-height:1000px;transition:max-height .3s ease-in-out, padding .4s ease-in-out, opacity .3s ease-in-out}@media (max-width: 800px){.filter__content{padding:20px 10px}}.filter__content_hidden{visibility:hidden;max-height:0;padding:0;opacity:0}.filter__container{width:100%;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px;justify-content:center}@media (max-width: 800px){.filter__container{flex-direction:column;gap:15px}}.filter__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.filter__label{font-size:16px;line-height:18px;align-self:flex-start}.filter__select{border-radius:5px;color:#000201;text-align:center;text-align-last:center;min-height:30px;font-size:16px;line-height:18px;width:240px;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (hover: hover){.filter__select:active{opacity:.6}.filter__select:hover{opacity:.6;cursor:pointer}}.filter__button-reset{width:140px;height:30px}