html{scroll-behavior:smooth;font-size:12px}body{color:#fff;background-color:#fff;margin:0;font-family:Roboto,sans-serif;font-weight:500}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif}*{margin:0;padding:0}ul{list-style:none}img{max-width:100%;height:auto;display:block}button:hover{cursor:pointer}a{font-family:Roboto,sans-serif;text-decoration:none}output{font-family:Roboto,sans-serif}.container,.covers-container{width:100%;margin:0 auto;padding:0 20px;transition:all .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:320px){.container,.covers-container{width:320px}}@media screen and (min-width:768px){.container,.covers-container{width:768px;padding:0 32px}}@media screen and (min-width:1280px){.container,.covers-container{width:1280px}}@media screen and (min-width:768px){.header-logo-nav-container{padding-bottom:45px}.header-logo-nav-container_title{font-size:30px;display:block}.header-logo-nav-container_logo{gap:10px}}@media screen and (min-width:1280px){.header-logo-nav-container_logo{gap:12px}}.header-main{width:100%;background-image:url(header-home-mobile-background@1x.3dabdd54.jpg);background-size:cover;padding-top:40px;padding-bottom:92px}@media screen and (min-resolution:2dppx),(min-device-pixel-ratio:2){.header-main{background-image:url(header-home-mobile-background@2x.218945a1.jpg)}}.header-main_container{justify-content:space-between;align-items:center;gap:115px;margin:auto;padding-bottom:56px;display:flex}.header-main_logo{justify-content:center;align-items:center;font-size:0;display:flex}.header-main_logo-icon{display:block}.header-main_title{font-weight:500;display:none}.header-main_nav{width:-moz-fit-content;width:-moz-fit-content;width:fit-content;flex-direction:row;justify-content:center;align-items:center;gap:39px;display:flex}.header-main_link{color:#fff}.header-main_link:hover{border-bottom:3px solid #ff001b}.header-main_search-container{width:-moz-fit-content;width:-moz-fit-content;width:fit-content;flex-direction:column;margin:auto;position:relative}.header-main_search-form{display:contents}.header-main_input{color:#fff;width:280px;color:inherit;background-color:#0000;border:none;border-bottom:.5px solid #fff;padding-bottom:7px;font-size:1.16rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.header-main_input::placeholder{color:#fff;font-size:14px}.header-main_input:focus{outline:none}.header-main_input:focus::placeholder{color:#0000}.header-main_search-btn{background-color:#0000;border:none;position:absolute;top:0;right:0}.header-main_message{color:#ff001b;min-width:280px;font-size:14px;font-weight:400;line-height:16px;display:block;position:absolute;top:160px;left:50%;transform:translate(-50%)}@media screen and (min-width:768px){.header-main{background-image:url(header-home-tablet-background@1x.eef66ff7.jpg)}}@media screen and (min-width:768px) and (min-resolution:2dppx),screen and (min-width:768px) and (min-device-pixel-ratio:2){.header-main{background-image:url(header-home-tablet-background@2x.5543bc90.jpg);padding-bottom:80px}}@media screen and (min-width:768px){.header-main_title{font-size:30px;display:block}.header-main_logo{gap:10px}.header-main_message{width:-moz-fit-content;width:-moz-fit-content;width:-moz-fit-content;width:fit-content;max-width:708px;top:170px}.header-main_input{min-width:336px}}@media screen and (min-width:1280px){.header-main{background-image:url(header-home-desktop-background@1x.1146f7dc.jpg)}}@media screen and (min-width:1280px) and (min-resolution:2dppx),screen and (min-width:1280px) and (min-device-pixel-ratio:2){.header-main{background-image:url(header-home-desktop-background@2x.3f8a138a.jpg)}}@media screen and (min-width:1280px){.header-main_input{min-width:394px}}.header-logo-nav-container{justify-content:space-between;align-items:center;gap:115px;margin:auto;padding-bottom:56px;display:flex}.header-logo-nav-container_logo{justify-content:center;align-items:center;font-size:0;display:flex}.header-logo-nav-container_logo-icon{color:inherit;justify-content:center;align-items:center;gap:4px;display:flex}.header-logo-nav-container_title{font-weight:500;line-height:35px;display:none}.header-logo-nav-container_nav{width:-moz-fit-content;width:-moz-fit-content;width:fit-content;flex-direction:row;justify-content:center;align-items:center;gap:39px;display:flex}.header-logo-nav-container_link{color:#fff;font-family:Roboto,sans-serif;font-size:1.2rem;line-height:14px;display:inline-block;position:relative}.header-logo-nav-container_link:after{content:"";width:100%;height:3px;transform-origin:bottom;background-color:red;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.header-logo-nav-container_link:hover:after{transform-origin:bottom;transform:scaleX(1)}@media screen and (min-width:768px){.header-logo-nav-container{padding-bottom:45px}.header-logo-nav-container_title{font-size:30px;display:block}.header-logo-nav-container_logo{gap:10px}}@media screen and (min-width:1280px){.header-logo-nav-container_logo{gap:12px}}.header-my-library{width:100%;background-image:url(header-library-mobile-background@1x.3987dad3.jpg);background-size:cover;padding-top:40px;padding-bottom:62px}@media screen and (min-resolution:2dppx),(min-device-pixel-ratio:2){.header-my-library{background-image:url(header-library-mobile-background@2x.9fbcca59.jpg)}}.header-my-library_buttons{justify-content:center;align-items:center;gap:20px;display:flex}.header-my-library_btn{color:#fff;width:129.5px;height:44px;background-color:#0000;border:1px solid #fff;border-radius:5px;font-weight:500;line-height:16px}.header-my-library_btn:focus,.header-my-library_btn:hover{background-color:#ff6b08;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 43px #ff6b0199}.hidden{display:none}@media screen and (min-width:768px){.header-my-library{background-image:url(header-library-tablet-background@1x.e0e7825d.jpg)}}@media screen and (min-width:768px) and (min-resolution:2dppx),screen and (min-width:768px) and (min-device-pixel-ratio:2){.header-my-library{background-image:url(header-library-tablet-background@2x.890cf7a9.jpg)}}@media screen and (min-width:768px){.header-my-library_buttons{gap:32px}.header-my-library_btn{width:152px}}@media screen and (min-width:1280px){.header-my-library{background-image:url(header-library-desktop-background@1x.1c904152.jpg)}}@media screen and (min-width:1280px) and (min-resolution:2dppx),screen and (min-width:1280px) and (min-device-pixel-ratio:2){.header-my-library{background-image:url(header-library-desktop-background@2x.ec627b05.jpg)}}@media screen and (min-width:1280px){.header-my-library_buttons{gap:16px}.header-my-library_btn{width:147px;height:42px}}.covers-container{min-height:calc(100vh - 324px);justify-content:center;align-items:center;gap:20px;align-items:inherit;flex-wrap:wrap;padding:60px 20px;display:flex}.cover__container{width:280px;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.cover__container:hover{cursor:pointer}.cover__container:hover .cover__label{opacity:1;margin:0}.cover__container:hover .cover__image{filter:brightness(60%)}.cover__container:hover .cover__figcaption{transform:scale(.93)translateY(2px)}.cover__image{width:100%;height:100%;object-fit:cover;border-radius:5px;transition:all .25s cubic-bezier(.4,0,.2,1)}.cover__image:hover{transform:scale(1.02);box-shadow:0 1px 1px #0000001f,3px 3px 5px #00000026}.cover__label{z-index:10;opacity:0;color:#fff;color:#fff;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cover__figcaption{flex-direction:column;justify-content:center;align-items:flex-start;padding-top:10px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.cover__figcaption-title{color:#000}@media screen and (min-width:1280px){.cover__figcaption{line-height:16px}}.cover__figcaption-movie-data{height:33px;color:#ff6b08}@media screen and (min-width:1280px){.cover__figcaption-movie-data{line-height:16px}}.cover__figcaption-rating{color:#fff;background-color:#ff6b08;border-radius:25%;padding:1px 4px;display:inline-block}@media screen and (min-width:768px){.covers__container{gap:32px}.cover__container{width:336px}}@media screen and (min-width:1280px){.covers__container{gap:16px}.cover__container{width:395px}}.footer{height:100px;color:#545454;background-color:#f7f7f7;justify-content:center;align-items:center;display:flex}.container-footer{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.footer__details{padding-block:5px;padding-inline:2px;font-size:14px;font-weight:400;line-height:16.41px}.students{cursor:pointer;font-family:system-ui;text-decoration:underline}@media screen and (min-width:768px){.container-footer{height:79px}}.genres{color:#545454;border-top:1px solid #0000;margin-inline:5px;font-size:1.1rem;font-style:italic;font-weight:300;line-height:1.5;transition:all .25s cubic-bezier(.4,0,.2,1)}.genres:hover{cursor:pointer;color:#ff6b08;border-top:1px solid #ff6b08}.genres:active{color:#ff6b08;border-top:1px solid #ff6b08}.container-genres{flex-wrap:wrap;justify-content:space-evenly;padding-top:15px;display:flex}.hidden-mobile{display:none}@media screen and (min-width:1280px){.hidden-mobile{display:flex}}.hidden-mobile_tablet{display:none}@media screen and (min-width:768px){.hidden-mobile_tablet{display:flex}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-spinner svg{width:60px;height:60px;color:#ff6b08;animation:1s linear infinite rotate}.cookies{width:100%;z-index:9998;max-height:15vh;background-color:#f2f2f2;font-size:10px;display:none;position:fixed;bottom:0;left:0;overflow-y:auto}@media screen and (min-width:1280px){.cookies{font-size:12px}}.cookies__info{text-align:center;color:#000;line-height:1.33}.cookies__info--extra{display:none}@media screen and (min-width:768px){.cookies__info--extra{display:inline}}.cookies__info-wrapper{max-width:300px;flex-direction:column;gap:8px;margin:0 auto;padding:10px;display:flex}@media screen and (min-width:768px){.cookies__info-wrapper{max-width:728px}}@media screen and (min-width:1280px){.cookies__info-wrapper{max-width:1260px}}.cookies__btn{color:#fff;cursor:pointer;background-color:#2ecc71;border:none;border-radius:5px;margin:0 auto;padding:6px 12px;display:block}@media screen and (min-width:768px){.cookies__btn{padding:8px 16px}}.pagination-container{justify-content:center;margin-top:20px;margin-bottom:20px;display:flex}.pagination-button{color:#000;cursor:pointer;background-color:#0000;border:none;align-items:center;margin:0 5px;padding:8px 12px;font-size:12px;font-weight:500;line-height:16px;display:flex}.pagination-button:hover,.pagination-button:active{color:#fff;background-color:#ff6b08;border-radius:5px}.pagination-ellipsis{color:#000;margin-top:auto;margin-left:5px;margin-right:5px;padding:8px 12px}.details-modal{z-index:1;width:100vw;height:100vh;scrollbar-width:thin;scrollbar-color:transparent transparent;background-color:#00000080;padding-bottom:20px;display:none;position:fixed;top:0;left:0;overflow:auto}@media screen and (min-width:768px){.details-modal{padding-top:180px}}.details{color:#000;max-width:280px;background-color:#fff;border-radius:5px;flex-direction:column;gap:20px;margin:20px auto 0;padding:48px 20px 40px;font-family:Roboto,sans-serif;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}@media screen and (min-width:768px){.details{max-width:704px;flex-direction:row;gap:68px;padding:40px 36px}}@media screen and (min-width:1280px){.details{max-width:806px;gap:16px;padding:40px 12px}}.details__cover{max-width:240px;border-radius:5px;overflow:hidden}@media screen and (min-width:768px){.details__cover{max-width:-moz-fit-content;max-width:-moz-fit-content;max-width:fit-content;min-width:264px}}@media screen and (min-width:1280px){.details__cover{min-width:375px}}.details__cover-wrapper{flex-direction:column;align-items:center;gap:10px;display:flex}.details__title{text-transform:uppercase;font-size:20px;line-height:1.15}@media screen and (min-width:1280px){.details__title{font-size:30px}}.details__content{flex-direction:column;gap:20px;font-size:12px;line-height:1.33;display:flex}.details__info-wrapper:not(:first-child) .details__info--secoundary,.details__info-wrapper:not(:first-child) .details__info--primary{padding-top:8px}.details__info--primary{text-align:left;vertical-align:top}.details__info--secoundary{color:#8c8c8c;min-width:108px;text-align:left;vertical-align:top}.details__info--special{color:#fff;background-color:#ff6b08;border-radius:5px;padding:2px 10px}.details__about-wrapper{flex-direction:column;gap:8px;display:flex}.details__about-title{text-transform:uppercase;text-transform:uppercase}.details__about-content{line-height:1.67}.details__btn-wrapper{gap:20px;display:flex}@media screen and (min-width:768px){.details__btn-wrapper{gap:15px}}@media screen and (min-width:1280px){.details__btn-wrapper{padding-left:8px}}.details__btn{text-transform:uppercase;width:110px;height:44px;background-color:#fff;border:1px solid #000;border-radius:5px;justify-content:center;align-items:center;padding:6px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}@media screen and (min-width:768px){.details__btn{width:125px}}@media screen and (min-width:1280px){.details__btn{width:136px}}.details__btn:hover,.details__btn:focus{color:#fff;background-color:#ff6b08;border:1px solid #fff;transform:scale(1.1)}.details__btn:active{transform:scale(1)}.details__btn--trailer{width:100%}@media screen and (min-width:1280px){.details__btn--trailer{width:95%}}.details__close{width:30px;height:30px;cursor:pointer;color:#000;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:30px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:8px;right:8px}.details__close:hover{color:#ff001b;transform:scale(1.1)}.team{color:#545454;justify-content:center;display:flex}.team_header{color:#ff6b08;letter-spacing:.04em;padding-top:.7em;font-size:2.5rem}.team_list{flex-wrap:wrap;gap:30px;padding:20px 30px}.team_names{padding-block:15px}.modal-btn--container{width:100%;justify-content:flex-end;display:flex}.modal-btn{background-color:#0000;border:none;padding-top:15px;padding-right:15px;position:fixed}.modal-btn-icon{transition:all .25s cubic-bezier(.4,0,.2,1)}.modal-btn-icon:hover{transform:rotate(180deg)}.picture{width:200px}.box__image{box-sizing:border-box;text-align:center;background-color:var(--active-text-color);text-align:center;cursor:pointer;border:1px solid #eee;border-radius:0 0 4px 4px;justify-content:center;gap:30px;margin:0;transition-property:box-shadow;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001f,0 1px 1px #00000024,0 2px 1px #0003}.overlay{position:relative;overflow:hidden}.img-content{color:#fff;text-align:left;width:100%;height:100%;background:#ff6b08;padding-block:20px;padding-inline:24px;font-size:13px;font-weight:400;line-height:1.3;transition:top .25s cubic-bezier(.4,0,.2,1);position:absolute;top:100%}.box__image:hover .img-content{cursor:pointer;top:0}.backdrop{width:100vw;height:100vh;z-index:2;background-color:#0006;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.is-hidden{display:none}.modal-content{height:90%;width:80%;max-width:1280px;max-height:calc(100vh - 110px);background-color:#f7f7f7;border-radius:3px;flex-direction:column;justify-content:flex-start;align-items:center;margin:auto;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow-y:auto}.basicLightbox{width:100%;height:100vh;opacity:.01;z-index:1000;will-change:opacity;background:#000c;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.basicLightbox--visible{opacity:1}.basicLightbox__placeholder{max-width:100%;z-index:1;will-change:transform;transition:transform .4s;transform:scale(.9)}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{max-width:95%;max-height:95%;margin:auto;display:block;position:absolute;inset:0}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--iframe .basicLightbox__placeholder,.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder{width:100%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{transform:scale(1)}
/*# sourceMappingURL=index.4c00e28e.css.map */
