*,: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,-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}:root{--accent:#ff6b01;--mainWhite:#fff;--mainBlack:#000;--paginationTextColor:#000;--body:#e9e9e9}ul{list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer;border:none}h1,h2,h3,p,ul,span{margin:0;padding:0}img{height:auto;max-width:100%;display:inline-block}address{font-style:normal}body{background-color:var(--body);min-height:100vh;flex-direction:column;font-family:Roboto,sans-serif;display:flex}.stretch{flex-grow:1}.container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media screen and (min-width:480px){.container{max-width:480px}}@media screen and (min-width:768px){.container{max-width:768px;padding-left:32px;padding-right:32px}}@media screen and (min-width:1280px){.container{max-width:1280px}}:root{--accent:#ff6b01;--mainWhite:#fff;--mainBlack:#000;--paginationTextColor:#000;--body:#e9e9e9}ul{list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer;border:none}h1,h2,h3,p,ul,span{margin:0;padding:0}img{height:auto;max-width:100%;display:inline-block}address{font-style:normal}body{background-color:var(--body);min-height:100vh;flex-direction:column;font-family:Roboto,sans-serif;display:flex}.stretch{flex-grow:1}.header{height:230px;background-image:url(index-header-bg-320.79262224.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding-top:40px}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.header{background-image:url(index-header-bg-320@2x.bf42027c.jpg)}}@media screen and (min-width:768px){.header{height:215px;background-image:url(index-header-bg-768.090d1910.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}}@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:2dppx){.header{background-image:url(index-header-bg-768@2x.961a31e8.jpg)}}@media screen and (min-width:1280px){.header{background-image:url(index-header-bg-1280.000129dd.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}}@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:2dppx){.header{background-image:url(index-header-bg-1280@2x.0d3774bc.jpg)}}.header-container{justify-content:space-between;align-items:center;margin-bottom:55px;display:flex}@media screen and (min-width:768px){.header-container{margin-bottom:40px}}.header-logo-container{align-items:center;display:flex}.logo-text{font-size:30px;font-weight:500;line-height:1.17;display:none}@media screen and (min-width:768px){.logo-text{display:block}}.logo-link{color:var(--mainWhite);align-items:center;transition:color .35s linear;display:flex}.logo-link:hover{color:var(--accent)}.nav-list{text-transform:uppercase;color:var(--mainWhite);font-size:12px;font-style:normal;font-weight:500;line-height:1.17;display:flex}.nav-item{padding-top:10px;position:relative}.nav-item:not(:last-child){margin-right:40px}.link.current:after{content:"";width:100%;height:3px;background-color:#ff001b;display:block;position:absolute;bottom:-3px}.input-container{width:100%;justify-content:center;display:flex}.header-input{height:20px;width:calc(100% - 20px);border:0;border-color:var(--mainWhite);color:var(--mainWhite);background-color:#0000;outline:none}.input-wrap{width:280px;display:block;position:relative}@media screen and (min-width:768px){.input-wrap{width:335px}}@media screen and (min-width:1280px){.input-wrap{width:395px}}.input-form:after{content:"";width:100%;height:.5px;background-color:var(--mainWhite);display:block;position:absolute;bottom:-3px}.input-btn{background-color:#0000}.search-error-container{width:280px;flex-wrap:wrap;justify-content:center;margin-left:auto;margin-right:auto;display:flex}@media screen and (min-width:768px){.search-error-container{width:100%}}.search-error{color:#ff001b;margin-top:15px;font-size:14px;font-weight:400;line-height:1.14}@media screen and (min-width:768px){.search-error{margin-top:20px}}.input-container-error{width:100%;justify-content:center}.logo-svg{margin-right:10px}.find-films{margin-top:-100px;margin-bottom:25px}.controler{margin-top:-150px;margin-bottom:-45px}.empty-list{height:100vh;background-image:radial-gradient(#ce2d11b7 15%,#e45a0a 25%,#272626 60%);margin-bottom:-120px}.empty-list.close{display:none}.header-library{height:230px;background-image:url(library-320.0c030047.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding-top:40px}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.header-library{background-image:url(library-320@2x.82eb353f.jpg)}}@media screen and (min-width:768px){.header-library{height:215px;background-image:url(library-768.173009de.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}}@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:2dppx){.header-library{background-image:url(library-768@2x.d423aaaa.jpg)}}@media screen and (min-width:1280px){.header-library{background-image:url(library-1280.e3cc19a0.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}}@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:2dppx){.header-library{background-image:url(library-1280@2x.691e97db.jpg)}}.btn-container{justify-content:center;margin-top:49px;margin-bottom:65px;display:flex}.lib-btn:not(:last-child){margin-right:15px}.lib-btn{width:130px;height:44px;text-align:center;color:var(--mainWhite);text-transform:uppercase;border:1px solid var(--mainWhite);background-color:#0000;border-radius:5px;padding:14px 36.38px 12px;font-size:12px;text-decoration:none;transition:background-color .35s linear,border .35s linear}.lib-btn:focus,.lib-btn:hover,.current-btn{background-color:var(--accent);border:0;border-radius:5px;outline:none;box-shadow:0 8px 43px #ff6b0199}:root{--accent:#ff6b01;--mainWhite:#fff;--mainBlack:#000;--paginationTextColor:#000;--body:#e9e9e9}ul{list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer;border:none}h1,h2,h3,p,ul,span{margin:0;padding:0}img{height:auto;max-width:100%;display:inline-block}address{font-style:normal}body{background-color:var(--body);min-height:100vh;flex-direction:column;font-family:Roboto,sans-serif;display:flex}.stretch{flex-grow:1}.main{padding-top:20px;padding-bottom:40px;display:flex}@media screen and (min-width:768px){.main{padding-top:60px;padding-bottom:60px}}.film{width:280px;height:402px;background-color:var(--mainWhite);border-radius:5px;display:inline-block}@media screen and (min-width:768px){.film{width:336px;height:455px;border-radius:5px}}@media screen and (min-width:1280px){.film{width:395px;height:574px;border-radius:5px}}.film__image{width:100%;height:100%;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px;display:block}.film__meta{background-color:var(--mainWhite);border-bottom-right-radius:5px;border-bottom-left-radius:5px;flex-direction:column;justify-content:flex-start;padding:12px 5px 5px;display:flex}.film__title{text-transform:uppercase;color:var(--mainBlack);font-family:Roboto;font-size:12px;font-weight:500;line-height:1.33333}@media screen and (min-width:1280px){.film__title{font-size:20px;line-height:1.2}}.film__description{align-items:center;font-size:12px;line-height:1.33333;display:flex}@media screen and (min-width:1280px){.film__description{font-size:20px;line-height:1.2}}.film__genre{color:var(--accent);margin-right:5px;font-family:Roboto;font-weight:500}@media screen and (min-width:480px){.film__genre{font-size:12px;line-height:1.33333}}@media screen and (min-width:768px){.film__genre{font-size:12px;line-height:1.33333}}@media screen and (min-width:1280px){.film__genre{font-size:20px;line-height:1.2}}.film__year{color:var(--accent);margin-right:5px;font-family:Roboto;font-weight:500}@media screen and (min-width:480px){.film__year{font-size:12px;line-height:1.33333}}@media screen and (min-width:768px){.film__year{font-size:12px;line-height:1.33333}}@media screen and (min-width:1280px){.film__year{font-size:20px;line-height:1.2}}.film__year:before{content:"";width:2px;height:13px;background-color:var(--accent);margin-right:5px;display:inline-block}.film__rating{color:var(--mainWhite);width:36px;height:16px;background-color:var(--accent);border-radius:5px;justify-content:center;align-items:center;font-family:Roboto;font-size:12px;font-weight:500;line-height:1.16667;display:flex}.gallery{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:0;display:flex}@media screen and (min-width:768px){.gallery{flex-flow:wrap;gap:32px}}@media screen and (min-width:1280px){.gallery{flex-wrap:wrap;gap:16px}}.gallery__item{width:280px;height:443px;border-radius:5px;flex-direction:column;transition-property:box-shadow,transform;transition-duration:.35s;transition-timing-function:ease-in-out;display:flex}.gallery__item:hover{transform:scale(1.02);box-shadow:0 2px 24px -5px #000000bd}@media screen and (min-width:768px){.gallery__item{width:336px;height:494px}}@media screen and (min-width:1280px){.gallery__item{width:394px;height:634px;margin-bottom:32px}}.js-tooltip{display:inline-block;position:relative}.js-tooltip .js-tooltiptext{visibility:hidden;width:100%;height:auto;color:#000;z-index:1;background-color:#fff;border-radius:6px;padding:10px 0 2px;position:absolute;top:-10px}@media screen and (min-width:768px){.js-tooltip .js-tooltiptext{padding:10px 0 0}}.js-tooltip:hover .js-tooltiptext{visibility:visible}.footer{background-color:#f7f7f7;padding-top:29px;padding-bottom:29px}@media screen and (min-width:1280px){.footer{min-width:1280px}}.footer__container{width:100%;height:100%;flex-direction:column;align-items:center;display:flex}@media screen and (min-width:768px){.footer__container{flex-direction:row;justify-content:center}}.footer__first-text-box{margin-bottom:10px;display:flex}@media screen and (min-width:768px){.footer__first-text-box{margin-bottom:0}}.footer__second-text-box{align-items:center;display:flex}.footer__text{color:#545454;font-size:14px;line-height:1.14;display:block}@media screen and (min-width:768px){.footer__text{font-size:16px;line-height:1.19}}.footer__text--vertical-line:after{content:"|";margin:0 5px}.footer__link{margin-left:4px;-webkit-text-decoration-line:underline;text-decoration-line:underline}.footer__svg{fill:var(--accent);width:14px;height:14px;align-self:center;margin:0 10px;animation:1.2s infinite heartbeat;display:flex}@keyframes heartbeat{0%{transform:scale(1)}10%{transform:scale(1.4)}50%{transform:scale(1)}to{transform:scale(1.2)}}.basicLightbox{overflow:scroll}.modal-team{width:240px;background-color:#f7f7f7;border-radius:15px;flex-wrap:wrap;padding:10px;display:flex}@media screen and (min-width:768px){.modal-team{width:600px;border-radius:25px}}@media screen and (min-width:1280px){.modal-team{width:800px;margin:-30px}}.team-card{width:calc(50% - 40px);border-radius:10px;flex-direction:column;align-items:center;margin:20px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;transform:scale(1);box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d,inset 0 -2px 6px #0a254059}.team-card:hover{transform:scale(1.15);box-shadow:0 50px 100px -20px #fa5f0540,0 30px 60px -30px #da16164d,inset 0 -2px 6px #f71e1e59}@media screen and (min-width:768px){.team-card{width:calc(25% - 40px);border-radius:20px}}@media screen and (min-width:1280px){.team-card{width:calc(25% - 60px);border-radius:30px;margin:30px}}.team-name{padding:5px;font-family:Roboto;font-size:15px;font-style:oblique}@media screen and (min-width:768px){.team-name{font-size:15px;font-weight:500}}@media screen and (min-width:1280px){.team-name{font-size:20px;font-weight:700}}.team-role{color:var(--accent);margin-bottom:10px;font-family:Roboto;font-size:10px;font-style:oblique;font-weight:400}@media screen and (min-width:768px){.team-role{font-size:15px;font-weight:500}}@media screen and (min-width:1280px){.team-role{font-size:15px}}.team-git{margin-top:10px;padding:10px}.icon-github{fill:var(--mainBlack);transition:transform .35s cubic-bezier(.4,0,.2,1),fill .35s cubic-bezier(.4,0,.2,1);transform:scale(1)}.icon-github:hover,.icon-github:focus{fill:var(--accent);transform:scale(1.5)}.title-team{color:#9e9d9dc4;font-variation-settings:"slnt" -10;text-shadow:0 4px 4px #00000040;font-family:Inter;font-size:42px;font-style:italic;font-weight:524;line-height:39px;position:absolute;top:47%;right:10%}@media screen and (min-width:768px){.title-team{top:45%;right:35%}}@media screen and (min-width:1280px){.title-team{top:44%;right:37%}}.theme-btn{width:100px;height:30px;background-color:#0000;padding:0;position:absolute;top:10px;left:50%;transform:translate(-50%)}@media screen and (min-width:1200px){.theme-btn{width:133px;height:40px;transition:transform .25s cubic-bezier(.4,0,.2,1);top:-20px}.theme-btn:hover{transform:translate(-50%,20px)}}body .tui-pagination{justify-content:center;align-items:center;margin-bottom:40px;padding-left:20px;padding-right:20px;display:flex}@media screen and (min-width:768px){body .tui-pagination{margin-top:0;margin-bottom:60px;padding-left:32px;padding-right:32px}}.tui-custon{width:40px;height:40px;color:var(--paginationTextColor);background-color:#0000;border:none;border-radius:5px;justify-content:center;align-items:center;font-size:12px;font-style:normal;font-weight:500;line-height:1.33;text-decoration:none;display:flex}.tui-custon-is-selected{background-color:var(--accent);color:var(--mainWhite)}.tui-pagination .tui-first,.tui-pagination .tui-last{display:none}body .tui-pagination .tui-next-is-ellip,body .tui-pagination .tui-prev-is-ellip{border:none}body .tui-pagination .tui-next,body .tui-pagination .tui-prev{background-color:var(--mainWhite);width:40px;height:40px;border:none}body .tui-pagination .tui-first-child,.tui-pagination .tui-prev-is-ellip,body .tui-pagination .tui-last-child,.tui-pagination .tui-prev-is-ellip{border-left:none}body .tui-pagination .tui-last-child,.tui-pagination .tui-next-is-ellip{border-right:none}*{margin:0;padding:0}button{background-color:inherit;font:inherit;border:none}.backdrop{width:100%;height:100%;z-index:998;background-color:#0003;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow:auto}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-movie-info{z-index:999;min-width:280px;height:auto;background-color:#fff;padding:48px 20px 40px;font-family:Roboto,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:min-height .25s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000001f,0 1px 1px #00000024,0 2px 1px #0003}@media screen and (max-height:851px) and (max-width:479.9px){.modal-movie-info{top:0;transform:translate(-50%)}}@media screen and (min-width:768px){.modal-movie-info{max-width:704px;padding:40px 36px;display:flex}}@media screen and (min-width:1280px){.modal-movie-info{max-width:806px;padding:40px 12px}}.poster__wrapper{width:240px;height:auto;border-radius:5px;margin:0 auto 20px;overflow:hidden}@media screen and (min-width:768px){.poster__wrapper{width:264px;margin-bottom:0;margin-left:0;margin-right:68px}}@media screen and (min-width:1280px){.poster__wrapper{width:375px;margin-right:16px}}.movie-info__wrapper{height:-moz-fit-content;height:-moz-fit-content;height:fit-content}.move-info__name{margin-bottom:20px;font-size:20px;font-weight:500;line-height:1.15}@media screen and (min-width:768px){.move-info__name{line-height:1.172}}@media screen and (min-width:1280px){.move-info__name{font-size:30px;font-weight:500;line-height:1.172}}.movie-info__about-title{text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:500;line-height:1.14}.movie-info__about-content{width:240px;margin-bottom:20px;font-size:12px;font-weight:500;line-height:1.42}@media screen and (min-width:768px){.movie-info__about-content{width:264px}}@media screen and (min-width:1280px){.movie-info__about-content{width:391px;line-height:1.66667}}.button{width:110px;height:44px;text-align:center;text-transform:uppercase;border-radius:5px;padding:0 4px;font-size:12px;font-weight:500;line-height:1.14;transition:background-color .35s linear,border .35s linear;display:inline-block}@media screen and (min-width:768px){.button{width:125px;line-height:1.33333}}@media screen and (min-width:1280px){.button{width:136px}}.button--highlited,.button:hover,.button:focus{color:#fff;background-color:var(--accent);border-color:var(--accent)}.button--blank{border:1px solid var(--mainBlack);background-color:#0000}.button-wrapper{column-gap:20px;display:flex}@media screen and (min-width:768px){.button-wrapper{column-gap:15px}}.backdrop.is-hidden .modal-movie-info{min-height:0;transform:translate(-50%,-50%)}.close-button{transition:transform .25s ease-in;position:absolute;top:8px;right:8px;transform:rotate(0)}.close-button svg,.close-button:hover svg,.close-button:focus svg{fill:#000}.close-button:hover{transform:rotate(90deg)}.movie-info__facts{grid-template-rows:repeat(4,auto);grid-template-columns:1fr 1fr;grid-template-areas:"votes-title votes-info""popularity-title popularity-container""original-title original-title-container""genre-title genre-container";grid-auto-flow:row;gap:8px;margin-bottom:20px;display:grid}.movie-info__facts--title{color:#8c8c8c;font-size:12px;font-weight:500;line-height:1.33333}.moovie-info__container{color:var(--mainBlack);font-size:12px;font-weight:500;line-height:1.16667}.votes-title{grid-area:votes-title}.popularity-title{grid-area:popularity-title}.original-title{grid-area:original-title}.genre-title{grid-area:genre-title}.votes-info{grid-template:"vote-container votes-container"1fr/auto 1fr;grid-area:votes-info;grid-auto-flow:row;gap:0;display:grid}.vote-container{width:-moz-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--accent);color:var(--mainWhite);border-radius:5px;grid-area:vote-container;padding:0 7px;font-size:12px;font-weight:500;line-height:1.16667}.votes-container{grid-area:votes-container;padding-left:3px}.popularity-container{grid-area:popularity-container}.original-title-container{grid-area:original-title-container}.genre-container{grid-area:genre-container}.random-btn{background-color:#0000;position:absolute;top:80px;left:20px}@media screen and (min-width:400px){.random-btn{top:115px;left:calc(50vw - 180px)}}@media screen and (min-width:768px){.random-btn{top:110px;left:calc(50vw - 209px)}}@media screen and (min-width:1280px){.random-btn{top:110px;left:calc(50vw - 240px)}}.random-svg{fill:var(--mainWhite);transition:fill .35s linear}.random-svg:hover{fill:var(--accent);animation:.25s 4 shake}@keyframes shake{0%{transform:rotate(0)}50%{transform:rotate(15deg)}to{transform:rotate(0)}}.modal-random{width:240px;background-color:#f7f7f7;border-radius:15px;flex-wrap:wrap;padding:10px;display:flex}@media screen and (min-width:768px){.modal-random{width:300px;border-radius:25px}}@media screen and (min-width:1280px){.modal-random{width:400px;margin:-30px}}.modal-btns{width:100%;justify-content:space-around;margin-top:10px;display:flex}
/*# sourceMappingURL=library.d71867ef.css.map */