html{scroll-behavior:smooth}body{color:#000;background-color:#fff;margin:0;font-family:Roboto,sans-serif;font-weight:500;line-height:1.17}input:-webkit-autofill,input:-webkit-autofill:focus{transition:color 600000s,background-color 600000s}input::placeholder{color:#fff;font-size:14px;font-weight:400;line-height:1.14}h1,h2,h3,h4,h5,h6,p{margin:0}img{width:100%;border-radius:5px;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:3px 4px 3px #0000001f,2px 2px 2px #00000024,2px 3px 2px #0003}img:hover,img:focus{box-shadow:8px 8px 8px 3px #0003,9px 9px 20px 2px #0006}button{box-shadow:3px 4px 3px #0000001f,2px 2px 2px #00000024,2px 3px 2px #0003}button:hover,button:focus{box-shadow:8px 8px 8px 3px #0003,9px 9px 20px 2px #0006}ul{margin:0;padding-left:0;list-style:none}a{text-decoration:none}.container{width:100%;margin:0 auto}@media screen and (min-width:320px){.container{width:320px}}@media screen and (min-width:768px){.container{width:768px}}@media screen and (min-width:1280px){.container{width:1280px}}.hidden{display:none}.current{color:#ff001b}.current:after{content:"";width:34px;height:3px;background:#ff001b;border-radius:2px;display:block}.current__line:after{content:"";width:69px;height:3px;background:#ff001b;border-radius:2px;display:block}.page-header{height:230px;background-image:url(backgroundHome-M@1x.96f3b14b.png);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto}.page-header__wrapper{padding:40px 20px 0;display:flex}.page-header__title{color:#fff;font-size:30px}.page-header__navigation--list{gap:40px;padding-left:112px;display:flex}.page-header__navigation--link{color:#fff;text-transform:uppercase;font-size:12px;line-height:1.16}.page-header__search{justify-content:center;padding-top:37px;display:flex}.page-header__search-border{width:230px;color:#fff;opacity:.7;background-color:#2c282b;border:10px dotted #fff;border-radius:17px;padding:10px;font-size:15px;font-weight:400;line-height:1.14;transition:all .5s ease-in}.page-header__search-border:hover,.page-header__search-border:focus{opacity:1;border-color:red;outline:none;animation-name:flash_border;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;transform:scale(1.2)}@keyframes flash_border{0%{border-color:gold}25%{border-color:#ff6b01}50%{border-color:#ff001b}75%{border-color:#fff}to{border-color:gold}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes moveup{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.page-header{background-image:url(backgroundHome-M@2x.7b573736.png)}}@media screen and (max-width:767px){.page-header__title{display:none}}@media screen and (min-width:768px){.page-header{height:216px;background-image:url(backgroundHome-T@1x.3ad54996.png)}.page-header__wrapper{padding-left:32px;padding-right:32px}.page-header__title{padding-left:8px}.page-header__navigation--list{padding-left:387px}.page-header__search{padding-top:30px}.page-header__search-border{width:336px}}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.page-main{background-image:url(backgroundHome-T@2x.503ae5be.png)}}@media screen and (min-width:1280px){.page-header{background-image:url(backgroundHome-D@1x.3aedcfb2.png)}.page-header__wrapper{padding-left:32px;padding-right:32px}.page-header__search-border{width:394px}.page-header__title{padding-left:10px}.page-header__navigation--list{padding-left:898px}}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.page-main{background-image:url(backgroundHome-T@2x.503ae5be.png)}}.page-header-library{height:230px;background-image:url(backgroundLibrary-M@1x.17b1a396.png);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto}.page-header-library__wrapper{padding:40px 20px 0;display:flex}.page-header-library__title{color:#fff;font-size:30px}.page-header-library__navigation--list{gap:40px;padding-left:112px;display:flex}.page-header-library__navigation--link{color:#fff;text-transform:uppercase;font-size:12px;line-height:1.16}.page-header-library__buttons{justify-content:center;gap:20px;padding-top:60px;display:flex}.page-header-library__buttons-item{width:130px;height:44px;color:#fff;text-transform:uppercase;background-color:#0000;border:1px solid #fff;border-radius:5px;justify-content:center;align-items:center;padding-top:4px;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:1.33;transition:all .3s;display:flex}.page-header-library__buttons-item:hover,.page-header-library__buttons-item:focus .page-header-library__buttons-item.button-active{cursor:pointer;background-color:#ff6b01;border:#0000;transition:all .3s}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.page-header-library{background-image:url(backgroundLibrary-M@2x.b54123de.png)}}@media screen and (max-width:767px){.page-header-library__title{display:none}}@media screen and (min-width:768px){.page-header-library{height:216px;background-image:url(backgroundLibrary-T@1x.be8caa11.png)}.page-header-library__wrapper{padding-left:31px;padding-right:33px}.page-header-library__title{padding-left:8px}.page-header-library__navigation--list{padding-left:387px}.page-header-library__buttons{gap:32px;padding-top:40px}.page-header-library__buttons-item{width:152px}}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.page-main{background-image:url(backgroundLibrary-T@2x.bf34eefd.png)}}@media screen and (min-width:1280px){.page-header-library{background-image:url(backgroundLibrary-D@1x.3c7fc358.png)}.page-header-library__wrapper{padding-left:32px;padding-right:32px}.page-header-library__title{padding-left:10px}.page-header-library__navigation--list{padding-left:898px}.page-header-library__buttons{gap:16px}.page-header-library__buttons-item{width:148px}}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.page-main{background-image:url(backgroundLibrary-T@2x.bf34eefd.png)}}.wrapper{background-color:#fff;flex-wrap:wrap;gap:20px;padding:20px;transition:all .8s;display:flex}.movies-container{margin-bottom:40px}.card{cursor:pointer;animation:1.2s cubic-bezier(.25,.25,.25,1.15) both fade-in}.card__content{gap:9px;display:flex}.card__info{padding-top:8px}.card__title{text-transform:uppercase;color:#000;font-size:12px;font-weight:500;line-height:1.33}.card__genre,.card__release,.card__rating{color:#ff6b08;font-size:12px;font-weight:500;line-height:1.33;display:inline}.card__poster{width:280px;height:398px}.card:first-child{animation-delay:.25s}.card:nth-child(2){animation-delay:.5s}.card:nth-child(3){animation-delay:.75s}.card:nth-child(4){animation-delay:1s}.card:nth-child(5){animation-delay:1.25s}.card:nth-child(6){animation-delay:1.5s}.card:nth-child(7){animation-delay:1.75s}.card:nth-child(8){animation-delay:2s}.card:nth-child(9){animation-delay:2.25s}.card:nth-child(10){animation-delay:2.5s}.card:nth-child(11){animation-delay:2.75s}.card:nth-child(12){animation-delay:3s}.card:nth-child(13){animation-delay:3.25s}.card:nth-child(14){animation-delay:3.5s}.card:nth-child(15){animation-delay:3.75s}.card:nth-child(16){animation-delay:4s}.card:nth-child(17){animation-delay:4.25s}.card:nth-child(18){animation-delay:4.5s}.card:nth-child(19){animation-delay:4.75s}.card:nth-child(20){animation-delay:5s}@keyframes fade-in{0%{opacity:0;transform:rotateY(180deg)}to{opacity:1;transform:rotateY(0)}}@media screen and (min-width:768px){.wrapper{gap:32px;padding:60px 32px}.card__info{width:336px}.card__poster{width:336px;height:455px}}@media screen and (min-width:768px) and (min-width:1280px){.wrapper{gap:15px;padding:60px 32px}.card__info{width:395px}.card__poster{width:395px;height:574px}}.backdrop{width:100%;height:100%;background-color:#00000080;transition:all .5s linear;position:fixed;top:0;left:0}.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:all .7s ease-in-out;transform:translate(0%)}.modal{box-sizing:border-box;width:280px;height:500px;background-color:#fff;border-radius:4px;padding:48px 20px 20px;transition:all 1s;position:absolute;top:50%;left:50%;overflow-x:hidden;overflow-y:visible;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000001f,0 1px 1px #00000024,0 2px 1px #0003}.modal__item{flex-direction:column;display:flex}.modal__btn{justify-content:center;gap:20px;margin-bottom:40px;display:flex}.modal__btn-close{cursor:pointer;fill:#000;filter:drop-shadow(2px 4px 2px #00000080);box-shadow:none;background-color:#0000;border:#0000;animation:3.2s infinite pulseBtn;position:absolute;top:13px;right:8px;transform:rotate(0)}.modal__btn-close:hover,.modal__btn-close:focus{box-shadow:none}@keyframes pulseBtn{0%{filter:drop-shadow(3px 6px 2px #00000080);transform:rotate(0)}50%{filter:drop-shadow(3px 15px 3px #00000080);transform:rotate(70deg)}70%{filter:drop-shadow(3px 6px 2px #00000080);transform:rotate(-30deg)}82%{filter:drop-shadow(3px 15px 3px #00000080);transform:rotate(16deg)}90%{filter:drop-shadow(3px 6px 2px #00000080);transform:rotate(-10deg)}to{filter:drop-shadow(3px 6px 2px #00000080);transform:rotate(0)}}.modal__info{flex-direction:column;gap:20px;margin-bottom:20px;display:flex}.modal__title{text-shadow:3px 4px 3px #0000001f,2px 2px 2px #00000024,2px 3px 2px #0003;text-transform:uppercase}.modal__stats-list{padding-bottom:8px;display:flex}.modal__stats-info{width:100px;color:#8c8c8c;text-shadow:2px 2px 2px #0003;font-size:12px;line-height:1.33}.modal__stats-result{width:115px;color:#000;font-size:12px;line-height:1.33}.modal__stats-vote{color:#fff;background-color:#ff6b01;border-radius:5px;padding:0 10px;font-size:12px;line-height:1.33}.modal__stats-votes{color:#000;font-size:12px;line-height:1.33}.modal__about{flex-direction:column;gap:8px;display:flex}.modal__about-header{text-transform:uppercase;text-shadow:1px 2px 2px #0000001f,2px 2px 2px #00000024,1px 1px 1px #0003;font-size:12px;font-weight:500;line-height:1.33}.modal__about-text{font-size:12px;line-height:1.66}.modal__info-buttons{gap:20px;display:flex}.modal__trailer{padding-bottom:56.25%;position:relative}.modal__trailer iframe{width:100%;height:100%;position:absolute;top:0;left:0}.modal__button{width:110px;height:44px;text-transform:uppercase;background-color:#fff;border:#0000;border-radius:5px;outline:1px solid #000;padding:3px 5px 0;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:1.33;transition:all 1s}.modal__button:hover,.modal__button:focus,.modal__button.button-active{color:#fff;cursor:pointer;background-color:#ff6b01;outline:#0000;transition:all .3s;box-shadow:8px 8px 8px 3px #0003,9px 9px 20px 2px #0006}@media screen and (min-width:768px){.modal{width:704px;height:auto;overflow:hidden}.modal__item{flex-direction:row;gap:20px;display:flex}.modal__button{width:125px}}@media screen and (min-width:768px) and (min-width:1200px){.modal{width:806px;height:auto;overflow:hidden}}.fixed{z-index:999;position:fixed;bottom:0;left:0;right:0}.footer{width:100%;height:100px;text-align:center;background-color:#f7f7f7;justify-content:center;align-items:center;margin:auto;display:flex}.footer__wrapper{width:100%}.footer__title{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.footer__titleBox{display:flex}.footer__titleCopy{color:#545454;font-size:16px;font-weight:400;line-height:1.18}.footer__icon{vertical-align:-1px;fill:#ff6b08}@media screen and (min-width:768px){.footer{height:80px}.footer__title{flex-direction:row;gap:3px}}.lds-ring{flex-direction:column;justify-content:center;align-items:center;gap:40px;padding-top:10px;display:flex}.loader{width:78px;height:78px;box-sizing:border-box;background:#fff;border:8px solid #131a1d;border-radius:50%;margin:auto;animation:10s infinite eyeZoom;position:relative;overflow:hidden}.loader:after{content:"";width:100%;height:100%;z-index:5;box-sizing:border-box;background:#263238;border-bottom:8px solid #131a1d;animation:3s infinite eyeShade;position:absolute;top:-50%;left:0}.loader:before{content:"";width:32px;z-index:2;height:32px;background:#111;border-radius:50%;animation:3s infinite eyeMove;position:absolute;bottom:15px;left:20px}.loader__text{color:#000;max-width:500px;font-size:15px;font-style:italic;line-height:1.5}.loader__text-font{color:red;font-family:Roboto,sans-serif;font-size:20px;font-style:normal}@keyframes eyeZoom{0%{transform:scale(0)}40%{transform:scale(1.7)}65%{transform:scale(1.6)}80%{transform:scale(.4)}90%{transform:scale(0)}to{transform:scale(0)}}@keyframes eyeShade{0%{transform:translateY(0)}20%{transform:translateY(5px)}40%,50%{transform:translateY(-5px)}60%{transform:translateY(-8px)}75%{transform:translateY(5px)}to{transform:translateY(10px)}}@keyframes eyeMove{0%{transform:translate(0)}20%{transform:translateY(5px)}40%,50%{transform:translateY(-5px)}60%{transform:translate(-10px,-5px)}75%{transform:translate(-20px,5px)}to{transform:translateY(10px)}}.hidden-in-library{display:none}.library__title{font-size:1.2em}
/*# sourceMappingURL=library.b94fc030.css.map */