*,: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-library{width:100%;background-color:rgba(0,0,0,.56);background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-library-mob.779a8035.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.header-library{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-library-mob-2x.6ae876f9.jpg)}}@media screen and (min-width:768px){.header-library{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-library-tab.7bebb949.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-library{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-library-tab-2x.d16388b4.jpg)}}@media screen and (min-width:1024px){.header-library{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-library-desk.8c87cfc9.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-library{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-library-desk-2x.34d270cc.jpg)}}.header__container{padding-top:40px;padding-bottom:60px}.header-library__navigation{margin-bottom:60px}@media screen and (min-width:768px){.header-library__navigation{margin-bottom:40px}}.header-library__navigation--list{justify-content:flex-end;align-items:center;display:flex}.header-library__navigation--logo-title{text-transform:capitalize;color:#fff;font-size:30px;line-height:1.17}@media screen and (max-width:767.9px){.header-library__navigation--logo-title{display:none}}.header-library__navigation--logo-icon{margin-right:10px}.header-library__navigation--item.header-library__navigation--logo{margin-right:auto}.header-library__navigation--item:last-child{margin-left:40px}.header-library__navigation--link{text-transform:uppercase;color:#fff;align-items:center;font-size:12px;line-height:1.17;transition:all .25s cubic-bezier(0,0,1,1);position:relative;scale:1}.header-library__navigation--link:hover{transform:scale(1.05)}.header-library__navigation--link-current:after{content:"";width:100%;height:3px;background-color:#ff6b08;display:inline-block;position:absolute;bottom:-3px;right:0}.header-library__button-list{justify-content:center;display:flex}.header-library__button-item:first-child{margin-right:20px}@media screen and (min-width:768px){.header-library__button-item:first-child{margin-right:32px}}@media screen and (min-width:1024px){.header-library__button-item:first-child{margin-right:16px}}.header-library__button{width:130px;height:43px;text-transform:uppercase;color:#fff;cursor:pointer;background-color:rgba(0,0,0,.56);border:1px solid #fff;border-radius:5px;font-size:12px;font-weight:500;line-height:1.33}.header-library__button:focus{filter:drop-shadow(0 8px 43px rgba(255,107,1,.6));background-color:#ff6b01;border: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:-32px;display:flex}}@media screen and (min-width:1024px){.card-set{flex-wrap:wrap;margin-left:-16px;display:flex}}.card-set__item{cursor:pointer}@media screen and (max-width:768px){.card-set__item:not(:last-child){margin-bottom:20px}}@media screen and (min-width:768px){.card-set__item{flex-basis:calc(50% - 32px);margin-top:32px;margin-left:32px}.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% - 16px);margin-top:32px;margin-left:16px}.card-set__item.card-set__item:nth-child(-n+3){margin-top:0}}.card-set__img{border-radius:5px}.card-set__title{text-transform:uppercase;color:#000;margin-top:8px;font-size:12px}.card-set__genre{justify-content:left;align-items:baseline;display:flex}.card-set__genre-movie,.card-set__production-year{color:#ff6b08}@media screen and (max-width:768px){.card-set__genre-movie,.card-set__production-year{margin-right:9px}}.card-set__description{align-items:baseline;display:flex}.card-set__rating{text-align:center;color:#fff;background-color:#ff6b08;border-radius:5px;padding:1px 9px;line-height:1.16}.pagination{flex-wrap:wrap;justify-content:center;margin-top:60px;margin-bottom:60px;display:flex}.pagination__item{margin-right:16px}.pagination__button{height:40px;width:40px;cursor:pointer;background-color:#fff;border:none;border-radius:5px;justify-content:center;align-items:center;display:flex}.pagination__button:hover,.pagination__button:focus{width:40px;color:#fff;background-color:#ff6b08;text-decoration:none}.pagination__button--current{color:#fff;width:40px;background-color:#ff6b08}.library__empty-container{margin:0 auto}.library__empty-text{text-align:center;font-size:24px;font-style:italic}.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=library.e740ecba.css.map */