*,: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]{-webkit-text-decoration:underline dotted;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}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ul,ol{margin-top:0;margin-bottom:0;padding-left:0;list-style:none}img{max-width:100%;height:auto;display:block}a{text-decoration:none}button{border:none;padding:0}html,body{height:100%}body{letter-spacing:0;flex-direction:column;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:1.33;display:flex}main{flex-grow:1}.container{width:100%;margin:0 auto;padding-left:20px;padding-right:20px}@media screen and (min-width:320px){.container{width:320px}}@media screen and (min-width:768px){.container{width:768px;padding-left:32px;padding-right:32px}}@media screen and (min-width:1024px){.container{width:1024px}}.spinner{width:10px;height:10px;margin-left:10px;display:inline-block;position:static}.header-library__button .spinner{height:15px;margin-left:5px}.spinner--home{width:30px;height:30px;margin-left:0;display:inline-block;position:absolute;top:75px;left:50%;transform:translate(-50%)}.spinner:after{content:" ";width:0;height:0;box-sizing:border-box;border:15px solid #945e5e;border-color:#945e5e rgba(0,0,0,0);border-radius:50%;margin:auto;animation:spinner 1.2s infinite;display:block}.header-library__button .spinner:after{border:10px solid #fff;border-color:#fff rgba(0,0,0,0);animation:spinner 1.2s infinite}@keyframes spinner{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(900deg)}to{transform:rotate(1800deg)}}.heart{width:24px;height:11px;display:inline-block;position:relative;transform:rotate(45deg)}.heart div{width:7px;height:7px;background:#ff6b01;animation:heart 1.2s cubic-bezier(.215,.61,.355,1) infinite;position:relative;top:2px;left:10px}.heart div:after,.heart div:before{content:" ";width:7px;height:7px;background:#ff6b01;display:block;position:absolute}.heart div:before{border-radius:50% 0 0 50%;left:-6px}.heart div:after{border-radius:50% 50% 0 0;top:-6px}@keyframes heart{0%{transform:scale(.95)}5%{transform:scale(1.1)}39%{transform:scale(.85)}45%{transform:scale(1)}60%{transform:scale(.95)}to{transform:scale(.9)}}.header-home{background-image:url(header-home-mob-2x.efb59ba6.jpg);background-repeat:no-repeat;background-size:cover;transition:background-image .4s cubic-bezier(.4,0,.2,1)}@media screen and (min-device-pixel-ratio:2),screen and (min-resolution:192dpi),screen and (min-resolution:2x){.header-home{background-image:url(header-home-mob-2x.efb59ba6.jpg)}}@media screen and (min-width:768px){.header-home{background-image:url(header-home-tab.3e5de6df.jpg)}}@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-home{background-image:url(header-home-tab-2x.b7ca7893.jpg)}}@media screen and (min-width:1024px){.header-home{background-image:url(header-home-desk.1351be16.jpg)}}@media screen and (min-width:1024px) and (min-device-pixel-ratio:2),screen and (min-width:1024px) and (min-resolution:192dpi),screen and (min-width:1024px) and (min-resolution:2x){.header-home{background-image:url(header-home-desk-2x.bb544bb9.jpg)}}.header{width:100%;height:230px;padding-top:40px;padding-bottom:80px}.header__box{position:relative}.header__menu{justify-content:space-between;margin-bottom:38px;display:flex}.header__logo-box{width:175px;justify-content:space-between;align-items:center;display:flex}.header__icon--logo{cursor:pointer}.header__title{color:#fff;font-size:30px;font-weight:500;line-height:1.17}@media screen and (max-width:767px){.header__title{display:none}}.header__nav{text-align:center;min-width:143px;justify-content:space-between;padding-top:12px;display:flex}.navigation-list{justify-content:space-between;align-items:center;display:flex}.nav__item:not(:last-child){margin-right:40px}.header__nav--link{color:#fff;cursor:pointer;background-color:rgba(0,0,0,0)}.header__nav--link--current:after{content:"";width:100%;height:3px;background-color:#ff6b01;display:block}.header__label{width:280px;margin:0 auto;display:block;position:relative}@media screen and (min-width:768px){.header__label{width:336px}}.header__label:after{content:"";width:100%;border:.5px solid #f7f7f7;display:block}.header__input{width:280px;height:20px;color:#fff;background-color:rgba(0,0,0,0);border:none;outline:none}@media screen and (min-width:768px){.header__input{width:336px}}.header__input::-ms-input-placeholder{color:#fff;align-items:center;font-weight:400;display:flex}.header__input::placeholder{color:#fff;align-items:center;font-weight:400;display:flex}.header__icon--search{display:block;position:absolute;top:2px;right:2px}.header__error-text{color:#ff001b;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:1.14;position:absolute;top:120px}@media screen and (min-width:768px){.header__error-text{left:26%}}@media screen and (min-width:1024px){.header__error-text{left:32%}}.is-hidden{display:none}.img-search-error{margin:0 auto;padding-top:50px;padding-bottom:50px;display:block}.is-hidden{display:none}@media screen and (min-width:320px){.section{margin-top:20px}}@media screen and (min-width:768px){.section{margin-top:60px}}@media screen and (min-width:768px){.card-set{flex-wrap:wrap;margin-left:-30px;display:flex}}@media screen and (min-width:1024px){.card-set{flex-wrap:wrap;margin-left:-30px;display:flex}}.card-set__item{cursor:pointer;flex-direction:column;display:flex}@media screen and (max-width:768px){.card-set__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width:768px){.card-set__item{flex-basis:calc(50% - 30px);margin-top:30px;margin-left:30px}.card-set__item.card-set__item:nth-child(-n+2){margin-top:0}}@media screen and (min-width:1024px){.card-set__item{flex-basis:calc(33.3333% - 30px);margin-top:30px;margin-left:30px}.card-set__item.card-set__item:nth-child(-n+3){margin-top:0}}.card-set__box-img{flex-grow:1;align-items:center;display:flex}.card-set__img{height:100%;border-radius:5px}.card-set__title{text-transform:uppercase;color:#000;margin-top:10px;line-height:1.17}.card-set__genre{justify-content:left;align-items:baseline;display:flex}.card-set__genre-movie,.card-set__production-year{color:#ff6b08}.card-set__description{align-items:baseline;display:flex}.movies-navigation{justify-content:center;margin-top:40px;margin-bottom:40px;display:flex}@media screen and (min-width:768px){.movies-navigation{margin-top:60px;margin-bottom:60px}}.movies-navigation__item:first-child{margin-right:19px}@media screen and (min-width:768px){.movies-navigation__item:first-child{margin-right:16px}}.movies-navigation__item:last-child{margin-left:20px}@media screen and (min-width:768px){.movies-navigation__item:last-child{margin-left:10px}}.movies-navigation__arrow-btn{height:40px;width:40px;cursor:pointer;fill-opacity:.8;background-color:#f7f7f7;border:none;border-radius:5px;justify-content:center;align-items:center;transition:background-color .2s linear;display:flex}.movies-navigation__arrow-btn:hover,.movies-navigation__arrow-btn:focus{fill:#fff;fill-opacity:1;background-color:#ff6b08}.movies-navigation__arrow-btn--disabled{pointer-events:none;fill-opacity:.5;background-color:#d6d6d6}.movies-navigation__icon-arrow{width:16px;height:16px}.number-page{display:flex}.number-page__item:not(:last-child){margin-right:16px}.number-page__item:nth-last-child(2){margin-right:0}@media screen and (min-width:768px){.number-page__item:nth-last-child(2){margin-right:16px}}.number-page__item:first-child{display:none;position:relative}.number-page__item:first-child:after{content:"...";height:3px;width:11px;display:inline-block;position:absolute;top:10px;left:23px}@media screen and (min-width:768px){.number-page__item:first-child{margin-right:43px;display:list-item}}.number-page__item:last-child{display:none;position:relative}.number-page__item:last-child:before{content:"...";height:3px;width:11px;display:inline-block;position:absolute;top:10px;left:-27px}@media screen and (min-width:768px){.number-page__item:last-child{margin-left:27px;display:list-item}}.number-page__btn{height:40px;cursor:pointer;background-color:#fff;border:none;border-radius:5px;justify-content:center;align-items:center;display:flex}.number-page__btn:hover,.number-page__btn:focus{text-decoration:underline}.number-page__btn--current{color:#fff;width:40px;background-color:#ff6b08}.number-page__btn--current:hover,.number-page__btn--current:focus{text-decoration:none}footer{height:100px;text-align:center;color:#545454;background-color:#f7f7f7;padding:30px 0;font-family:Roboto;font-size:14px}@media screen and (min-width:768px){footer{height:80px;justify-content:center;align-items:baseline;display:flex}}footer>div:not(:last-child){margin-bottom:10px}@media screen and (min-width:768px){footer>div:not(:last-child){margin-bottom:0}}.icon-heart{width:14px;height:13px;margin:0 10px}.footer-modal-btn{color:#545454;cursor:pointer;background-color:#f7f7f7;border:none;padding:0;text-decoration:underline;transition:color .2s linear}.footer-modal-btn:hover,.footer-modal-btn:focus{color:#ff6b01}.backdrop__title{text-align:center;margin-bottom:40px;font-family:Roboto;font-size:30px;font-style:normal;font-weight:500;line-height:35px}.command-list{flex-flow:wrap;justify-content:center;margin:-15px;padding:0;list-style:none;display:flex}.command-img{width:100px;border-style:inset;border-radius:50%;margin:auto;display:block}.command-link{color:#000;justify-content:center;align-items:center;font-family:Roboto;font-size:20px;font-style:normal;font-weight:500;line-height:18px;text-decoration:none;transition:color .35s cubic-bezier(.4,0,.2,1),fill .35s cubic-bezier(.4,0,.2,1);display:flex}.command-link:hover{color:#0052d4;fill:#0052d4}.command-item{background-color:rgba(0,0,0,.03);border-radius:0 50% 50%;flex-basis:calc(100% - 30px);margin:15px;padding:10px 15px;transition:background-color .35s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:768px){.command-item{flex-basis:calc(50% - 30px)}}@media screen and (min-width:1024px){.command-item{flex-basis:calc(33.3333% - 30px)}}.command-item:hover{background-color:rgba(0,0,0,.1)}.modal-open{overflow:hidden}.backdrops{width:100vw;height:100vh;background-color:rgba(0,0,0,.2);transition:opacity .75s cubic-bezier(.4,0,.2,1),visibility .75s cubic-bezier(.4,0,.2,1);position:fixed;top:0;overflow:auto}.backdrops.is-hiddens .modals{transition:transform .75s cubic-bezier(.4,0,.2,1);transform:scale(.6)rotate(160deg)translateY(500px)}.modals{width:280px;background:linear-gradient(175deg,#0052d4,#4364f7,#6fb1fc,#fffc50,#fffc00,#ffe000) 0 0/300% 300%;border-radius:4px;padding:15px;transition:transform .75s cubic-bezier(.4,0,.2,1);animation:gradient 3s infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2)}@media screen and (max-width:767px){.modals{top:125%}}@media screen and (max-width:767px) and (max-height:610px){.modals{top:175%}}@media screen and (min-width:768px){.modals{width:512px}}@media screen and (min-width:768px) and (max-height:768px){.modals{top:60%}}@media screen and (min-width:1024px){.modals{width:900px;padding:50px}}@keyframes gradient{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.is-hiddens{visibility:hidden;opacity:0;pointer-events:none}.backdrop{width:100vw;height:100vh;z-index:999;background-color:rgba(0,0,0,.25);transition:visibility .5s,opacity .5s;position:fixed;top:0;overflow:auto}.film-card{width:280px;background-color:#fff;margin-top:200px;padding:48px 20px 40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:768px){.film-card{width:704px;margin-top:0;padding:40px 72px 40px 36px;display:flex}}@media screen and (min-width:1024px){.film-card{width:814px;padding:40px 16px}}@media screen and (min-width:768px){.film-card__box{display:flex}}.film-card__button-close{cursor:pointer;background-color:rgba(0,0,0,0);margin-top:10px;margin-bottom:10px;margin-right:8px;position:absolute;top:0;right:0}@media screen and (min-width:768px){.film-card__button-close{margin-top:8px;margin-bottom:0;margin-right:8px}}.film-card__image-block{margin-right:0}@media screen and (min-width:768px){.film-card__image-block{margin-right:68px}}@media screen and (min-width:1024px){.film-card__image-block{margin-right:16px}}.film-card__image{width:240px;height:357px;border-radius:5px;margin:0 auto}@media screen and (min-width:768px){.film-card__image{width:264px;height:374px}}@media screen and (min-width:1024px){.film-card__image{width:375px;height:478px}}.film-card__description-title{margin-top:20px;margin-bottom:20px;font-size:20px}@media screen and (min-width:768px){.film-card__description-title{margin-top:0}}.description-set{display:flex}.description-set:not(:last-child){margin-bottom:8px}.description-set__text{width:69px;color:#8c8c8c;margin-right:39px}@media screen and (min-width:1024px){.description-set__text{margin-right:83px}}.description-about__title{text-transform:uppercase;margin-top:20px}.description-about__text{width:240px;margin-top:8px}@media screen and (max-width:767.9px){.description-about__text{height:75px;overflow-y:auto}}@media screen and (min-width:768px){.description-about__text{width:264px}}@media screen and (min-width:1024px){.description-about__text{width:391px}}.description-set__rating{width:36px;height:16px;color:#fff;background-color:#ff6b01;border-radius:5px;padding:1px 9px}.description-set__separator{color:#8c8c8c}.description-set__vote{width:36px;height:16px;background:#f7f7f7;border-radius:5px;padding:1px 4px}.film-card__description-button{margin-top:20px;display:flex}.description-button{width:110px;height:44px;text-transform:uppercase;cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:5px}.description-button:not(:last-child){margin-right:20px}.description-button:focus{color:#fff;background-color:#ff6b01;border:none}@media screen and (min-width:768px){.description-button{width:125px}}@media screen and (min-width:1024px){.description-button{width:136px}}
/*# sourceMappingURL=index.af0b7d0b.css.map */