*,:before,:after{box-sizing:border-box;font-family:Roboto,sans-serif}html{-webkit-text-size-adjust:100%;tab-size:4;min-height:100vh;line-height:1.15;position:relative}body{margin:0}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}ul{padding:0;list-style:none}.hidden{display:none}.container{width:320px;background-color:var(--color-white);margin:0 auto}@media screen and (min-width:768px) and (max-width:1024px){.container{width:768px}}@media screen and (min-width:1024px){.container{width:1024px}}:root{--color-black:#000;--color-white:#fff;--color-orange:#ff6b08;--color-modal-film:#ff6b01;--color-grey-background:#f7f7f7;--color-red:#ff001b;--color-font-grey:#8c8c8c;--color-text-footer:#545454;--color-card-background:linear-gradient( 174deg,#757474 0%,#b8b3b3 100% );--body-background:#e5e5e5;--color-modal-background:rgba(0,0,0,.25);--color-grey-icon:#818181;--color-background-image:rgba(0,0,0,.56);--color-background-modal:rgba(0,0,0,.2);--color-button:#ff6b01;--color-shadow:rgba(255,107,1,.6);--default-font:"Roboto"}footer{width:100%;position:absolute;bottom:0}.footer__container{color:var(--color-text-footer);justify-content:center;align-items:center;display:flex}@media screen and (min-width:320px) and (max-width:767px){.footer__container{height:100px;width:100%;background-color:var(--color-grey-background);flex-direction:column;gap:8px}.footer__paragraph-primary{margin:28.79px 0 0;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:16px}.footer__paragraph-secondary{margin:0 0 29px;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:16px}}@media screen and (min-width:768px) and (max-width:1279px),screen and (min-width:1280px){.footer__container{height:77px;width:100%;background-color:var(--color-grey-background);flex-direction:row}.footer__paragraph-primary,.footer__paragraph-secondary{margin:0;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:19px}}.footer__svg{stroke:var(--color-orange);fill:var(--color-orange);width:14px;height:13px;margin:0 5px;padding:0}.footer__team{color:var(--color-text-footer);cursor:pointer;text-decoration:underline}.header-home{background-color:var(--color-background-image);background-image:linear-gradient(var(--color-background-image),var(--color-background-image)),url(background-home-mobile.c7bcab62.jpg);background-repeat:no-repeat;background-size:cover}.header__container{height:230px;width:100%;flex-direction:column;align-items:center;display:flex}@media (min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.header-home{background-image:linear-gradient(var(--color-background-image),var(--color-background-image)),url(background-home-mobile@2x.900b5b46.jpg)}}.header__logo-nav{width:85%;justify-content:space-between;padding-top:46px;display:flex}.header__logo-icon{stroke:var(--color-grey-icon);stroke-width:2px;text-decoration:none}.header__logo-text{display:none}.navigation{padding-top:10px}.navigation__list{justify-content:space-between;margin:0;padding-left:91px;display:flex}.navigation__item:not(:last-child){padding-right:39px}.navigation__link{color:var(--color-white);text-transform:uppercase;font-size:12px;font-weight:500;line-height:14px;text-decoration:none}.navigation__link--active{border-bottom:3px solid var(--color-orange)}.header__form{flex-direction:column;align-items:center;margin-top:37px;display:flex}#search-box{width:280px;color:var(--color-white);border-top:none;border-left:none;border-right:none;border-bottom:.5px solid var(--color-white);background:0 0}#search-box:hover,#search-box:focus{border:1px solid var(--color-white);box-shadow:0 8px 43px var(--color-white);border-radius:4px}.search-form{justify-content:flex-end;display:flex;position:absolute}#search-btn{stroke:var(--color-white);stroke-width:3px;cursor:pointer;background:0 0;border:none;padding-top:2px;padding-left:0;position:absolute}.header__info{color:var(--color-red);width:280px;align-items:center;margin:22px 0 0;padding:22px 20px 0 0;font-size:14px;line-height:16px;display:flex}.header-library{background-color:var(--color-background-image);background-image:linear-gradient(var(--color-background-image),var(--color-background-image)),url(background-library-mobile.530ea25a.jpg);background-repeat:no-repeat;background-size:cover}.header-library__container{width:100%;height:230px;flex-direction:column;align-items:center;display:flex}@media (min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.header-library{background-image:linear-gradient(var(--color-background-image),var(--color-background-image)),url(background-library-mobile@2x.21ccf277.jpg)}}@media (min-width:768px){.header-home{background-color:var(--color-background-image);background-image:linear-gradient(var(--color-background-image),var(--color-background-image)),url(background-home-tablet.19a0c692.jpg);background-repeat:no-repeat;background-size:cover}.header__container{width:100%;height:230px}}@media (min-width:768px) and (min-device-pixel-ratio:2),(min-width:768px) and (-webkit-min-device-pixel-ratio:2),(min-width:768px) and (min-resolution:192dpi),(min-width:768px) and (min-resolution:2x){.header-home{background-image:linear-gradient(var(--color-background-image),var(--color-background-image)),url(background-home-tablet@2x.fd186bc1.jpg)}}@media (min-width:768px){.header__logo-nav{align-items:center}}@media (min-width:768px){.header__logo-text{color:var(--color-white);cursor:pointer;padding-left:7px;padding-right:155px;font-size:30px;font-weight:500;line-height:35px;text-decoration:none;display:inline-block}}@media (min-width:768px){.search-form{padding-left:30px}}@media (min-width:768px){#search-box{width:330px}}@media (min-width:768px){.header-library{background-color:var(--color-background-image);background-image:linear-gradient(var(--color-background-image),var(--color-background-image)),url(background-library-tablet.c1b594f7.jpg);background-repeat:no-repeat;background-size:cover}}@media (min-width:768px){.header-library__container{width:100%;height:230px}}@media (min-width:768px) and (min-device-pixel-ratio:2),(min-width:768px) and (-webkit-min-device-pixel-ratio:2),(min-width:768px) and (min-resolution:192dpi),(min-width:768px) and (min-resolution:2x){.header-library{background-image:linear-gradient(var(--color-background-image),var(--color-background-image)),url(background-library-tablet@2x.c6d41520.jpg)}}@media (min-width:768px){.header__info{width:393px;margin-top:44px;padding:0}}@media (min-width:768px){.button-library{width:136px}}@media (min-width:768px){.header__buttons{gap:15px}}@media (min-width:1024px){.header-home{background-color:var(--color-background-image);background-image:linear-gradient(var(--color-background-image),var(--color-background-image)),url(background-home-computer.d6cefdb9.jpg);background-repeat:no-repeat;background-size:cover}.header__container{max-width:1400px;height:230px;margin:0 auto}}@media (min-width:1024px) and (min-device-pixel-ratio:2),(min-width:1024px) and (-webkit-min-device-pixel-ratio:2),(min-width:1024px) and (min-resolution:192dpi),(min-width:1024px) and (min-resolution:2x){.header-home{background-image:linear-gradient(var(--color-background-image),var(--color-background-image)),url(background-home-computer@2x.3c9b592f.jpg)}}@media (min-width:1024px){.header__logo-text{margin-right:257px}}@media (min-width:1024px){.header-library{background-color:var(--color-background-image);background-image:linear-gradient(var(--color-background-image),var(--color-background-image)),url(background-library-computer.47d3ee77.jpg);background-repeat:no-repeat;background-size:cover}}@media (min-width:1024px){.header-library__container{max-width:1400px;height:230px;margin:0 auto}}@media (min-width:1024px) and (min-device-pixel-ratio:2),(min-width:1024px) and (-webkit-min-device-pixel-ratio:2),(min-width:1024px) and (min-resolution:192dpi),(min-width:1024px) and (min-resolution:2x){.header-library{background-image:linear-gradient(var(--color-background-image),var(--color-background-image)),url(background-library-computer@2x.03393b8a.jpg)}}@media (min-width:1024px){.header__info{margin:44px 0 0}}.button-library{color:var(--color-white);text-transform:uppercase;border:1px solid var(--color-white);width:130px;background:0 0;border-radius:5px;padding:14px 36px 12px;font-size:12px;font-weight:500;line-height:16px}.button-library:hover,.button-library:focus,.button-library__initial{background-color:var(--color-button);color:var(--color-white);border:2px solid var(--color-button);box-shadow:0px 8px 43px var(--color-shadow)}.header__buttons{justify-content:center;gap:20px;padding-top:51px;display:flex}:focus{outline:none}.main{flex-direction:column;display:flex}.main__svg{stroke:var(--color-black);fill:var(--color-black);width:16px;height:16px;pointer-events:none;display:flex;position:relative;left:4px}.mobi-hidden{display:none}#next-dots,#prev-dots{pointer-events:none}.pagination-button{width:40px;height:40px;background-color:var(--color-grey-background);cursor:pointer;border:none;border-radius:5px;align-items:center;font-size:12px;font-weight:500;line-height:16px}.main{padding-bottom:100px}.movies{padding:20px 20px 40px}.movies__list{flex-wrap:wrap;display:flex}.movies__pagination{gap:5px;margin:0 auto 40px;display:flex}.movie-card{width:280px;height:443px;background-color:var(--color-white);cursor:pointer;margin-bottom:30px}.movie-card__image{height:402px;background:var(--color-card-background);border-radius:5px;align-items:center;display:flex}.movie-card__details{padding-top:10px;font-weight:500}.image{width:280px;height:402px;object-fit:cover;border-radius:5px}.movie-card:hover{transition:all .4s;scale:1.009}.movie-title{text-transform:uppercase;margin:0;font-size:12px;line-height:16px}.movie-genre{color:var(--color-orange);margin:0;font-size:12px;line-height:16px}.movie-rating{color:var(--color-white);background:var(--color-orange);border-radius:5px;margin-left:11px;padding:1px 6px}@media screen and (min-width:768px) and (max-width:1024px){.main{padding-bottom:77px}.movies{padding:60px 75px 50px}.movies__list{gap:30px}.movies__pagination{margin:0 auto 60px}.mobi-hidden{display:block}.movie-card{width:294px;height:440px;margin-bottom:0}.movie-card__image{height:398px}.movie-card__details{height:42px}.image{width:294px;height:398px}}@media screen and (min-width:1024px){.movies{padding:60px 70px 50px}.movies__list{gap:30px}.movies__pagination{margin:0 auto 60px}.mobi-hidden{display:block}.movie-card{width:274px;height:439px;margin-bottom:0}.movie-card__image{height:398px}.movie-card__details{height:41px}.image{width:274px;height:398px}}.pagination-button:hover{background-color:var(--color-orange);color:var(--color-white)}.right{transform:rotate(180deg)}.active{background-color:var(--color-orange);color:var(--color-white)}.is-hidden{display:none}.is-visible{animation:open 1s}@keyframes open{0%{opacity:0}to{opacity:1}}.modal__background{width:100%;height:100%;background-color:var(--color-modal-background);margin:0;position:fixed;top:0;left:0}.modal-film{background-color:var(--color-white);width:280px;height:98vh;border-radius:5px;padding:18px 20px 20px;font-weight:500;display:flex;position:absolute;top:50%;left:50%;overflow-y:scroll;transform:translate(-50%,-50%)}.modal-film__container{margin:0;padding:20px 0 0}.modal-film__close-btn{cursor:pointer;background-color:var(--color-white);border-style:none;display:flex;position:absolute;top:15px;right:10px}.modal-film__close-icon{width:32px;height:32px;stroke:#000;fill:#000;position:absolute;top:0;right:0}.modal-film__close-icon:hover{stroke:var(--color-modal-film)}.modal-film__poster-box{width:240px;justify-content:center;padding-top:16px;display:flex}.modal-film__poster-img{width:240px;border-radius:5px;margin:0;padding:0}.modal-film__info-box{width:240px}.modal-film__title{margin:0;padding-top:31px;padding-bottom:20px;font-size:20px;line-height:23px}.modal-film__table{margin:0;padding:0 0 20px}.modal-film__table-title{color:var(--color-font-grey);padding-right:39px;font-size:12px;line-height:16px}.modal-film__table-data{font-size:12px;line-height:14.06px}.modal-film__score{background-color:var(--color-modal-film);color:var(--color-white);border-radius:5px;padding:0 8px;display:inline-block}.modal-film__total-votes{background-color:var(--color-grey-background);border-radius:5px;padding:0 4px;display:inline-block}.modal-film__about{margin:0;padding:0}.modal-film__about-title{margin:0;padding:0 0 10px;font-size:12px;line-height:16px}.modal-film__about-txt{margin:0;padding:0;font-size:12px;line-height:16px}.modal-film__btn{justify-content:center;gap:15px;padding-top:21px;padding-bottom:21px;display:flex}.modal-film__btn-watched{color:var(--color-white);background-color:var(--color-modal-film);width:113px;height:40px;text-align:center;cursor:pointer;border:0;border-radius:5px;align-items:center;padding-left:9px;font-size:12px;line-height:16px}.modal-film__btn-queue{color:var(--color-black);background-color:var(--color-white);text-align:center;width:113px;height:40px;border:1.5px solid var(--color-black);cursor:pointer;border-radius:5px;align-items:center;font-size:12px;line-height:16px}.modal-film__btn-watched:hover{color:var(--color-modal-film);background-color:var(--color-white);border:1.5px solid var(--color-modal-film);box-shadow:0px 8px 43px var(--color-shadow)}.modal-film__btn-queue:hover{color:var(--color-white);background-color:var(--color-black);box-shadow:0px 8px 43px var(--color-shadow)}@media screen and (min-width:658px) and (max-width:1024px){.modal-film{height:auto;width:618px;flex-direction:column;padding:28px;overflow-y:hidden}.modal-film__container{flex-direction:row;gap:32px;padding-top:10px;padding-bottom:20px;display:flex}.modal-film__poster-box{width:264px;padding-top:0}.modal-film__info-box{width:264px;padding:0}.modal-film__poster-img{width:264px;margin:0}.modal-film__title{padding-top:0}.modal-film__btn{text-transform:uppercase;padding-top:20px}.modal-film__btn-watched{text-transform:uppercase;width:125px;padding:0}.modal-film__btn-queue{text-transform:uppercase;width:125px}}@media screen and (min-width:1024px){.modal-film{height:auto;width:882px;flex-direction:column;padding:30px;overflow-y:hidden}.modal-film__container{flex-direction:row;gap:32px;padding-top:18px;padding-bottom:20px;display:flex}.modal-film__poster-box{width:396px;padding-top:0}.modal-film__info-box{width:396px;padding:0}.modal-film__poster-img{width:396px;margin:0}.modal-film__title{padding-top:0;font-size:30px;line-height:35px}.modal-film__about-txt{line-height:20px}.modal-film__btn{justify-content:flex-start;padding-top:21px;display:flex}.modal-film__btn-watched{width:136px;padding:0}.modal-film__btn-queue{width:136px}}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.team-backdrop{background-color:var(--color-background-modal);visibility:visible;z-index:999;transition:opacity .6s ease-in-out,visibility .6s ease-in-out;position:fixed;top:0;bottom:0;left:0;right:0}.team-backdrop__container{width:280px;height:80%;background-image:url(background-library-mobile.530ea25a.jpg);background-repeat:no-repeat;background-size:cover;border-radius:23px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.team-backdrop__box{width:240px;border-radius:4px;margin:0 auto;padding-top:30px}.close-button{width:25px;height:25px;cursor:pointer;pointer-events:visible;stroke:var(--color-white);stroke-width:2px;border:1px;border:2px solid var(--color-white);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .25s;display:flex;position:absolute;top:10px;right:10px}.close-button:hover,.close-button:focus{stroke:var(--color-black);background-color:var(--color-white);transform:scale(1.1)}.team__heading{color:var(--color-white);text-align:center;margin:0}figure{box-shadow:0px 8px 43px var(--color-white);border-radius:10px;margin:0}img{display:block}.team__image{max-width:160px;height:190px;object-fit:cover;margin:0 auto;padding-top:15px}.team__name,.team__job{text-align:center;text-transform:uppercase;font-size:12px;line-height:16px}.team__social-media-item{justify-content:space-between;display:flex;position:relative}.team__social-media-item:not(:last-child){margin-right:30px}.team__list,.team__social-media{margin-left:0;padding-left:0;list-style-type:none}.team__icon{fill:var(--color-white);border:2px solid var(--color-white);border-radius:50%;padding:5px 8px}.team__icon:hover,.team__icon:focus{fill:var(--color-black);background-color:var(--color-white)}.team__social-media{justify-content:center;padding-bottom:15px;display:flex}.team__item{color:var(--color-white);padding:10px;font-size:16px}.team__media{fill:var(--color-white);padding-top:10px}.team__media-github{fill:var(--color-white)}.team__list{margin:0;padding-top:10px}@media (min-width:768px){.team-backdrop__container{width:618px;height:80%}.team-backdrop__box{width:580px}.team__item{width:240px}.team__list{flex-wrap:wrap;justify-content:center;gap:20px;padding-top:10px;display:flex}}@media (min-width:1024px){.team-backdrop__container{width:882px;height:80%}.team-backdrop__box{width:840px}}.arrow__button{background-color:var(--color-grey-background);width:45px;height:45px;transform:rotate(0)scale(1);opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .5s,transform .5s;position:fixed;top:80%;right:5%;box-shadow:0 0 10px gray}.arrow__svg{fill:var(--color-orange);width:29px;height:29px;position:absolute;top:7px;left:7.5px}.arrow__button:hover{background-color:#333}.arrow__button.animated{animation-name:rotateAndScale;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.arrow__button.fade-out{animation-name:fadeOut;animation-duration:.5s;animation-fill-mode:forwards}@keyframes rotateAndScale{0%{transform:rotate(0)scale(.7);opacity:0}50%{opacity:1;transform:rotate(180deg)scale(1.3)}to{opacity:1;transform:rotate(360deg)scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.hidden{display:none}
/*# sourceMappingURL=index.fee6a391.css.map */