*,:before,:after{box-sizing:border-box}html{tab-size:4;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0;font-family:system-ui,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}html{box-sizing:border-box;height:100%;width:100vw;overflow-x:hidden}body{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative}img{height:auto;max-width:100%;display:block}ul,ol,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;list-style:none}.container{width:100%;margin-left:auto;margin-right:auto;padding:16px}@media screen and (min-width:576px) and (max-width:767px){.container{width:540px;padding:24px}}@media screen and (min-width:768px) and (max-width:1200px){.container{width:720px;padding:24px}}@media screen and (min-width:1200px){.container{width:1140px;padding:32px}}.wrapper{min-height:100%;flex-direction:column;display:flex}main{flex:auto}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.visually-hidden{width:1px;height:1px;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{min-width:120px;text-transform:uppercase;color:#fff;cursor:pointer;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:5px;padding:12px 0;transition:background .5s}@media (max-width:420px){.btn{flex-basis:calc(50% - 10px)}}.btn--active{font-size:20px}.btn--active:disabled{color:#ff6b08;cursor:auto;border:1px solid #ff6b08}.btn--active:disabled:hover{background-color:rgba(0,0,0,0)}.btn:hover{background-color:#ff6b08}.btn__block{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.btn--modify{color:#111;border-color:#111;transition:all .25s}.btn--modify:disabled{color:#faebd7;cursor:auto;background-color:#8c8c8c;border-color:#8c8c8c}.btn--modify:hover{color:#fff;border-color:rgba(0,0,0,0)}.flex{justify-content:center;padding:25px;display:flex}.empty{font-size:36px;font-weight:500}.header{width:100%;min-height:250px;background-image:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(home-header-bg-phone@1x.cba3835f.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto;padding-top:40px;position:relative}@media (min-device-pixel-ratio:2),(min-resolution:2x),(min-resolution:2dpi){.header{background-image:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(home-header-bg-phone@2x.9cb9a447.jpg)}}@media screen and (min-width:768px){.header{background-image:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(home-header-bg-tabet@1x.2d54fb95.jpg)}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:2x),screen and (min-width:768px) and (min-resolution:2dpi){.header{background-image:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(home-header-bg-tabet@2x.7b5f7ea2.jpg)}}@media screen and (min-width:1200px){.header{background-image:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(home-header-bg-desktop@1x.c3fb7556.jpg)}}@media screen and (min-width:1200px) and (min-device-pixel-ratio:2),screen and (min-width:1200px) and (min-resolution:2x),screen and (min-width:1200px) and (min-resolution:2dpi){.header{background-image:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(home-header-bg-desktop@2x.0a7c0671.jpg)}}.header-library{background-image:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(library-header-bg-phone@1x.9c85a34b.jpg)}@media (min-device-pixel-ratio:2),(min-resolution:2x),(min-resolution:2dpi){.header-library{background-image:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(library-header-bg-phone@2x.f7da7deb.jpg)}}@media screen and (min-width:768px){.header-library{background-image:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(library-header-bg-tabet@1x.2469e9b8.jpg)}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:2x),screen and (min-width:768px) and (min-resolution:2dpi){.header-library{background-image:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(library-header-bg-tabet@2x.5d4c67a2.jpg)}}@media screen and (min-width:1200px){.header-library{background-image:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(library-header-bg-desktop@1x.670cf4eb.jpg)}}@media screen and (min-width:1200px) and (min-device-pixel-ratio:2),screen and (min-width:1200px) and (min-resolution:2x),screen and (min-width:1200px) and (min-resolution:2dpi){.header-library{background-image:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(library-header-bg-desktop@2x.ad26b824.jpg)}}.header-library__btn-block{text-align:center}.header-library__btn-block :first-child{margin-right:32px}.nav{justify-content:space-between;align-items:center;display:flex}@media screen and (max-width:767px){.nav{margin-bottom:60px}}@media screen and (min-width:768px){.nav{margin-bottom:40px}}.navbar{flex-basis:280px;display:flex}.navbar__item{margin-right:40px;padding:5px 0;position:relative}.navbar__item:last-child{margin-right:0}.navbar__link{text-transform:uppercase;color:#fff;font-size:24px;font-weight:500;line-height:1.2;text-decoration:none}.navbar__link--active:after{content:"";width:100%;height:4px;border-radius:2px #ff001b;background-color:#ff001b;position:absolute;bottom:0;left:0}.logo{flex-shrink:1;align-items:center;text-decoration:none;display:flex}.logo__icon{width:32px;height:32px;fill:#333;stroke:#fff}@media screen and (min-width:768px){.logo__icon{margin-right:8px}}@media screen and (min-width:1200px){.logo__icon{margin-right:10px}}@media screen and (max-width:767px){.logo__name{display:none}}@media screen and (min-width:768px){.logo__name{color:#fff;font-size:32px;font-weight:500;line-height:1.2;text-decoration:none;display:inline-block}}.search-form{width:90%;justify-content:center;margin:0 auto 60px;display:flex;position:relative}@media screen and (min-width:576px){.search-form{width:360px}}@media screen and (min-width:768px){.search-form{width:400px;margin-bottom:40px}}@media screen and (min-width:1200px){.search-form{width:440px}}.search-form__field{width:100%;color:#fff;background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);border-bottom:1px solid #fff;font-size:20px;line-height:1.5}.search-form__field::-ms-input-placeholder{color:#fff}.search-form__field::placeholder{color:#fff}.search-form__field:focus,.search-form__field:hover{outline:none}.search-form__field:focus::-ms-input-placeholder,.search-form__field:hover::-ms-input-placeholder{font-size:21px}.search-form__field:focus::placeholder,.search-form__field:hover::placeholder{font-size:21px}.search-form__submit{cursor:pointer;background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);padding:0;position:absolute;top:0;right:0}.search-form__icon{width:24px;height:24px}.movies-gallery{grid-template-rows:auto;grid-template-columns:repeat(1,240px);justify-content:center;gap:24px;margin-top:24px;margin-bottom:100px;display:grid}@media screen and (min-width:576px){.movies-gallery{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:768px){.movies-gallery{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1200px){.movies-gallery{grid-template-columns:repeat(4,1fr)}}.movie-card{cursor:pointer;flex-direction:column;font-family:Roboto;transition:box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.movie-card:hover,.movie-card:focus{transform:scale(1.03);box-shadow:2px 2px 3px 3px rgba(255,107,8,.5)}.movie-card img{width:100%;height:320px;box-shadow:0 0 15px 1px rgba(0,0,0,.5)}@media screen and (min-width:1200px){.movie-card img{height:360px}}.movie-card__content{flex-direction:column;flex:auto;display:flex}.movie-card__title{max-width:280px;text-transform:uppercase;color:#123123;flex:auto;margin-top:10px;margin-bottom:4px;font-size:16px;line-height:1.15}.movie-card__ganres{color:#ff6b01;font-size:14px;line-height:1.2}@media screen and (min-width:1200px){.movie-card__ganres{font-size:16px}}.movie-card__rating{color:#fff;background-color:#ff6b01;background-image:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.3));border-radius:4px;padding:0 8px;line-height:1.2;position:absolute;top:10px;right:0}.footer{width:100vw;color:#545454;background-color:#f7f7f7;justify-content:center;align-items:center;font-size:16px;display:flex;position:fixed;bottom:0}@media screen and (min-width:768px){.footer{height:80px}}.footer__text{justify-content:center;align-items:center;line-height:2;display:flex}@media screen and (max-width:480px){.footer__text{flex-direction:column}}.footer__icon{width:20px;height:20px;margin:0 5px;animation:heartbeat 1.2s infinite}.footer .footer__link{padding-left:5px;text-decoration:none}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.2)translate(5%)translateY(5%)}25%{transform:scale(1.1)translate(2%)translateY(2%)}45%{transform:scale(1.15)translate(8%)translateY(8%)}}.theme{height:24px;position:absolute;top:210px;right:40px}.theme__label{height:24px;cursor:pointer;padding-left:48px;line-height:1.25;transition:background-color .25s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.theme__label:before,.theme__label:after{content:"";background-color:#fff;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:1px 1px 3px rgba(0,0,0,.3)}.theme__label:before{width:64px;height:26px;background-color:#ff6b08;border-radius:16px}.theme__label:after{width:30px;height:30px;z-index:2;border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1)}.theme__label.active:before{background-color:#545454}.theme__label.active:after{transform:translateY(-50%)translate(34px)}.theme__label input{opacity:0;cursor:pointer}.theme__icon{fill:#fff;width:24px;height:24px;pointer-events:none;position:absolute}.theme__icon--light{right:0}.theme__icon--dark{left:0}.btn-to-top{opacity:.75;cursor:pointer;background-color:#ff6b08;border:none;border-radius:50%;padding:0;line-height:1;animation:bounce-up 1.2s linear infinite alternate both;position:fixed;bottom:90px;right:40px}.btn-to-top:hover{opacity:1}.btn-to-top__icon{width:40px;height:40px;fill:#fff}@keyframes bounce-up{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}.modal__backdrop{width:100vw;height:100vh;z-index:2;background-color:rgba(0,0,0,.25);position:fixed;top:0;left:0}.modal__content{max-height:calc(100vh - 24px);width:280px;background-color:#fff;border-radius:4px;padding:32px 20px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.12)}@media screen and (min-width:576px){.modal__content{width:75vw}}@media screen and (min-width:1200px){.modal__content{width:800px}}.modal__close{width:24px;height:24px;stroke:#000;cursor:pointer;position:absolute;top:10px;right:15px}.modal__close:hover{stroke:#ff6b08}.modal__trailer{width:100%;height:360px;z-index:-1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:768px){.modal__trailer{height:100%}}.modal__trailer iframe{width:100%;height:360px}@media screen and (min-width:768px){.modal__trailer iframe{height:100%}}.loader{height:100%;width:100%;z-index:3;background:rgba(0,0,0,.7);flex-direction:column;justify-content:center;align-items:center;transition:all .6s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.loader__band{display:flex}.loader__band img{animation:rotate 1.5s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.movie{flex-direction:column;align-items:center;gap:16px;font-family:Roboto;display:flex}@media screen and (min-width:768px){.movie{flex-direction:row;align-items:start}}.movie>img{height:200px;max-width:300px;border-radius:5px}@media screen and (min-width:768px){.movie>img{height:100%}}.movie__content{max-width:240px;flex-direction:column;gap:16px;font-size:12px;line-height:1.2;display:flex}@media screen and (min-width:576px){.movie__content{max-width:90%}}.movie__title{font-size:20px;font-weight:500;line-height:1.2}@media screen and (min-width:768px){.movie__title{font-size:28px}}.movie__info{flex-direction:column;gap:8px;display:flex}.movie__info-block{color:#8c8c8c;gap:24px;display:flex}.movie__info-block>span{width:50%}.movie__info-block--dark{color:#111;font-weight:500}.movie__info-block--orange{color:#fff;background-color:#ff6b01;border-radius:4px;padding:2px 8px}.movie__trailer{justify-content:flex-start;align-items:center;gap:20px;display:flex}.movie__description{flex-direction:column;gap:8px;display:flex}.movie__description--about{max-height:95px;overflow-y:auto}@media screen and (min-width:1200px){.movie__description--about{max-height:320px}}.movie__btn-play{width:40px;cursor:pointer;background-color:rgba(0,0,0,0);border:none;padding:0}.dark-theme{background-color:#272e34}.dark-theme .movie-card{box-shadow:2px 2px 25px 2px rgba(204,204,204,.25)}.dark-theme .movie-card__title{color:#fff}.dark-theme .footer,.dark-theme .modal__content{color:#fff;background-color:#272e34}.dark-theme .modal__content svg{stroke:#fff}.dark-theme .modal__content .movie__info-block--dark{color:#fff}.dark-theme .btn--modify{background-color:#fff}.dark-theme .btn--modify:hover{background-color:#ff6b08}.dark-theme .btn--modify:disabled{color:#faebd7;cursor:auto;background-color:#8c8c8c;border-color:#8c8c8c}
/*# sourceMappingURL=index.9f1918e8.css.map */