body{background:#fff;font-family:Roboto,sans-serif}img{max-width:100%;height:auto;display:block}p,h1,h2,h3,h4,h5,h6{margin:0}ul,ol{margin:0;padding:0}li{margin:0;padding:0;list-style:none}button{cursor:pointer}.main-container{width:100%;margin:0 auto;padding-left:20px;padding-right:20px}@media screen and (min-width:320px){.main-container{max-width:320px}}@media screen and (min-width:768px){.main-container{max-width:768px;padding-left:32px;padding-right:32px}}@media screen and (min-width:1280px){.main-container{max-width:1280px}}.header{width:100%;height:230px;max-width:100vw;min-height:216px;color:#fff;background-color:#2a2a2a;background-image:url(header-mobile-bg.aa0c2c71.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;margin:0 auto;padding:44px 20px;font-family:Roboto,sans-serif;font-weight:500;display:block}@media screen and (min-width:768px) and (max-width:1279px){.header{height:216px;background-image:url(header-tablet-bg.04b2deba.jpg);padding:49px 33px}}@media screen and (min-width:1280px){.header{height:216px;background-image:url(header-desktop-bg.081945d7.jpg);padding:49px 32px}}.menu{display:flex}.navigation__container{max-width:320px;justify-content:space-between;align-items:center;margin:0 auto 41px;display:flex}@media screen and (max-width:767px){.navigation__container{margin-bottom:45px}}@media screen and (min-width:768px) and (max-width:1279px){.navigation__container{max-width:768px}}@media screen and (min-width:1280px){.navigation__container{max-width:1280px}}.logo{font-style:none;align-self:flex-end;text-decoration:none;display:flex}@media screen and (max-width:767px){.logo{margin-right:112px}}@media screen and (min-width:768px) and (max-width:1279px){.logo{margin-right:303px}}@media screen and (min-width:1280px){.logo{margin-right:564px}}.logo__svg{width:24px;height:24px;fill:#fff;align-self:center}@media screen and (min-width:768px) and (max-width:1279px){.logo__svg{margin-right:10px}}@media screen and (min-width:1280px){.logo__svg{margin-right:12px}}.logo__text{font-size:30px;line-height:35/30;color:#fff;font-weight:500}@media screen and (max-width:767px){.logo__text{display:none}}@media screen and (min-width:768px){.logo__text{display:inline-block}}@media screen and (min-width:1280px){.logo__text{display:inline-block}}.menu__item{position:relative}.menu__item:not(:last-child){margin-right:39px}.menu__link{color:#fff;font-size:12px;line-height:1.16;font-style:none;text-decoration:none}.menu__link.current:after{content:"";width:100%;height:3px;background-color:#ff001b;border-radius:2px;position:absolute;bottom:-7%;left:0}.search{width:100%;max-width:394px;justify-content:center;margin:0 auto 22px;display:flex;position:relative}.search__input{width:100%;height:30px;color:#fff;background-color:#0000;border:none;border-bottom:.5px solid #fff;outline:none;padding:4px 0;font-size:14px;font-weight:400;line-height:1.17}.search__input::placeholder{color:#fff}.search__input:focus,.search__input :active{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;outline-width:0!important}.search__input:-webkit-autofill,.search__input :-webkit-autofill:hover,.search__input :-webkit-autofill:focus,.search__input :-webkit-autofill:active{-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out}.search__button{width:20px;height:20px;background-color:#0000;border:none;outline:none;position:absolute;bottom:4px;right:0}.search__button-icon{width:12px;height:12px;stroke:#fff;position:absolute;bottom:2px;right:0}.search__error-message{width:100%;text-align:center;color:#ff001b;padding-top:20px;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:16px;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.search__error-message.active{display:block}.modal__card-overlay{width:100%;height:100%;opacity:0;visibility:hidden;z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px 0 40px;transition:all .5s ease-in-out;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@media screen and (min-width:768px){.modal__card-overlay{padding:0}}@media screen and (min-width:1280px){.modal__card-overlay{padding:0}}.modal__card-overlay--active{opacity:1;visibility:visible;transition:all .5s ease-in-out}.modal__card--active{display:block}.modal__card-content{width:280px;height:100%;z-index:1001;background-color:#fff;border-radius:5px;padding:48px 20px 20px;position:relative;overflow-x:hidden;overflow-y:auto}@media screen and (min-width:768px){.modal__card-content{width:704px;height:500px;background-color:#fff;border-radius:5px;padding:40px 72px 30px 36px;position:relative}}@media screen and (min-width:1280px){.modal__card-content{width:806px;height:558px;background-color:#fff;border-radius:5px;padding:40px 30px 40px 10px;position:relative}}.modal__close-btn{cursor:pointer;background-color:inherit;width:36px;height:18px;border:none;transition:color .5s ease-in-out;position:absolute;top:10px;left:85%}.modal__close-btn:hover,.modal__close-btn:focus{color:#ff6b01}@media screen and (min-width:768px){.modal__close-btn{left:94%}}.modal__close{fill:currentColor}.modal__img{width:100%;width:240px;object-fit:cover;background-image:url(filmtape.b3cc92b6.jpg);background-repeat:no-repeat;background-size:cover;margin-bottom:20px;display:block}@media screen and (min-width:768px){.modal__img{width:264px;height:374px;margin-bottom:0;margin-right:50px}}@media screen and (min-width:1280px){.modal__img{width:375px;height:478px;margin-right:20px}}.modal__info{width:240px}@media screen and (min-width:768px){.modal__info{width:264px;display:flex}}@media screen and (min-width:1280px){.modal__info{width:391px}}.modal-movie-film-text{flex-direction:column}@media screen and (max-width:767px){.modal-movie-film-text{margin-bottom:20px}}.discription__modal{padding:0;list-style:none}.discription__modal>:not(:last-child){margin-bottom:8px;display:flex}.discription__modal>:last-child{margin-bottom:20px}.modal__info-title{color:#000;margin:0 0 20px;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;line-height:115%}@media screen and (min-width:1280px){.modal__info-title{width:350px}}.discription__modal-item{align-items:center;display:flex}.discription__modal-title{white-space:nowrap;width:67px;color:#8c8c8c;margin:0 40px 0 0;font-family:Roboto,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:1.33333}.discription__modal-text{max-width:107px;color:#000;margin:0;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:116%}@media screen and (min-width:768px){.discription__modal-text{max-width:200px}}@media screen and (min-width:1280px){.discription__modal-text{max-width:300px}}.discription__modal-text span{color:#fff;background-color:#ff6b01;border-radius:5px;padding:1px 9px;font-family:Roboto,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:116%}.about__modal-title{text-transform:uppercase;color:#000;margin:0 0 8px;font-family:Roboto,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:1.33333}.about__modal-text{color:#000;text-align:justify;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:166%}@media screen and (min-width:768px){.about__modal-text{width:325px;height:130px;overflow-x:hidden;overflow-y:auto}}@media screen and (min-width:1280px){.about__modal-text{width:400px;height:200px}}.modal__button{padding:0;display:flex}@media screen and (min-width:768px){.modal__button{z-index:10;position:absolute;bottom:40px;left:350px}}@media screen and (min-width:1280px){.modal__button{bottom:40px;left:400px}}.modal__btn-add{width:110px;height:44px;color:#000;text-align:center;text-transform:uppercase;background-color:#fff;border:1px solid #000;border-radius:5px;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:1.33333;transition:all .5s ease-in-out;display:inline-block}.modal__btn-add:hover{color:#fff;background-color:#fcd1b3;border:1px solid #fcd1b3}.modal__btn-add:not(:last-child){margin-right:20px}@media screen and (min-width:768px){.modal__btn-add{width:125px}.modal__btn-add:not(:last-child){margin-right:15px}}@media screen and (min-width:1280px){.modal__btn-add{width:136px}}.modal__active-btn{color:#fff;background:#ff6b01;border:none;transition:background .5s ease-in-out}.modal__active-btn:hover{background:#fcd1b3}.movie-list-section{padding-top:20px;padding-bottom:20px}@media screen and (min-width:768px){.movie-list-section{padding-top:60px;padding-bottom:60px}}@media screen and (min-width:768px){.movie-collection{flex-wrap:wrap;justify-content:start;margin:-16px;display:flex}}@media screen and (max-width:767px){.movies__item:not(:last-child){margin:0 auto 20px}}@media screen and (min-width:768px){.movies__item{width:calc(50% - 32px);margin:16px}}@media screen and (min-width:1280px){.movies__item{width:calc(33.3333% - 32px)}}.movies__link{text-decoration:none}.movie__image{width:100%;object-fit:cover;height:398px;background-image:url(filmtape.b3cc92b6.jpg);background-repeat:no-repeat;background-size:cover;border-radius:5px}@media screen and (min-width:768px){.movie__image{height:455px}}@media screen and (min-width:1280px){.movie__image{height:574px}}.movie__text-part{flex-direction:column;padding-top:10px;padding-bottom:20px;text-decoration:none;display:flex}.movie__title{text-align:left;color:#000;font-family:Roboto;font-size:12px;font-weight:500;line-height:1.33;text-decoration:none}@media screen and (min-width:1280px){.movie__title{font-size:20px;line-height:1.2}}.movie__genre{text-align:left;color:#ff6b08;font-family:Roboto;font-size:12px;font-weight:500;line-height:1.33;text-decoration:none}@media screen and (min-width:1280px){.movie__genre{font-size:20px;line-height:1.2}}.tui-pagination{height:40px;width:auto;justify-content:center;align-items:center;margin-bottom:80px;margin-left:auto;margin-right:auto;padding-bottom:60px;font-size:12px;line-height:1.33333;display:flex}.tui-page-btn{width:40px;height:40px;color:#000;cursor:pointer;background:#fff;border:none;border-radius:5px;outline:none;justify-content:center;align-items:center;margin:0;font-weight:500;text-decoration:none;display:flex}.tui-page-btn:hover{color:#fff;background-color:#ff6b08}.tui-pagination .tui-ico-first,.tui-pagination .tui-ico-prev,.tui-pagination .tui-ico-next,.tui-pagination .tui-ico-last,.tui-pagination .tui-ico-ellip{vertical-align:middle;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0YwN0I4MUNDNjk0MTFFNjgzNjg5NTM0OEZDQ0YxNTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0YwN0I4MURDNjk0MTFFNjgzNjg5NTM0OEZDQ0YxNTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3RjA3QjgxQUM2OTQxMUU2ODM2ODk1MzQ4RkNDRjE1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3RjA3QjgxQkM2OTQxMUU2ODM2ODk1MzQ4RkNDRjE1NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlM+zvEAAAMuSURBVHjaxFdrS5RREH73Zako6kt92x8QRR+qXYjoQneTyKCoMAmKspLI6EMQFBjSxehCdLGixa5maHbZilIro9uH2C2IoF+w/6EstJnleXV2mvO+W6458CA+45mZc+aceV5jyWTSU7aEsJOwUXO5XK7A5fN5vWYFoZawXnOJRKLAufLEDbKTsCmC08nblN/izDy+Iu9h0TNwSw3OlbwLXIXBSSuK6avkNSp5h+JKSX4nInlRTC6g0kheGZG8ykheFZHcjClb0Gcs6nP08Ad+DkRwXlRMH9XUoLpl4C1OWhd22oZWuDhpZkxfOHlxuypCc+UooiimbMFz4Vwewukiqo0iqkOKKIrpO5x1EZy0biSsjeDMPDHvL8yYgCUbTUST971RtjjNaO7VDRxLYOcIHwm3Hes6sOaJ4C4ScoSWEk+voBV8AtdxYVYLJwc/Q9jmKOAy4RZhreDShCYIWZQFUzQdx61dB3HghPexkwr4xhAuqQAvCWsID/kUcaM/42l1Y815R/KicR2o4SuM0kdYfBcBWSN6CGMJZ1WgNzi1DNZwu74QFqNAXnMqLLmH6gN7S1iFvk4kXCV8FQEnERpVwPeElRgw7G8mfCMswqY4ToPQimtaK3xjTvcr7hcQZjz/vyuuX+iDUytkAXNQ2X7snm0q4TV21mgknofXs0/c/mlYw3fgWMToHixgPo6xHq+CbTqhF6/hhJF8AfpfJ57rDKw5TjhZin746DEH2oELwjYTgY6iAOvDIoNR2w5uFvreEPIC/tAKvoR7CFsQMLBdhEOiFdrYv1kNou2EA65B5NKP/6YFLl0YdS2IkRYEzyKmnknR7/Q/weBpQT9aVQu8TCYjtaIVk3JETqAFWrDB4W8WQydcDbPZrL4HUb97qVSqR4zhcYSb6k96MVXZPx5CNTS1BoZmUXwY7XuHt8yDaIIhWB+En4u8YJ7AMO9QFoLFb3sy4Yjyf8KceUGYQjg8El9EPw39KEUrylJAMDFPG7tnmw1/E1DWFrB4PSUcJFwx/HMJjzEd085X8I/JF+LjpR7PURt/Dzwg7Bb6UtYC9mL2dzr8nHiraxBJ+y3AAOpc//DIQNiHAAAAAElFTkSuQmCC) no-repeat;font-size:0;display:inline-block}.tui-pagination .tui-ico-first{width:11px;height:10px;background-position:0 0}.tui-pagination .tui-ico-prev{width:6px;height:10px;background-position:-26px 0}.tui-pagination .tui-ico-next{width:6px;height:10px;background-position:-13px -24px}.tui-pagination .tui-ico-last{width:11px;height:10px;background-position:0 -12px}.tui-pagination .tui-ico-ellip{width:10px;height:10px;vertical-align:top;background-position:0 -24px;margin-top:16px}.tui-pagination .tui-is-disabled .tui-ico-prev{background-position:-26px -12px}.tui-pagination .tui-is-disabled .tui-ico-first{background-position:-13px 0}.tui-pagination .tui-is-disabled .tui-ico-next{background-position:-21px -24px}.tui-pagination .tui-is-disabled .tui-ico-last{background-position:-13px -12px}.tui-prev-is-ellip,.tui-next-is-ellip{padding-bottom:5px}.tui-prev,.tui-next,.tui-first,.tui-last{width:40px;height:100%;color:#000;background-color:#f7f7f7;border:none}.tui-pagination .tui-is-selected,.tui-pagination strong{color:#fff;background-color:#ff6b08;margin-left:8px;margin-right:8px}footer{position:fixed;bottom:0;left:0;right:0}.footer-container{width:100%;background-color:#f7f7f7;flex-wrap:wrap;justify-content:center;align-items:center;padding:30px 0;display:flex}.footer__footer-text{color:#545454;margin:0;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:1.17}@media screen and (min-width:768px){.footer__footer-text{font-size:16px}}@media screen and (max-width:319px){.footer__footer-text:first-child{margin-bottom:10px}}.footer__heart-icon{margin:0 10px;animation:heartBeat .5s infinite;display:inline-block}.footer__link{color:#545454}@keyframes heartBeat{0%{transform:scale(1)}to{transform:scale(1.5)}}.backdrop{width:100%;height:100%;background-color:#00000040;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow:scroll}.is-hidden{opacity:0;pointer-events:none}.modal{width:240px;height:auto;background-color:#fff;border-radius:20px;padding:15px;font-family:roboto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:480px){.modal{width:300px}}@media screen and (min-width:768px){.modal{width:650px}}@media screen and (min-width:1280px){.modal{width:800px;padding:30px}}.modal__developers{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style-type:none;display:flex}.modal__developer{flex-basis:calc(50% - 5px);position:relative}@media screen and (min-width:768px){.modal__developer{flex-basis:calc(25% - 7.5px)}}.modal__dev-img{width:100%;height:120px;border-radius:50%;display:block}@media screen and (min-width:480px){.modal__dev-img{height:150px}}@media screen and (min-width:1280px){.modal__dev-img{height:200px}}.modal__text{text-align:center;margin:0;font-size:20px;font-weight:500;line-height:1.2}.modal__text-role{text-align:center;color:#ff6b01;margin:5px 0 0}.modal__github-icon{transition:width .25s linear,transform .25s ease-in-out;position:absolute;top:50%;right:-5px}@media screen and (min-width:1280px){.modal__github-icon{top:70%;right:15px}}.modal__github-icon:hover{width:50px}.modal__card-overlay{width:100%;height:100%;opacity:0;visibility:hidden;z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px 0 40px;transition:all .5s ease-in-out;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@media screen and (min-width:768px){.modal__card-overlay{padding:0}}@media screen and (min-width:1280px){.modal__card-overlay{padding:0}}.modal__card-overlay--active{opacity:1;visibility:visible;transition:all .5s ease-in-out}.modal__card--active{display:block}.modal__card-content{width:280px;height:100%;z-index:1001;background-color:#fff;border-radius:5px;padding:48px 20px 20px;position:relative;overflow-x:hidden;overflow-y:auto}@media screen and (min-width:768px){.modal__card-content{width:704px;height:500px;background-color:#fff;border-radius:5px;padding:40px 72px 30px 36px;position:relative}}@media screen and (min-width:1280px){.modal__card-content{width:806px;height:558px;background-color:#fff;border-radius:5px;padding:40px 30px 40px 10px;position:relative}}.modal__close-btn{cursor:pointer;background-color:inherit;width:36px;height:18px;border:none;transition:color .5s ease-in-out;position:absolute;top:10px;left:85%}.modal__close-btn:hover,.modal__close-btn:focus{color:#ff6b01}@media screen and (min-width:768px){.modal__close-btn{left:94%}}.modal__close{fill:currentColor}.modal__img{width:100%;width:240px;object-fit:cover;background-image:url(filmtape.b3cc92b6.jpg);background-repeat:no-repeat;background-size:cover;margin-bottom:20px;display:block}@media screen and (min-width:768px){.modal__img{width:264px;height:374px;margin-bottom:0;margin-right:50px}}@media screen and (min-width:1280px){.modal__img{width:375px;height:478px;margin-right:20px}}.modal__info{width:240px}@media screen and (min-width:768px){.modal__info{width:264px;display:flex}}@media screen and (min-width:1280px){.modal__info{width:391px}}.modal-movie-film-text{flex-direction:column}@media screen and (max-width:767px){.modal-movie-film-text{margin-bottom:20px}}.discription__modal{padding:0;list-style:none}.discription__modal>:not(:last-child){margin-bottom:8px;display:flex}.discription__modal>:last-child{margin-bottom:20px}.modal__info-title{color:#000;margin:0 0 20px;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;line-height:115%}@media screen and (min-width:1280px){.modal__info-title{width:350px}}.discription__modal-item{align-items:center;display:flex}.discription__modal-title{white-space:nowrap;width:67px;color:#8c8c8c;margin:0 40px 0 0;font-family:Roboto,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:1.33333}.discription__modal-text{max-width:107px;color:#000;margin:0;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:116%}@media screen and (min-width:768px){.discription__modal-text{max-width:200px}}@media screen and (min-width:1280px){.discription__modal-text{max-width:300px}}.discription__modal-text span{color:#fff;background-color:#ff6b01;border-radius:5px;padding:1px 9px;font-family:Roboto,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:116%}.about__modal-title{text-transform:uppercase;color:#000;margin:0 0 8px;font-family:Roboto,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:1.33333}.about__modal-text{color:#000;text-align:justify;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:166%}@media screen and (min-width:768px){.about__modal-text{width:325px;height:130px;overflow-x:hidden;overflow-y:auto}}@media screen and (min-width:1280px){.about__modal-text{width:400px;height:200px}}.modal__button{padding:0;display:flex}@media screen and (min-width:768px){.modal__button{z-index:10;position:absolute;bottom:40px;left:350px}}@media screen and (min-width:1280px){.modal__button{bottom:40px;left:400px}}.modal__btn-add{width:110px;height:44px;color:#000;text-align:center;text-transform:uppercase;background-color:#fff;border:1px solid #000;border-radius:5px;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:1.33333;transition:all .5s ease-in-out;display:inline-block}.modal__btn-add:hover{color:#fff;background-color:#fcd1b3;border:1px solid #fcd1b3}.modal__btn-add:not(:last-child){margin-right:20px}@media screen and (min-width:768px){.modal__btn-add{width:125px}.modal__btn-add:not(:last-child){margin-right:15px}}@media screen and (min-width:1280px){.modal__btn-add{width:136px}}.modal__active-btn{color:#fff;background:#ff6b01;border:none;transition:background .5s ease-in-out}.modal__active-btn:hover{background:#fcd1b3}.header_libary{max-width:100vw;min-height:216px;background-image:url(header-libary-320@1x.9d2ce90d.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-left:auto;margin-right:auto;padding:44px 20px}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.header_libary{background-image:url(header-libary-320@2x.9bf75cc3.jpg)}}@media screen and (min-width:768px){.header_libary{height:216px;background-image:url(header-libary-768@1x.68c546ed.jpg);padding:49px 33px}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2x){.header_libary{background-image:url(header-libary-768@2x.c7c5005d.jpg)}}@media screen and (min-width:1280px){.header_libary{height:216px;background-image:url(header-libary-1280@1x.d8fadf11.jpg);padding:49px 32px}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:192dpi),screen and (min-width:1280px) and (min-resolution:2x){.header_libary{background-image:linear-gradient(#2f303a66,#2f303a66),url(header-libary-1280@2x.09d3f541.jpg)}}.header_wrapper{justify-content:space-between;margin:0 auto;display:flex}@media screen and (max-width:767px){.header_wrapper{max-width:320px}}@media screen and (min-width:768px) and (max-width:1279px){.header_wrapper{max-width:768px}}@media screen and (min-width:1280px){.header_wrapper{max-width:1280px}}.header_title{font-family:Roboto;font-size:30px;font-style:normal;font-weight:500;line-height:35/30;color:#fff;margin-left:12px;display:none}@media screen and (min-width:768px){.header_title{display:inline-block}}@media screen and (min-width:1280px){.header_title{display:inline-block}}.header_list{justify-content:flex-end;margin-top:9px;display:flex}.header_item:last-child{margin-left:39px}.header_link{font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:14/12;text-transform:uppercase;color:#fff;text-decoration:none}.header_link-active{font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:14/12;text-transform:uppercase;color:#fff;text-decoration:none;position:relative}.header_link-active:after{content:"";width:100%;height:3px;background-color:#ff001b;border-radius:2px;position:absolute;bottom:-7%;left:0}.header_wrapp{justify-content:center;margin-top:60px;display:flex}@media screen and (min-width:768px){.header_wrapp{margin-top:40px}}@media screen and (min-width:1280px){.header_wrapp{margin-top:40px}}.header_btn-watched{width:148px;height:42px;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:16/12;color:#fff;background:0 0;border:1px solid #fff;border-radius:5px;margin-left:20px;display:block}@media screen and (min-width:768px){.header_btn-watched{margin-left:32px}}@media screen and (min-width:1280px){.header_btn-watched{margin-left:16px}}.header_btn-queue{width:148px;height:42px;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:16/12;color:#fff;background:0 0;border:1px solid #fff;border-radius:5px;margin-left:20px;display:block}@media screen and (min-width:768px){.header_btn-queue{margin-left:32px}}@media screen and (min-width:1280px){.header_btn-queue{margin-left:16px}}.header-active-button{color:#fff;background:#ff6b01;border:none}.header_image{display:inline-block}.loader{width:75px;height:75px;border:10px solid #ff6b0199;border-left-color:#ff6b08;border-radius:50%;margin:auto;animation:loader 1.3s linear infinite}@keyframes loader{to{transform:rotate(360deg)}}.placeholder{height:100vw;margin-top:40px;display:none;position:relative}@media screen and (min-width:320px){.placeholder{background-image:url(mobile-placeholder.6ca7e7b1.jpg);background-position-x:50%;background-repeat:no-repeat;background-size:cover}}@media screen and (min-width:480px){.placeholder{background-size:contain}}.library__placeholder-text{color:#fff;text-align:center;font-size:50px;position:absolute;top:50%;left:10%}@media screen and (min-width:320px){.library__placeholder-text{width:200px;font-size:20px;left:20%}}@media screen and (min-width:480px){.library__placeholder-text{top:30%}}@media screen and (min-width:768px){.library__placeholder-text{width:450px;background-size:contain;font-size:50px}}@media screen and (min-width:1200px){.library__placeholder-text{width:700px;background-size:contain;left:0}}@media screen and (min-width:1280px){.library__placeholder-text{left:20%}}
/*# sourceMappingURL=index.ad6f8b34.css.map */