*,: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,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,-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{--main-font:"Roboto",sans-serif;--color-black:#000;--color-white:#fff;--color-gray:#8c8c8c;--color-accent:#b92f2c;--color-bg:#f7f7f7;--animation:250ms cubic-bezier(.4,0,.2,1)}@font-face{font-family:Roboto;src:url(Roboto-Regular.33edf6e3.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-Medium.fa32b34f.ttf)format("truetype");font-weight:500;font-style:normal}h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0;list-style:none}img{max-width:100%;height:auto;object-fit:cover;object-position:center;display:block}a{text-transform:none;color:inherit;text-decoration:none}body{min-height:100vh;font-family:var(--main-font);flex-direction:column;font-size:12px;font-style:normal;font-weight:500;display:flex}main{flex-grow:1}footer{flex-shrink:0}button{cursor:pointer;margin:0;padding:0;font-family:inherit}.container{width:100%;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}}@media screen and (min-width:1280px){.container{max-width:1280px}}.visually-hidden{white-space:nowrap;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.header{padding-top:20px;padding-bottom:20px}@media screen and (min-width:768px){.header{padding-top:32px;padding-bottom:32px}}.header-wrap{height:460px;background-color:#c4c4c4;background-image:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 65.37%),url(header-bg-mob-1x.a93da7d2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:15px;flex-direction:column;justify-content:space-between;padding:14px;display:flex}@media screen and (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.header-wrap{background-image:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 65.37%),url(header-bg-mob-2x.1ebafa3b.jpg)}}@media screen and (min-width:768px){.header-wrap{height:222px;background-image:linear-gradient(-273.67deg,rgba(0,0,0,.49) -2.09%,rgba(0,0,0,0) 99.83%),url(header-bg-tabl-1x.c3ad0c12.jpg);padding:16px;position:relative}}@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:2x){.header-wrap{background-image:linear-gradient(-273.67deg,rgba(0,0,0,.49) -2.09%,rgba(0,0,0,0) 99.83%),url(header-bg-tabl-2x.eac5925e.jpg)}}@media screen and (min-width:1280px){.header-wrap{height:316px;background-image:linear-gradient(-273.67deg,rgba(0,0,0,.49) -2.09%,rgba(0,0,0,0) 99.83%),url(header-bg-desk-1x.b4f7cae5.jpg);padding:16px 32px}}@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:2x){.header-wrap{background-image:linear-gradient(-273.67deg,rgba(0,0,0,.49) -2.09%,rgba(0,0,0,0) 99.83%),url(header-bg-desk-2x.00c19887.jpg)}}@media screen and (min-width:768px){.header-nav{gap:4px;display:flex}}@media screen and (min-width:1280px){.header-nav{gap:8px}}.search-form{margin-top:8px;position:relative}.search-form ::-ms-input-placeholder{color:var(--color-black)}.search-form ::placeholder{color:var(--color-black)}@media screen and (min-width:768px){.search-form{order:0;margin-top:0}}.form-input{width:100%;color:var(--color-black);border:none;border-radius:100px;padding-top:10px;padding-bottom:10px;padding-left:14px;font-size:12px;font-weight:400;line-height:1.16667}@media screen and (min-width:768px){.form-input{margin:0;padding:11px 38px 11px 16px;font-size:14px;line-height:1.14286}}@media screen and (min-width:1280px){.form-input{padding-top:13px;padding-bottom:13px;padding-right:38px}}.icon-input{stroke:var(--color-black);fill:none;background-color:rgba(0,0,0,0);border:none;position:absolute;top:10px;right:10px}.icon-input:focus,.icon-input:hover{scale:1.2}@media screen and (min-width:768px){.icon-input{right:13px}}@media screen and (min-width:1280px){.icon-input{top:13px;right:16px}}.header-logo-wrap{text-align:center}@media screen and (min-width:768px){.header-logo-wrap{text-align:left}}.header-logo{align-items:center;margin-bottom:20px;display:inline-flex}@media screen and (min-width:768px){.header-logo{margin-bottom:16px}}@media screen and (min-width:1280px){.header-logo{margin-bottom:32px}}.header-logo:hover{transition:transform .25s cubic-bezier(.4,0,.2,1);transform:scale(1.01)}.library-logo{margin-bottom:16px}@media screen and (min-width:768px){.library-logo{margin-bottom:16px}}@media screen and (min-width:1280px){.library-logo{margin-bottom:32px}}.header__logo-icon{width:32px;height:32px;margin-right:8px}@media screen and (min-width:768px){.header__logo-icon{width:40px;height:40px;margin-right:8px}}@media screen and (min-width:1280px){.header__logo-icon{width:59px;height:59px;margin-right:16px}}.text-logo{color:var(--color-white);font-size:32px;font-weight:500;line-height:1.1875}@media screen and (min-width:768px){.text-logo{font-size:40px;font-weight:500;line-height:1.175}}@media screen and (min-width:1280px){.text-logo{font-size:64px;font-weight:500;line-height:1.17188}}.btn{max-width:150px;color:var(--color-black);background-color:var(--color-white);text-transform:uppercase;border:solid 1px var(--color-black);border-radius:100px;font-size:12px;font-weight:500;line-height:1.16667;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2)}.btn:hover{transition:transform .25s cubic-bezier(.4,0,.2,1);transform:scale(1.03)}.btn-home{padding:10px 26px}@media screen and (min-width:768px){.btn-home{padding:12px 24px}}@media screen and (min-width:1280px){.btn-home{padding:14px 32px}}.btn-mylibrary{padding:10px 22px}@media screen and (min-width:768px){.btn-mylibrary{padding:12px 20px}}@media screen and (min-width:1280px){.btn-mylibrary{padding:14px 24px}}.btn-wrap{margin-bottom:24px}@media screen and (min-width:768px){.btn-wrap{position:absolute;top:16px;right:16px}}@media screen and (min-width:1280px){.btn-wrap{right:32px}}.btn-watched{margin-right:4px;padding:10px 23px}@media screen and (min-width:768px){.btn-watched{margin-right:8px}}.btn-queue{margin:0;padding:10px 24px}.btn-load-more{min-width:160px;margin-top:60px;margin-left:auto;margin-right:auto;padding:12px 23px;display:block}.modal-btn{margin-top:20px;margin-bottom:40px}@media screen and (min-width:768px){.modal-btn{margin-bottom:64px}}.btn-add-to{min-width:160px;padding-left:0;padding-right:0}.btn-active{color:var(--color-white);background-color:#b92f2c;border:none}.btn-black{color:var(--color-white);background-color:var(--color-black)}@media screen and (min-width:768px){.movie-list{flex-wrap:wrap;gap:32px;display:flex}}@media screen and (min-width:1280px){.movie-list{gap:16px}}.movie-item{cursor:pointer;transition:transform var(--animation);margin-top:20px;transform:scale(1)}.movie-item:hover{transform:scale(1.02)}@media screen and (min-width:768px){.movie-item{flex-basis:calc(50% - 16px);margin-top:32px}}@media screen and (min-width:1280px){.movie-item{flex-basis:calc(25% - 12px)}}.movie-card-thumb img{border-radius:7px}.movie-content{padding-top:10px}@media screen and (min-width:768px){.movie-content{padding-top:8px}}@media screen and (min-width:1280px){.movie-content{padding-top:12px}}.movie-title,.movie-genre{text-transform:uppercase;color:var(--color-black);font-size:12px;line-height:1.16667}@media screen and (min-width:768px){.movie-title,.movie-genre{font-size:12px;line-height:1.33333}}@media screen and (min-width:1280px){.movie-title,.movie-genre{font-size:20px;line-height:1.2}}.movie-genre{color:var(--color-accent)}.footer{text-align:center;background:#f7f7f7;margin-top:60px}.text-footer{color:#545454;padding:30px 0;font-size:16px;font-weight:400;line-height:1.1875}.text-footer a{text-decoration:underline}.text-footer a:hover{color:var(--color-accent)}body.show-modal .backdrop{opacity:1;visibility:visible;pointer-events:initial}body.show-modal .modal{transform:scale(1)}.stop-scroll{overflow:hidden}.backdrop{width:100vw;height:100vh;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--animation),visibility var(--animation);background-color:rgba(0,0,0,.4);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal{max-width:380px;width:calc(100% - 20px);height:calc(100% - 120px);background-color:var(--color-white);transition:transform var(--animation);border-radius:5px;padding:30px 20px;position:relative;overflow:auto;transform:scale(.98)}@media screen and (min-width:768px){.modal{max-width:none;width:704px;height:fit-content}}@media screen and (min-width:1280px){.modal{min-width:806px}}.btn-modal-close{z-index:1;stroke:var(--color-black);background-color:rgba(0,0,0,0);border:none;display:flex;position:absolute;top:4px;right:8px;transform:scale(1)}.btn-modal-close:hover,.btn-modal-close :focus{stroke:var(--color-accent);transition:transform var(--animation);transform:scale(1.1)}@media screen and (min-width:768px){.modal-article{gap:40px;display:flex}}@media screen and (min-width:1280px){.modal-article{gap:28px}}.modal-poster-wrap{max-width:220px;margin-bottom:20px;margin-left:auto;margin-right:auto}@media screen and (min-width:768px){.modal-poster-wrap{min-width:284px;margin-bottom:0}}@media screen and (min-width:1280px){.modal-poster-wrap{min-width:375px}}.modal-poster-img{width:100%;height:100%;border-radius:5px}.modal-movie-description{color:var(--color-black);margin-bottom:20px;line-height:1.33333;position:relative}@media screen and (min-width:768px){.modal-movie-description{margin-bottom:0}}.modal-movie-title{text-transform:uppercase;color:var(--color-black);margin-bottom:20px;font-size:20px;line-height:1.15}@media screen and (min-width:1280px){.modal-movie-title{font-size:30px;line-height:1.16667}}.modal-movie-descrn-list{margin-bottom:20px}.modal-movie-descrp-item{display:flex}.modal-movie-descrp-item:not(:last-child){margin-bottom:8px}.descrp-title,.descrp-text :nth-child(2){min-width:108px;color:var(--color-gray)}.descrp-text :first-child{color:var(--color-white);background-color:var(--color-accent);border-radius:5px;padding:1px 10px}.modal-movie-about-title{text-transform:uppercase;margin-bottom:8px;line-height:1.33333}.modal-movie-about-text{line-height:1.5}
/*# sourceMappingURL=index.036f255c.css.map */