*,: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}*{margin:0;padding:0}body,html{height:100%}body{background-color:var(--background-color);color:var(--primary-text-color);font-family:Roboto,sans-serif;font-size:12px}body.no-scroll{overflow:hidden}h1,h2,h3,h4,h5,h6,p,ul{margin:0}img{max-width:100%;display:block}button{background-color:#0000;border:none}.list{margin:0;padding-left:0;list-style:none}.link{color:inherit;text-decoration:none}ul,ol{list-style:none}a{color:inherit;text-decoration:none}.container{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media screen and (max-width:768px){.container{max-width:768px}}@media screen and (min-width:768px){.container{padding-left:32px;padding-right:32px}}@media screen and (min-width:1280px){.container{padding-left:16px;padding-right:16px}}.container-library{margin:0 auto;padding-left:20px;padding-right:20px}@media screen and (max-width:320px){.container-library{width:100%}}@media screen and (min-width:480px){.container-library{width:480px}}@media screen and (min-width:768px){.container-library{width:768px;padding-left:32px;padding-right:32px}}@media screen and (min-width:1280px){.container-library{width:1280px}}@media screen and (max-width:767px){.section-library{padding-top:20px;padding-bottom:40px}}@media screen and (min-width:768px){.section-library{padding-top:60px;padding-bottom:60px}}.btn-up{background-color:var(--main-accent-color);cursor:pointer;width:60px;height:50px;border-top-left-radius:8px;border-top-right-radius:8px;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;right:20px}.btn-up:before{content:"";width:40px;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.btn-up_hide{display:none}@media (hover:hover) and (pointer:fine){.btn-up:hover{background-color:#da5b06;box-shadow:0 8px 43px #ff6b0199}}.backdrop-film{z-index:888;width:100%;height:100%;opacity:1;visibility:visible;pointer-events:auto;overflow:overlay;position:fixed;top:0;left:0}@media screen and (max-width:1199px){.backdrop-film{background-color:#00000040}}.backdrop-film.is-hidden .modal-film{transform:translate(-50%,-50%)scale(.7)}.no-scroll{overflow:hidden}.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.modal-film{box-shadow:0px 0px 20px var(--main-accent-color);background-color:var(--background-color);width:806px;height:558px;padding:40px 12px;transition:box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)scale(1)}@media screen and (max-width:319px){.modal-film{width:90vw;display:block}}@media screen and (min-width:320px) and (max-width:767px){.modal-film{width:-moz-fit-content;width:-moz-fit-content;width:fit-content;padding-top:48px;padding-left:20px;padding-right:20px;display:block}}@media screen and (min-width:768px) and (max-width:1199px){.modal-film{max-width:704px;padding-top:40px;padding-left:36px;padding-right:72px}}.modal-film__card{justify-content:center;display:flex}@media screen and (max-width:767px){.modal-film__card{margin:0;display:block}}.modal-film-card-wrapper{size:cover;background:url(poster.fd8c97a1.jpg) 50%/cover;border-radius:5px;margin-bottom:20px}@media screen and (min-width:320px) and (max-width:767px){.modal-film-card-wrapper{width:240px;height:357px}}@media screen and (min-width:768px) and (max-width:1199px){.modal-film-card-wrapper{min-width:264px;height:374px}}@media screen and (min-width:1200px){.modal-film-card-wrapper{min-width:375px;height:478px}}@media screen and (min-width:768px) and (max-width:1199px){.modal-film-card-wrapper{margin-right:68px}}@media screen and (min-width:1200px){.modal-film-card-wrapper{margin-right:20px}}.img-film__poster{background:url(poster.fd8c97a1.jpg) 50%/cover;border-radius:5px;display:block}@media screen and (min-width:320px) and (max-width:767px){.img-film__poster{width:240px;height:357px;margin:0}}@media screen and (min-width:768px) and (max-width:1199px){.img-film__poster{min-width:264px;height:374px}}@media screen and (min-width:1200px){.img-film__poster{min-width:375px;height:478px}}.modal-film__img{transition:transform .25s cubic-bezier(.4,0,.2,1);display:block}.img-film__poster:hover,.modal-film__img:hover{box-shadow:0px 0px 20px var(--main-accent-color);-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.03)}.player{width:420px;height:315px;margin-right:20px}@media screen and (max-width:477px){.player{width:100%;height:186px}}@media screen and (min-width:768px) and (max-width:1199px){.player{width:408px;height:293px}}.movie-info{flex-direction:column;display:flex}.film-title,.about-title{text-transform:uppercase;margin-bottom:20px}.film-title{font-family:Roboto;font-size:30px;font-style:normal;font-weight:500;line-height:35px}@media screen and (min-width:320px){.film-title{font-size:20px;line-height:23px}}@media screen and (min-width:768px) and (max-width:1199px){.film-title{font-size:20px;line-height:23px}}.film-title__list-film{flex-direction:column;margin-bottom:20px;display:flex}@media screen and (max-width:479px){.film-title__list-film{gap:8px;margin:0 0 20px;padding:0;list-style:none}}.film-title__item-film{column-count:2;color:#8c8c8c;padding:0;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.film-title__desc-film{color:var(--text-color-dark)}.film-title__vote_average{width:36px;height:16px;background:#ff6b01;border-radius:5px;padding:1px 6px}.film-title__slash{color:#8c8c8c;padding:1px 5px;font-size:12px;line-height:16px}.film-title__vote_count{width:36px;height:16px;border-radius:5px}.about-title{font-size:12px;line-height:16px}@media screen and (max-width:1199px){.about-title{margin-bottom:8px}}.text-about-movie{max-width:300px;margin-bottom:20px;font-size:12px;line-height:20px}@media screen and (max-width:767px){.text-about-movie{min-width:240px;width:-moz-fit-content;width:-moz-fit-content;width:fit-content}}@media screen and (min-width:1200px){.text-about-movie{max-width:391px}}.modal-window_list-btn{gap:20px;display:flex}@media screen and (min-width:1200px){.modal-window_list-btn{gap:15px;margin-left:24px}}.modal-window_list-item-btn{margin:0;padding:0}.modal-window__watched-btn,.modal-window__queued-btn{text-align:center;text-transform:uppercase;color:var(--text-color-dark);height:44px;border:1px solid var(--text-color-dark);background:var(--background-color);border:1px solid var(--text-color-dark);border-radius:5px;margin:0 0 50px;padding:0;font-size:12px;line-height:16px;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);display:inline-block;box-shadow:0 0 20px #8c8c8c}@media screen and (min-width:320px) and (max-width:767px){.modal-window__watched-btn,.modal-window__queued-btn{min-width:110px}}@media screen and (min-width:768px) and (max-width:1199px){.modal-window__watched-btn,.modal-window__queued-btn{width:125.03px}}@media screen and (min-width:1200px){.modal-window__watched-btn,.modal-window__queued-btn{min-width:136px;padding:15px 10px 13px}}@media screen and (min-width:320px) and (max-width:767px){.modal-window__watched-btn,.modal-window__queued-btn{min-width:110px;padding:6px;font-size:12px}}@media screen and (min-width:768px) and (max-width:1199px){.modal-window__watched-btn,.modal-window__queued-btn{min-width:125.03px;width:125.03px}}@media screen and (min-width:1200px){.modal-window__watched-btn,.modal-window__queued-btn{min-width:136px;padding:7px}}.modal-active{background:var(--main-accent-color);color:var(--background-color);box-shadow:0px 0px 20px var(--main-accent-color);border:none;padding:15px 10px;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:320px) and (max-width:767px){.modal-active{min-width:110px;padding:6px;font-size:12px}}@media screen and (min-width:768px) and (max-width:1199px){.modal-active{min-width:125.03px;padding:6px;font-size:12px}}@media screen and (min-width:1200px){.modal-active{min-width:136px;padding:15px 10px 13px}}.team-backdrop{z-index:1;width:100%;height:100%;opacity:1;visibility:visible;pointer-events:auto;background-color:#00000040;position:fixed;top:0;left:0}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.team-modal{z-index:2;width:80%;height:80%;background-color:var(--background-color);border-radius:20px;padding:45px 32px;position:relative;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}@media screen and (min-width:768px){.team-modal{width:704px;gap:20px}}@media screen and (min-width:1200px){.team-modal{width:906px;max-height:80%;gap:10px}}.icon-heart{margin-left:10px;margin-right:10px;animation:3s infinite pulse}.team-modal__title{text-align:center;background-color:var(--footer-text-color);background-image:linear-gradient(90deg,var(--main-accent-color),var(--footer-text-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px;font-size:24px;font-weight:700}@media screen and (min-width:1200px){.team-modal__title{font-size:28px}}.team-modal__list{flex-wrap:wrap;justify-content:space-around;align-items:stretch;gap:20px;display:flex}@media screen and (min-width:1199px){.team-modal__list{gap:10px}}.team-modal__item{border-radius:8px;flex-flow:column wrap;justify-content:center;align-items:center;padding-top:10px;transition:all .3s;display:flex;box-shadow:11px 8px 26px -9px #000000d1}.team-modal__item:hover,.team-modal__item:focus{transform:scale(1.05);box-shadow:0 10px 13px -7px #000,4px 1px 14px 5px #0000}.team-modal__foto{max-width:90%;height:auto;object-fit:cover;border-radius:10px;display:block;overflow:hidden}@media screen and (max-width:480px){.team-modal__foto{width:90%}}.team-modal__info{text-align:center;padding:10px}.team-modal__name{color:var(--footer-text-color);margin-bottom:7px;font-size:16px;font-weight:500;line-height:1.14}.team-modal__role{color:var(--main-accent-color);font-size:14px;font-weight:500;line-height:1.14}.team-modal__soclist{flex-wrap:wrap;justify-content:center;column-gap:15px;padding-top:10px;display:flex}.team-modal__soclink{width:30px;height:30px;fill:var(--footer-text-color);border-radius:50%;justify-content:center;align-items:center;transition:background-color .25s cubic-bezier(.4,0,.2,1),fill .25s cubic-bezier(.4,0,.2,1),transform .5s linear;display:inline-flex}.team-modal__soclink:hover,.team-modal__soclink:focus{background-color:var(--main-accent-color);fill:var(--background-color);transform:scale(1.3)}button{cursor:pointer}.enter-btn{margin-left:auto}.registrationWrapper{width:100%;height:100%;opacity:0;visibility:hidden;background-color:#0009;transition:all .25s ease-in-out;position:absolute;top:0;overflow:hidden}.visible{opacity:1;visibility:visible;overflow:hidden}.registr-form{width:320px;background-color:#212121;border-radius:20px;flex-direction:column;margin:0 auto;padding:20px;transition:all .4s ease-in-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.registr-form.hidden{transition:all .4s ease-in-out;left:-100%}.form-title{text-align:center;color:var(--text-color-white);letter-spacing:.2em;margin-bottom:40px;font-size:30px;font-weight:600}.input:focus~.pass-email-span,.input:valid~.pass-email-span{color:var(--text-color-white);padding:0 10 px;border-left:1px solid var(--main-accent-color);border-right:1px solid var(--main-accent-color);letter-spacing:.2em;background:#212121;font-size:.65em;transform:translate(10px,-7px)}.input:focus,.input:valid{border:1px solid var(--main-accent-color)}.pass-email-span{pointer-events:none;color:var(--text-color-white);text-transform:uppercase;padding:10px;font-size:1em;transition:all .25s;position:absolute;left:20px}.first-name,.email{width:100%;background:inherit;color:var(--text-color-white);resize:none;border:1px solid #ffffff40;border-radius:5px;outline:none;margin-bottom:30px;padding:10px;font-size:3em;transition:all .25s}.registr-btn,.login-btn{color:#fff;cursor:pointer;background:#ffffff40;border:none;border-radius:4px;outline:none;margin:0 auto 40px;padding:10px 50px;transition:all .3s;display:flex;position:relative;overflow:hidden}.registr-btn:hover,.login-btn:hover{background:#60606040}.registr-text{font-size:16px}.changeForm__text{text-align:center;color:var(--text-color-white);font-size:18px}.changeForm__span{cursor:pointer;font-size:28px;transition:all .25s ease-in-out}.changeForm__span:hover,.changeForm__span:focus{color:var(--main-accent-color);transition:all .25s ease-in-out}.login-form{width:320px;background-color:#212121;border-radius:20px;flex-direction:column;margin:0 auto;padding:20px;transition:all .25s ease-in-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.registr-form.registr-form.hidden+.login-form.visible{transition:all .25s ease-in-out;left:50%}.loginedModal{width:320px;background-color:#212121;border-radius:20px;margin:0 auto;padding:20px;transition:all .25s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loginedWrapper{width:100%;height:100%;opacity:0;visibility:hidden;background-color:#0009;transition:all .25s ease-in-out;position:absolute;top:0;overflow:hidden}.loginedWrapper.active{opacity:1;visibility:visible}.exitBtnForm{width:180px;height:25px;background-color:var(--main-accent-color);border:none;border-radius:20px}.exitBtnForm:hover{background-color:var(--background-color);transition:all .25s}.hidden{overflow:hidden}.locked{display:none}.enter-btn{color:var(--text-color-white);border:1px solid var(--text-color-white);cursor:pointer;text-transform:uppercase;filter:drop-shadow(1px 15px 15px var(--main-accent-color));background-color:#0000;border-radius:5px;justify-content:center;gap:10px;padding:10px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.33;transition:background-color .25s cubic-bezier(.4,0,.2,1);display:flex}.enter-btn:hover,.enter-btn:focus{background-color:var(--main-accent-color);border:none}#tui-pagination-container{text-align:center;margin:14px 0 60px;padding:40px;font-size:0;line-height:normal}@media screen and (min-width:320px) and (max-width:767px){#tui-pagination-container{margin-bottom:40px;padding:0}}#tui-pagination-container .tui-page-btn{height:40px;width:40px;color:var(--footer-text-color);vertical-align:middle;border:2px solid var(--footer-background-color);border-width:1px 0;border-radius:5px;margin-left:10px;padding:10px 0 6px;font-size:16px;font-weight:400;line-height:1;display:inline-block}@media screen and (max-width:767px){#tui-pagination-container .tui-page-btn{height:20px;width:20px;color:var(--footer-text-color);vertical-align:middle;border:1px solid var(--footer-background-color);border-width:.5px 0;border-radius:5px;margin-left:5px;padding:7px 0 3px;font-size:8px;font-weight:400;line-height:.5}}#tui-pagination-container .tui-page-btn:hover{background-color:#f4f4f4}#tui-pagination-container .tui-is-selected,#tui-pagination-container strong{color:#fff;box-shadow:0px 0px 20px var(--main-accent-color);cursor:default;background:#ff6b08;border-color:#ff6b08}#tui-pagination-container .tui-is-selected:hover{background-color:#ff6b08}.footer-section{background-color:#f7f7f7;padding-top:29px;padding-bottom:30px}@media screen and (min-width:768px){.footer-section{padding-top:30px;padding-bottom:30px}}.footer-container{justify-content:center;align-items:center;margin:0 auto;padding:0 40px;display:flex}@media screen and (min-width:768px){.footer-container{padding:0}}@media screen and (max-width:320px){.footer-container{width:100%}}@media screen and (min-width:480px){.footer-container{width:480px}}@media screen and (min-width:768px){.footer-container{width:768px;padding-left:32px;padding-right:32px}}@media screen and (min-width:1280px){.footer-container{width:1280px}}.footer-text{text-align:center;color:#545454;font-size:14px;font-weight:400;line-height:1.86}@media screen and (min-width:768px){.footer-text{font-size:16px;line-height:1.19}}.footer__icon{margin-left:10px;margin-right:10px;animation:2s infinite animate_grow}.footer__icon-heart{animation:3s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{filter:drop-shadow(0 0 7px #ff4208);transform:scale3d(1.3,1.3,1.3)}to{transform:scale(1)}}.footer__link{color:inherit;cursor:pointer;text-decoration:underline;transition:color .25s cubic-bezier(.4,0,.2,1)}.footer__link:hover,.footer__link:focus{color:#ff6b08}.header-library__section{padding-top:44px;padding-bottom:60px}.header-library__wrap{width:280px;justify-content:space-between;align-items:center;margin-bottom:65px;margin-left:auto;margin-right:auto;display:flex}@media screen and (min-width:480px){.header-library__wrap{width:440px;margin-bottom:40px;padding-left:20px;padding-right:20px}}@media screen and (min-width:767px){.header-library__wrap{width:704px}}@media screen and (min-width:1200px){.header-library__wrap{width:1136px}}@media screen and (max-width:767px){.header-library__section{background-color:var(--footer-background-color);background-image:linear-gradient(#0000008f,#0000008f),url(headerMyLib_background_mobile.0b7e0aad.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}}@media screen and (max-width:767px) and (min-device-pixel-ratio:2),screen and (max-width:767px) and (min-resolution:192dpi),screen and (max-width:767px) and (min-resolution:2dppx){.header-library__section{background-image:linear-gradient(#0000008f,#0000008f),url(headerMyLib_background_mobile@x2.a3ab9d3f.jpg)}}@media screen and (min-width:768px){.header-library__section{background-image:linear-gradient(#0000008f,#0000008f),url(headerMyLib_background_tablet.fa153e04.jpg);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__section{background-image:linear-gradient(#0000008f,#0000008f),url(headerMyLib_background_tablet@x2.97879def.jpg)}}@media screen and (min-width:1200px){.header-library__section{background-image:linear-gradient(#0000008f,#0000008f),url(headerMyLib_background.a0e5ac79.jpg)}}@media screen and (min-width:1200px) and (min-device-pixel-ratio:2),screen and (min-width:1200px) and (min-resolution:192dpi),screen and (min-width:1200px) and (min-resolution:2dppx){.header-library__section{background-image:linear-gradient(#0000008f,#0000008f),url(headerMyLib_background@x2.ce5e1bad.jpg)}}@media screen and (max-width:767px){.header-library__navigation__text{display:none}}.header-library__navigation__text{color:var(--text-color-white);font-family:Roboto;font-size:30px;font-weight:500;line-height:100%}.header-library-list{gap:40px;display:flex}.header-library-list__link,.current{position:relative}.current:after{content:"";width:100%;height:3px;background:var(--header-accent-color);position:absolute;bottom:-4px;left:0}.header-library__navigation__svg{margin-right:10px}.header-library-list__link{color:var(--text-color-white);text-transform:uppercase;font-family:Roboto;font-size:12px;font-weight:500;line-height:100%}.header-library-btn__style{color:var(--text-color-white);border:1px solid var(--text-color-white);cursor:pointer;text-transform:uppercase;filter:drop-shadow(1px 15px 15px var(--main-accent-color));background-color:#0000;border-radius:5px;padding:14px 36px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.33;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.header-library-btn__style:hover,.header-library-btn__style:focus{background-color:var(--main-accent-color);border-color:var(--main-accent-color)}@media screen and (min-width:767px){.header-library-btn__style{padding:14px 46px}}.header-library-btn{justify-content:center;gap:20px;display:flex}@media screen and (min-width:767px){.header-library-btn{gap:32px}}.header-library__container{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.btn-active{background-color:var(--main-accent-color);border-color:var(--main-accent-color)}.header__section{height:230px;background-color:#fff;background-image:url(header_background_mobile.e4f182c9.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-left:auto;margin-right:auto;padding:40px 0 45px}.header__wrap{width:280px;justify-content:space-between;align-items:center;margin-bottom:65px;margin-left:auto;margin-right:auto;display:flex}@media screen and (min-width:480px){.header__wrap{width:440px;margin-bottom:40px;padding-left:20px;padding-right:20px}}@media screen and (min-width:767px){.header__wrap{width:704px}}@media screen and (min-width:1200px){.header__wrap{width:1136px}}@media screen and (max-width:767px){.header__section{background-color:var(--footer-background-color);background-image:linear-gradient(#0000008f,#0000008f),url(header_background_mobile.e4f182c9.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}}@media screen and (max-width:767px) and (min-device-pixel-ratio:2),screen and (max-width:767px) and (min-resolution:192dpi),screen and (max-width:767px) and (min-resolution:2dppx){.header__section{background-image:linear-gradient(#0000008f,#0000008f),url(header_background_mobile_x2.f74f1bc1.jpg)}}@media screen and (min-width:768px){.header__section{background-image:linear-gradient(#0000008f,#0000008f),url(header_background_tablet.44296b05.jpg);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__section{background-image:linear-gradient(#0000008f,#0000008f),url(header_background_tablet_x2.d0592c32.jpg)}}@media screen and (min-width:1200px){.header__section{background-image:linear-gradient(#0000008f,#0000008f),url(header_background.1855eb05.jpg)}}@media screen and (min-width:1200px) and (min-device-pixel-ratio:2),screen and (min-width:1200px) and (min-resolution:192dpi),screen and (min-width:1200px) and (min-resolution:2dppx){.header__section{background-image:linear-gradient(#0000008f,#0000008f),url(header_background_x2.ec52744f.jpg)}}@media screen and (max-width:767px){.header__navigation__text{display:none}}.header__container{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.header__navigation__svg{margin-right:10px}.header__navigation__text{color:var(--text-color-white);font-family:Roboto;font-size:30px;font-weight:500;line-height:100%}.header-list{gap:40px;display:flex}.header-list__link{color:var(--text-color-white);text-transform:uppercase;font-family:Roboto;font-size:12px;font-weight:500;line-height:100%;position:relative}.header__form{justify-content:center;align-items:center;display:flex}.header__form-search{transition:stroke .25s cubic-bezier(.4,0,.2,1);position:relative}.header__form-search:hover .header__form-icon{stroke:#ff001b}.header__form-input{width:280px;height:20px;color:#fff;background:0 0;border:none;border-bottom:.5px solid #fff;transition:color .25s cubic-bezier(.4,0,.2,1)}.header__form-input:focus-within{outline:none}.header__form-input:not(:placeholder-shown),.header__form-input::placeholder{color:#fff;font-size:14px;font-weight:1.17;line-height:400}.header__form-input:hover::-webkit-input-placeholder{color:#ff001b}.header__form-input:hover{border-bottom:.5px solid #ff001b}.header__search-btn{width:24px;height:24px;cursor:pointer;background:0 0;border:none;transition:stroke .25s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;right:1px;transform:translateY(-50%)}.header__search-btn:hover .header__form-icon,.header__search-btn:focus .header__form-icon{stroke:#ff001b}.header__form-icon{fill:#0000;stroke:#fff}.header__notification{color:#ff001b;justify-content:center;align-items:center;margin-top:16px;font-size:14px;font-weight:1.17;line-height:400;display:flex}.header__section{height:230px;background-color:#fff;background-image:url(header_background_mobile.e4f182c9.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-left:auto;margin-right:auto;padding:40px 0 45px}.header__wrap{width:280px;justify-content:space-between;align-items:center;margin-bottom:65px;margin-left:auto;margin-right:auto;display:flex}@media screen and (min-width:480px){.header__wrap{width:440px;margin-bottom:40px;padding-left:20px;padding-right:20px}}@media screen and (min-width:767px){.header__wrap{width:704px}}@media screen and (min-width:1200px){.header__wrap{width:1136px}}@media screen and (max-width:767px){.header__section{background-color:var(--footer-background-color);background-image:linear-gradient(#0000008f,#0000008f),url(header_background_mobile.e4f182c9.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}}@media screen and (max-width:767px) and (min-device-pixel-ratio:2),screen and (max-width:767px) and (min-resolution:192dpi),screen and (max-width:767px) and (min-resolution:2dppx){.header__section{background-image:linear-gradient(#0000008f,#0000008f),url(header_background_mobile_x2.f74f1bc1.jpg)}}@media screen and (min-width:768px){.header__section{background-image:linear-gradient(#0000008f,#0000008f),url(header_background_tablet.44296b05.jpg);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__section{background-image:linear-gradient(#0000008f,#0000008f),url(header_background_tablet_x2.d0592c32.jpg)}}@media screen and (min-width:1200px){.header__section{background-image:linear-gradient(#0000008f,#0000008f),url(header_background.1855eb05.jpg)}}@media screen and (min-width:1200px) and (min-device-pixel-ratio:2),screen and (min-width:1200px) and (min-resolution:192dpi),screen and (min-width:1200px) and (min-resolution:2dppx){.header__section{background-image:linear-gradient(#0000008f,#0000008f),url(header_background_x2.ec52744f.jpg)}}@media screen and (max-width:767px){.header__navigation__text{display:none}}.header__container{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.header__navigation__svg{margin-right:10px}.header__navigation__text{color:var(--text-color-white);font-family:Roboto;font-size:30px;font-weight:500;line-height:100%}.header-list{gap:40px;display:flex}.header-list__link{color:var(--text-color-white);text-transform:uppercase;font-family:Roboto;font-size:12px;font-weight:500;line-height:100%;position:relative}.header__form{justify-content:center;align-items:center;display:flex}.header__form-search{transition:stroke .25s cubic-bezier(.4,0,.2,1);position:relative}.header__form-search:hover .header__form-icon{stroke:#ff001b}.header__form-input{width:280px;height:20px;color:#fff;background:0 0;border:none;border-bottom:.5px solid #fff;transition:color .25s cubic-bezier(.4,0,.2,1)}.header__form-input:focus-within{outline:none}.header__form-input:not(:placeholder-shown),.header__form-input::placeholder{color:#fff;font-size:14px;font-weight:1.17;line-height:400}.header__form-input:hover::-webkit-input-placeholder{color:#ff001b}.header__form-input:hover{border-bottom:.5px solid #ff001b}.header__search-btn{width:24px;height:24px;cursor:pointer;background:0 0;border:none;transition:stroke .25s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;right:1px;transform:translateY(-50%)}.header__search-btn:hover .header__form-icon,.header__search-btn:focus .header__form-icon{stroke:#ff001b}.header__form-icon{fill:#0000;stroke:#fff}.header__notification{color:#ff001b;justify-content:center;align-items:center;margin-top:16px;font-size:14px;font-weight:1.17;line-height:400;display:flex}@keyframes spinner-line-fade-more{0%,to{opacity:0}1%{opacity:1}}@keyframes spinner-line-fade-quick{0%,39%,to{opacity:.25}40%{opacity:1}}@keyframes spinner-line-fade-default{0%,to{opacity:.22}1%{opacity:1}}@keyframes spinner-line-shrink{0%,25%,to{opacity:.25;transform:scale(.5)}26%{opacity:1;transform:scale(1)}}.cards__list{max-width:280px;grid-gap:20px;grid-auto-rows:auto;justify-content:center;margin-left:auto;margin-right:auto;padding-top:20px;padding-bottom:40px;display:grid}@media screen and (min-width:768px){.cards__list{max-width:700px;grid-gap:32px;grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1280px){.cards__list{max-width:1200px;grid-gap:32px 16px;grid-template-columns:repeat(3,1fr)}}.home-card__link{border-radius:7px;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1)}.home-card__link:hover,.home-card__link:focus{box-shadow:0 0 0 var(--main-accent-color),-23px 0 20px -40px var(--main-accent-color),-23px 0 20px -40px var(--main-accent-color),0 0 50px var(--main-accent-color)inset;transform:scale(1.05)}.home-card__poster{width:280px;height:402px;object-fit:cover}@media screen and (min-width:768px){.home-card__poster{width:336px;height:455px}}@media screen and (min-width:1280px){.home-card__poster{width:395px;height:574px}}.home-card__img{width:280px;height:402px;object-fit:cover;background:url(poster.fd8c97a1.jpg) 50%/cover;border-radius:5px}@media screen and (min-width:768px){.home-card__img{width:336px;height:455px}}@media screen and (min-width:1280px){.home-card__img{width:395px;height:574px}}.card__content{padding-top:10px;padding-left:10px}@media screen and (min-width:768px){.card__content{padding-top:8px}}.card__title{text-transform:uppercase;color:var(--text-color-dark);font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:14px}@media screen and (min-width:768px){.card__title{line-height:16px}}@media screen and (min-width:1280px){.card__title{font-size:20px;line-height:24px}}.card__text{color:var(--main-accent-color);font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:16px}@media screen and (min-width:768px){.card__text{line-height:16px}}@media screen and (min-width:1280px){.card__text{font-size:20px;line-height:24px}}.container-nothing{background-image:linear-gradient(#0000008f,#0000008f),url(empty-hall.9af152e9.jpg);background-position:50%;background-size:cover;border-radius:5px;flex-wrap:wrap;justify-content:center;align-items:center;padding:50px;display:flex}@media screen and (min-width:768px){.container-nothing{padding:80px}}@media screen and (min-width:1280px){.container-nothing{padding:100px}}.container-nothing__title{color:var(--text-color-white);margin-bottom:10px;font-size:16px;font-weight:500;line-height:1.5}@media screen and (min-width:768px){.container-nothing__title{font-size:20px;font-weight:500}}@media screen and (min-width:1280px){.container-nothing__title{font-size:24px;font-weight:600}}.container-nothing__text{text-align:center;color:var(--text-color-white);border-radius:5px;font-size:14px;font-weight:400}@media screen and (min-width:768px){.container-nothing__text{font-size:16px}}@media screen and (min-width:1280px){.container-nothing__text{font-size:18px}}.container-nothing__link{color:var(--main-accent-color);margin-right:10px;font-weight:600}.container-nothing__link:hover,.container-nothing__link:focus{color:#da5b06;box-shadow:0 8px 43px #ff6b0199}:root{--header-accent-color:#ff001b;--text-color-white:#fff;--text-color-dark:#000;--background-color:#fff;--main-accent-color:#ff6b08;--footer-background-color:#f7f7f7;--footer-text-color:#545454;--header-background-color:#0000008f;--background-color-dark:#151313;--footer-dark-theme-color:#090707;--card-dark-color:#282424}.visually-hidden{width:1px;height:1px;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.close-modal__btn{width:30px;height:30px;cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.close-modal__btn-inner{width:inherit;text-align:center}.close-modal__btn-text{text-transform:uppercase;color:var(--main-accent-color);opacity:0;cursor:pointer;font-size:.8em;line-height:4em;transition:all .3s ease-in}.close-modal__btn-inner:before,.close-modal__btn-inner:after{content:"";height:1px;width:inherit;background:var(--main-accent-color);transition:all .3s ease-in;position:absolute;left:0}.close-modal__btn-inner:before{top:50%;transform:rotate(45deg)}.close-modal__btn-inner:after{bottom:50%;transform:rotate(-45deg)}.close-modal__btn:hover .close-modal__btn-text{opacity:1}.close-modal__btn:hover .close-modal__btn-inner:before,.close-modal__btn:hover .close-modal__btn-inner:after{transform:rotate(0)}.close-modal__btn:hover .close-modal__btn-inner:before{top:0}.close-modal__btn:hover .close-modal__btn-inner:after{bottom:0}.form-switch{cursor:pointer;color:gray;z-index:999;-webkit-tap-highlight-color:transparent;display:inline-block;position:absolute;top:10px;right:15px}@media screen and (min-width:767px){.form-switch{right:45px}}.form-switch i{width:36px;height:23px;background-color:var(--footer-text-color);vertical-align:text-bottom;border-radius:23px;margin-right:.5rem;transition:all .3s linear;display:inline-block;position:relative}@media screen and (min-width:767px){.form-switch i{height:27px;width:41px}}.form-switch i:before{content:"";width:21px;height:21px;background-color:var(--footer-text-color);border-radius:11px;transition:all .25s linear;position:absolute;top:-1px;left:3px;transform:translate(2px,2px)}@media screen and (min-width:767px){.form-switch i:before{width:26px;height:26px}}.form-switch i:after{content:"";width:21px;height:21px;background-color:var(--main-accent-color);border-radius:11px;transition:all .2s ease-in-out;position:absolute;top:-1px;left:-4px;transform:translate(2px,2px);box-shadow:0 2px 2px #0000003d}@media screen and (min-width:767px){.form-switch i:after{width:24px;height:24px}}.form-switch:active i:after{width:28px;transform:translate(2px,2px)}.form-switch:active input:checked+i:after{transform:translate(16px,2px)}.form-switch input{display:none}.form-switch input:checked+i{background-color:var(--footer-text-color)}.form-switch input:checked+i:before{transform:translate(18px,2px)scale3d(0,0,0)}.form-switch input:checked+i:after{transform:translate(22px,2px)}.theme-switch__icon{height:15px;width:15px;fill:var(--main-accent-color);margin-left:-7px;margin-right:2px}@media screen and (min-width:767px){.theme-switch__icon{height:20px;width:20px;margin-left:-4px;margin-right:0}}body.dark{background-color:var(--background-color-dark);color:var(--text-color-white);transition:background-color .25s cubic-bezier(.4,0,.2,1)}body.dark .footer-section{background-color:var(--footer-dark-theme-color);color:var(--footer-background-color);transition:background-color .25s cubic-bezier(.4,0,.2,1)}body.dark .container-nothing{box-shadow:0 10px 29px #64646f33}body.dark .card__title{color:var(--text-color-white)}body.dark .home-card__thumb{box-shadow:0 10px 29px #64646f33}body.dark .team-modal{background-color:var(--background-color-dark)}body.dark .film-title__value,body.dark .film-title__vote_average,body.dark .film-title__desc-film,body.dark .film-title__vote_count{color:var(--footer-background-color)}body.dark .modal-film{background-color:var(--card-dark-color)}
/*# sourceMappingURL=index.9b5a0406.css.map */