:root{--color-brand:#ff6b08;--color-error:#ff001b;--color-main-dark:#000;--color-main-light:#fff;--color-add-light:#f7f7f7;--color-add-dark:#545454;--color-logo:#818181;--font:"Roboto",sans-serif;--font-weight:500;--timing-function:cubic-bezier(0.4,0,0.2,1);--effect-duration:300ms;--shadow:1px 1px 13px rgba(255,107,8,0.5);--shadow-dark:1px 1px 13px hsla(0,0%,50.6%,0.5)}body{background-color:var(--color-main-light);color:var(--color-main-dark);font-family:var(--font);font-weight:var(--font-weight);position:relative}img{display:block;max-width:100%;height:auto}a{text-decoration:none}ul{list-style:none}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}.container{display:block;margin:0 auto;width:320px;padding:0 20px}@media screen and (min-width:768px){.container{width:768px;padding:0 76px}}@media screen and (min-width:1024px){.container{width:1024px;padding:0 71px}}.main-page-header,.my-lib-header{height:230px;background-size:contain;background-repeat:no-repeat;background-position:50%;margin-bottom:20px}@media screen and (min-width:768px){.main-page-header,.my-lib-header{margin-bottom:60px}}.main-page-header{background-color:var(--color-main-dark);background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/contents/header-bg-img320.fecb40eb.jpg)}@media screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx),screen and (min-resolution:192dpi){.main-page-header{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/contents/header-bg-img320@2x.d6c5254b.jpg)}}@media screen and (min-width:768px){.main-page-header{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/contents/header-bg-img768.bbba2c1b.jpg)}}@media screen and (min-device-pixel-ratio:2) and (min-width:768px),screen and (min-resolution:2dppx) and (min-width:768px),screen and (min-resolution:192dpi) and (min-width:768px){.main-page-header{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/contents/header-bg-img768@2x.fdb6d897.jpg)}}@media screen and (min-width:1024px){.main-page-header{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/contents/header-bg-img1024.14ecfa5a.jpg)}}@media screen and (min-device-pixel-ratio:2) and (min-width:1024px),screen and (min-resolution:2dppx) and (min-width:1024px),screen and (min-resolution:192dpi) and (min-width:1024px){.main-page-header{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/contents/header-bg-img1024@2x.46cc74d7.jpg)}}.my-lib-header{background-color:var(--color-main-dark);background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/contents/my-lib-header-bg320.8560a2b2.jpg)}@media screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx),screen and (min-resolution:192dpi){.my-lib-header{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/contents/my-lib-header-bg320@2x.9b1ff03b.jpg)}}@media screen and (min-width:768px){.my-lib-header{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/contents/my-lib-header-bg768.de4559a0.jpg)}}@media screen and (min-device-pixel-ratio:2) and (min-width:768px),screen and (min-resolution:2dppx) and (min-width:768px),screen and (min-resolution:192dpi) and (min-width:768px){.my-lib-header{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/contents/header-bg-img768@2x.fdb6d897.jpg)}}@media screen and (min-width:1024px){.my-lib-header{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/contents/my-lib-header-bg1024.6356bc43.jpg)}}@media screen and (min-device-pixel-ratio:2) and (min-width:1024px),screen and (min-resolution:2dppx) and (min-width:1024px),screen and (min-resolution:192dpi) and (min-width:1024px){.my-lib-header{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/contents/my-lib-header-bg1024@2x.93927339.jpg)}}.site-nav{display:flex;margin-bottom:15px}.menu{display:flex;margin-left:auto}.menu>li{margin-left:40px}.logo-icon{margin-left:10px;fill:var(--color-logo);transition:fill var(--effect-duration) var(--timing-function)}.logo-link{color:var(--color-main-light);padding:41px 0 20px}.logo-link:hover .logo-icon{fill:var(--color-brand)}.menu-link{color:var(--color-main-light);position:relative;display:block;padding:58px 0 20px;text-transform:uppercase;font-size:12px;line-height:1.17;transition:color var(--effect-duration) var(--timing-function)}.menu-link:hover{color:var(--color-logo)}.current-page:after{content:"";background-color:var(--color-brand);position:absolute;bottom:2;display:block;width:101%;height:3px}.logo-name{font-size:30px;line-height:1.17}@media screen and (max-width:767px){.logo-name{display:none}}.form-container{margin-left:auto;margin-right:auto;margin-bottom:25px;position:relative;width:280px}@media screen and (min-width:768px){.form-container{width:336px}}.search-input{outline:none;background-color:transparent;color:var(--color-main-light);border:none;margin-right:auto;width:255px;font-size:14px;line-height:1.14;font-weight:400}.search-input::placeholder{color:var(--color-main-light)}@media screen and (min-width:768px){.search-input{width:311px}}.search-form{display:flex}.search-form:after{position:absolute;content:"";background-color:var(--color-main-light);display:block;width:280px;height:.5px;bottom:0;left:0}@media screen and (min-width:768px){.search-form:after{width:336px}}.search-btn{background-color:transparent;border:none;cursor:pointer}.search-btn-icon{fill:var(--color-main-light)}.search-notification{text-align:center;color:red;font-weight:400;font-size:14px;line-height:1.14}.filter-buttons-container{margin-left:auto;margin-right:auto;margin-bottom:25px;width:280px;display:flex;justify-content:space-between}.filter-button{color:var(--color-main-light);background-color:var(--color-brand);border-color:transparent;padding:14px 10px;min-width:130px;border-radius:5px;border-width:.5px;font-size:12px;line-height:1.33;font-weight:500;text-align:center;text-transform:uppercase;transition:box-shadow var(--effect-duration) var(--timing-function),transform var(--effect-duration) var(--timing-function)}.filter-button:disabled{background-color:transparent;box-shadow:none;border-color:var(--color-main-light)}.filter-button:focus,.filter-button:hover{box-shadow:var(--shadow);transform:scale(1.05)}.films{min-height:420px;display:grid;grid-template-columns:1fr;gap:20px;align-content:center;margin-bottom:40px}@media screen and (min-width:768px){.films{grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:50px}}@media screen and (min-width:1024px){.films{grid-template-columns:repeat(6,1fr);grid-auto-columns:274px;flex:1 1 auto}}.film-card{width:280px;height:440px;border-radius:5px;transition:transform var(--effect-duration) var(--timing-function)}@media screen and (min-width:1024px){.film-card{width:274px;grid-column:span 2}.film-card:last-child:nth-child(3n-1){grid-column-end:-2}.film-card:nth-last-child(2):nth-child(3n+1){grid-column-end:4}.film-card:last-child:nth-child(3n-2){grid-column-end:5}}.film-card:hover{transform:scale(1.05)}.film-card-img{width:280px;height:400px;margin-bottom:10px;border-radius:5px}@media screen and (min-width:768px){.film-card-img{width:294px;height:398px}}@media screen and (min-width:1024px){.film-card-img{width:274px}}.film-link{font-weight:500}.film-name{color:var(--color-main-dark);line-height:1.17;text-transform:uppercase}.film-info,.film-name{font-weight:500;font-size:12px}.film-info{color:var(--color-brand);line-height:1.33;margin-right:10px}.film-raiting{background-color:var(--color-brand);color:var(--color-main-light);font-weight:500;font-size:12px;line-height:1.33;border-radius:5px;padding:1px 6px}.film-year{margin-left:5px}.film-genres{margin-right:5px}.pages{display:flex;justify-content:center;margin-bottom:40px}@media screen and (min-width:768px){.pages{margin-bottom:60px}}.forward-arrow{transform:rotate(180deg)}.backward-arrow,.forward-arrow{fill:currentColor}.arrow-button{width:40px;height:40px;padding:10px;background-color:var(--color-add-light);border:none;border-radius:5px;cursor:pointer;transition:background-color var(--effect-duration) var(--timing-function),color var(--effect-duration) var(--timing-function)}.arrow-button:hover{background-color:var(--color-add-dark);color:var(--color-main-light)}.page-inscriprion,.pages-number{margin:0 10px;align-self:center;color:var(--color-add-dark);font-weight:400;font-size:14px;line-height:1.14}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.page-input{width:50px;text-align:center;background-color:transparent;border-radius:5px;border-color:var(--color-add-dark);border-style:solid}.page-input:active,.page-input:focus{outline:none;border-color:var(--color-brand)}.footer{background-color:var(--color-add-light);width:100%;padding:30px 40px}.heart-icon{fill:var(--color-brand);margin:3px 3px 0}.copyright{color:var(--color-add-dark);font-weight:400;font-size:14px;line-height:1.14;text-align:center}.footer-link{color:var(--color-brand)}.modal-bg{display:block;height:1100px;background-color:hsla(0,0%,50.6%,.5);position:fixed;top:0;left:0;border-bottom:0;right:0;transition:opacity .5s var(--timing-function)}.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.close-btn{padding:0;border:none;background-color:transparent;cursor:pointer;position:absolute;top:10px;right:10px}.modal-container{background-color:var(--color-main-light);width:280px;height:600px;position:relative;top:20px;left:50%;transform:translate(-50%) scale(1);padding:40px 20px 20px;transition:transform .5s var(--timing-function)}@media screen and (min-width:768px){.modal-container{width:620px;height:562px;position:absolute;left:50%;top:230px;padding:40px 30px}}@media screen and (min-width:1024px){.modal-container{width:884px;height:568x;top:100px;padding:50px 30px}}.modal-bg.is-hidden .modal-container{transform:translate(-50%,-50%) scale(.5)}@media screen and (min-width:768px){.film-info--align{display:flex}}.film-info__img{border-radius:5px}@media screen and (max-width:767px){.film-info__img{display:none}}@media screen and (min-width:768px){.film-info__img{width:264px;height:374px;margin-right:30px;margin-bottom:30px}}@media screen and (min-width:1024px){.film-info__img{width:396px;height:478px}}.movie-title{font-weight:500;font-size:20px;line-height:1.15;text-transform:uppercase;margin-bottom:20px}@media screen and (min-width:1024px){.movie-title{font-size:30px;line-height:1.17}}.film-info__details--container{margin-bottom:20px}.film-info__details{color:var(--color-add-dark);font-size:12px;line-height:1.33}.film-info__details--elem{position:relative;margin-bottom:10px}.details__value{position:absolute;left:90px;bottom:0}.details__value,.subtitle{font-size:12px;line-height:1.33}.subtitle{text-transform:uppercase;margin-bottom:10px}.film-description{font-size:12px;line-height:1.67;margin-bottom:20px}.buttons-container{margin-left:auto;margin-right:auto;width:240px;display:flex;justify-content:space-between}@media screen and (min-width:768px){.buttons-container{width:265px}}@media screen and (min-width:1024px){.buttons-container{width:287px;margin:0}}.film-button{color:var(--color-main-light);background-color:var(--color-brand);border-color:transparent;height:44px;width:112px;border-radius:5px;font-size:12px;line-height:1.33;font-weight:500;text-align:center;text-transform:uppercase;transition:transform .2s var(--timing-function)}@media screen and (min-width:768px){.film-button{width:125px}}@media screen and (min-width:1024px){.film-button{width:136px}}.film-button.added{background-color:transparent;box-shadow:none;border-color:var(--color-add-dark);color:var(--color-add-dark)}.film-button:focus,.film-button:hover{transform:scale(1.05)}
/*# sourceMappingURL=/contents/src.6b68bb99.css.map */