*,: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}:root{--accent-color:#ff6b08;--add-color:#ff001b;--yellow-color:#fcd50b;--green-color:#05ff00}*{box-sizing:border-box}body{color:#000;letter-spacing:.03em;background-color:#fff;font-family:Roboto,sans-serif;font-size:14px;font-weight:500}body,html{height:100%}.wrapper{min-height:100%;flex-direction:column;display:flex}.main{flex:auto}ul{margin:0;padding-left:0;list-style:none}h1,h2,h3,h4,p{margin:0;padding:0}a,a:active{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}@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)}}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media screen and (min-width:320px){.container{max-width:320px}}@media screen and (min-width:768px){.container{max-width:768px;padding-left:32px;padding-right:32px}}@media screen and (min-width:1280px){.container{max-width:1280px}}.hidden{width:1px;height:1px;opacity:0;margin-top:-1px;overflow:hidden}.is-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{height:230px;background-image:url(index_mobile_1x.fa535d6a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding-top:40px}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.header{background-image:url(index_mobile_2x.22d75346.jpg)}}.header__inner{height:145px;position:relative}.header__top{justify-content:space-between;align-items:center;display:flex}.header__logo{align-items:center;display:flex}.header__logo-icon{width:24px;height:24px}.header__logo-text{display:none}.header__list{display:flex}.header__item{margin-right:40px}.header__link{text-transform:uppercase;color:#fff;border-radius:3px;font-size:12px;font-weight:500;line-height:1.16}.header__link--current{position:relative}.header__link--current:after{content:"";width:100%;height:3px;background-color:#ff001b;display:block;position:absolute;top:calc(100% + 3px);left:0}.header__center{justify-content:center;margin-bottom:16px;display:flex}.header__form{position:relative}.header__form input{width:280px;color:#fff;background-color:#0000;border:none;border-bottom:.5px solid #fff;padding:4px 16px 4px 0;font-weight:400;line-height:1.14}.header__form input::placeholder{color:#fff;font-weight:400;line-height:1.14}.header__form input:focus{outline:none!important}.header__form-icon{width:12px;height:12px;cursor:pointer;position:absolute;top:50%;right:0;transform:translateY(-50%)}.header__text-error{color:#ff001b;font-weight:400;line-height:1.14}.header__text-error.is-hidden{display:none}@media screen and (min-width:768px){.header{height:216px;background-image:url(index_tablet_1x.6789af2d.jpg);background-position:50%;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:2x){.header{background-image:url(index_tablet_2x.c5b76907.jpg)}}@media screen and (min-width:768px){.header__inner{height:130px}.header__logo-icon{margin-right:8px}.header__logo-text{color:#fff;font-size:28px;font-weight:500;line-height:1.16;display:block}.header__center{margin-bottom:20px}.header__form input{width:336px}.header__text-error{text-align:center}}@media screen and (min-width:1280px){.header{background-image:url(index_desktop_1x.8eb414d4.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}}@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{background-image:url(index_desktop_2x.db6ea9b3.jpg)}}@media screen and (min-width:1280px){.header__form input{width:394px}}.header__container--right-side{align-items:center;display:flex}.header__sign-in-btn{height:25px;width:auto;max-width:100px;text-transform:uppercase;color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font-size:14px}.header__sign-out-btn{color:#000;cursor:pointer;background:0 0;border:1px solid #000;border-radius:5px;margin-top:5px;padding:3px 10px;font-size:12px;font-weight:500}.header__sign-out-btn:hover,.header__sign-out-btn:focus{color:#fff;border-color:#fff}@media screen and (min-width:768px){.header__sign-out-btn{font-size:15px}}@media screen and (max-width:767px){.sign-in--button{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}}.sign-in--icon-container{fill:#fff}@media screen and (min-width:768px){.sign-in--icon-container{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}}.sign-in--icon-container:hover,.sign-in--icon-container:focus{cursor:pointer}.sign-in--button-container{position:relative}.user-info{z-index:2;background-color:#a19c9c;border-radius:5px;flex-direction:column;justify-content:space-between;align-items:center;padding:10px;display:flex;position:absolute}@media screen and (max-width:767px){.user-info{font-size:10px;top:10px;right:-24px}}@media screen and (min-width:768px){.user-info{right:0}}.filter-theme{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:-37px;left:0}.filter__form-group{justify-content:flex-end;margin-right:30px;display:flex}.filter__dropdown{width:200px;position:relative}.filter__dropdown-button{cursor:pointer;width:100%;text-align:left;color:#fff;background-color:#0000;border:1px solid #fff;border-radius:5px;padding:5px 10px;display:block;position:relative}.filter__dropdown-button:after{content:"";width:0;height:0;border:10px solid #0000;border-top:10.4px solid #fff;border-bottom-width:0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.filter__dropdown-list{z-index:40;width:100%;background-color:#c1c1c0c3;border-radius:5px;display:none;position:absolute;top:30px;left:0;overflow:hidden;box-shadow:0 4px 8px #b0c6ff99}.filter__visible{display:block}.filter__dropdown-item{color:#000000c2;cursor:pointer;border:1px solid #7e9bbd;border-bottom:0;padding:7px 10px}.filter__dropdown-item:first-child{border-radius:6px 6px 0 0}.filter__dropdown-item:last-child{border-bottom:1px solid #7e9bbd;border-radius:0 0 6px 6px}.filter__dropdown-item:hover{color:#4d4d4d;background-color:#f9b98f}.filter__dropdown-button:focus,.filter__dropdown-button-active{background-color:#c1c1c0c3;border:1px solid #7e9bbd;outline:none;box-shadow:0 4px 8px #b0c6ff99}@media screen and (min-width:768px){.filter__form-group{margin-right:450px}.filter-theme{bottom:-29px}}@media screen and (min-width:1280px){.filter__form-group{margin-right:965px}}.form{width:100%;justify-content:space-between;align-items:center;margin-top:35px;margin-left:auto;margin-right:auto;display:flex;position:relative}@media screen and (min-width:768px){.form{width:336px;margin-top:25px}}@media screen and (min-width:1280px){.form{width:394px;margin-top:37px}}.form:after{content:"";width:100%;height:4px;background:0 0;border-bottom:1px solid #fff;position:absolute;top:100%;left:0}.form__input{color:#fff;width:268px;background:0 0;border:none;outline:none;font-size:14px;font-weight:400;line-height:16px}@media screen and (min-width:768px){.form__input{width:324px}}@media screen and (min-width:1280px){.form__input{width:378px}}.form__input::placeholder{color:#fffb}.form__btn-submit{width:12px;height:12px;color:none;object-fit:fill;cursor:pointer;background:0 0;border:none;outline:none}.header__icon-search{fill:#fff;width:15px;height:15px;position:absolute;top:3px;right:5px}.header__icon-search:hover{fill:#ff001b;width:18px;height:18px;transition:all .15s linear}.dark{color:#fff;background-color:#333}.theme{width:25px;height:25px;border-radius:50%;margin-top:20px;margin-left:auto;margin-right:25px}@media screen and (min-width:1366px){.theme{width:50px;height:50px;margin-top:7px;margin-left:auto;margin-right:10px;display:flex;right:0}.theme:hover{transition:box-shadow .25s linear;box-shadow:0 0 6px 3px #ff001b}}.theme__btn{width:100%;height:100%;cursor:pointer;border:none;border-radius:50%;padding:0}.theme__btn--light{background-color:#0000;display:none}.theme__btn--dark{background-color:#0000}.theme__icon-sun{width:25px;height:25px;fill:#fff}@media screen and (min-width:1366px){.theme__icon-sun{width:30px;height:30px}}.theme__icon-moon{width:25px;height:25px;fill:#fff}@media screen and (min-width:1366px){.theme__icon-moon{width:30px;height:30px}}.main{padding-top:20px;padding-bottom:40px}@media screen and (min-width:768px){.main{padding-top:60px;padding-bottom:60px}}.gallery{max-width:320px;margin:0;padding:0;list-style:none}@media screen and (min-width:768px){.gallery{max-width:768px;flex-wrap:wrap;display:flex}}@media screen and (min-width:1280px){.gallery{max-width:1280px}}.card{font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:1.33333;transition:transform .3s}.card:hover,.card:focus{cursor:pointer;transform:scale(1.05)}@media screen and (max-width:767px){.card:not(:last-child){margin-bottom:20px}}@media screen and (min-width:768px){.card{flex-basis:calc(50% - 32px);margin:16px;font-size:16px;line-height:1.25}}@media screen and (min-width:1280px){.card{flex-basis:calc(33.3333% - 16px);margin:8px;font-size:20px;line-height:1.2}.card:nth-child(n+4){margin-top:16px}}.card__text-container{align-items:center;display:flex}.card__text{color:#ff6b08;font-size:12px;font-weight:500}@media screen and (min-width:768px){.card__text{font-size:12px}}@media screen and (min-width:1280px){.card__text{font-size:16px}}.card__title{text-transform:uppercase;font-size:12px}@media screen and (min-width:768px){.card__title{font-size:12px}}@media screen and (min-width:1280px){.card__title{font-size:16px}}.card__rating-text{color:#fff;font-size:12px}@media screen and (min-width:768px){.card__rating-text{font-size:12px}}@media screen and (min-width:1280px){.card__rating-text{font-size:16px}}.card__img{width:280px;height:402px;border-radius:5px;margin-bottom:10px}@media screen and (min-width:768px){.card__img{width:336px;height:455px}}@media screen and (min-width:1280px){.card__img{width:395px;height:574px}}.card__rating-box{min-width:36px;min-height:16px;border-radius:5px;justify-content:center;align-items:center;margin-left:8px;padding:1px 8px;display:flex}@media screen and (min-width:1280px){.card__rating-box{min-width:40px;min-height:20px}}.card__rating-poor{background-color:var(--add-color)}.card__rating-low{background-color:var(--accent-color)}.card__rating-medium{background-color:var(--yellow-color)}.card__rating-high{background-color:var(--green-color)}.backdrop{width:100vw;height:100vh;background-color:#00000040;transition-property:opacity,visibility;position:fixed;top:0;left:0}.backdrop.hidden{pointer-events:none;visibility:hidden}.btn__standart{text-align:center;text-transform:uppercase;width:110px;min-height:60px;box-sizing:border-box;background-color:#fff;border:1px solid #000;border-radius:5px;padding:6px;font-size:12px;font-weight:500;line-height:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-block}@media screen and (min-width:768px){.btn__standart{width:125px}}@media screen and (min-width:1280px){.btn__standart{width:136px}}.btn__standart:hover{color:#fff;cursor:pointer;background-color:#ff6b01;border-color:#ff6b01}@media screen and (min-width:768px){.btn__standart{padding:12px 10px}}.btn__standart--orange{color:#fff;background-color:#ff6b01;border:0}.modal.hidden{width:0;height:0}.modal{max-width:280px;max-height:calc(100% - 20px);width:100%;background-color:#fff;position:absolute;top:50%;left:50%;overflow:scroll;transform:translate(-50%,-50%)scale(1)}@media screen and (min-width:768px){.modal{max-width:704px;overflow:visible}}@media screen and (min-width:1280px){.modal{max-width:806px}}@media screen and (min-width:768px){.modal__data--content{display:flex}}.modal__data{height:auto;padding:40px 20px}@media screen and (min-width:768px){.modal__data{justify-content:center;padding:35px 72px 25px 36px;display:flex}}@media screen and (min-width:1280px){.modal__data{padding-left:12px;padding-right:12px}}.modal__data--poster{margin:15px 0 20px}@media screen and (min-width:768px){.modal__data--poster{width:40%;margin:0 68px 0 0}}@media screen and (min-width:1280px){.modal__data--poster{margin:0 16px 0 0}}.modal__data--description{height:100%}@media screen and (min-width:768px){.modal__data--description{width:60%}}.modal__data--about{margin-bottom:20px}.modal__data--title{text-transform:uppercase;font-size:20px;font-style:normal;font-weight:500;line-height:23px}@media screen and (min-width:1280px){.modal__data--title{font-size:30px;line-height:35px}}.modal__data--title--about{text-transform:uppercase;margin-bottom:8px;font-size:12px;line-height:16px}.modal__data--table{width:100%;text-align:left;margin:20px 0;font-size:12px;line-height:16px}.modal__data--table th{width:40%;color:#8c8c8c}.modal__data--table td{width:60%;text-transform:uppercase}.modal__data--text{max-height:236px;overflow:auto}@media screen and (min-width:1280px){.modal__data--text{max-height:160px}}.modal__data--add{justify-content:center;display:flex}@media screen and (min-width:768px){.modal__data--add{justify-content:start}}.modal__data--element{min-width:36px;text-align:center;background-color:#f7f7f7;border-radius:5px;display:inline-block}.modal__data--element--orange{color:#fff;background-color:#ff6b01}.modal__data--element--white{color:#000}.modal__btn--close{width:34px;height:34px;background-color:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:8px;right:8px}.modal__btn--close:hover,.modal__btn--close:focus{background-color:#ff6b01}.modal__btn--close svg{stroke:#000;transition:all .25s cubic-bezier(.4,0,.2,1)}.modal__btn--close svg:hover,.modal__btn--close svg:focus{stroke:#fff}#addToWatched{margin-right:20px}@media screen and (min-width:768px){#addToWatched{margin-right:15px}}#modal-img{border-radius:5px}#pagination{justify-content:center;align-items:center;padding-top:40px;display:flex}@media screen and (min-width:768px){#pagination{padding-top:60px}}.pg-btn{width:40px;height:40px;color:#000;cursor:pointer;background-color:#f7f7f7;border:none;border-radius:5px;justify-content:center;align-items:center;display:flex}.pg-btn__arrow{width:12px;height:12px}.pg-btn__icon{fill:currentColor}.btn-left{margin-right:3px}.btn-right{margin-left:3px}.btn-left:hover,.btn-right:hover{background-color:var(--accent-color);color:#fff}#page-numbers{align-items:center;display:flex}.num-btn{width:30px;height:40px;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:12px;font-weight:500;line-height:1.35;display:flex}.num-btn:hover{color:var(--accent-color)}.pg-btn--cur{color:#fff;background-color:var(--accent-color)}.mobile-hiding{display:none}@media screen and (min-width:768px){.mobile-hiding{display:flex}}footer{height:100px;background-color:#f7f7f7}@media screen and (min-width:768px){footer{height:80px}}.footer__text{color:#545454;text-align:center;padding-top:30px;padding-bottom:30px}@media screen and (min-width:442px){.footer__text{flex-wrap:wrap;justify-content:center;align-items:center;font-size:16px;display:flex}}.footer__text-span{justify-content:center;align-items:center;padding-top:10px;display:flex}.footer__icon:hover,.footer__icon:focus{animation-name:spin;animation-duration:1.5s;animation-timing-function:ease-in;animation-iteration-count:infinite;animation-direction:alternate}@keyframes spin{0%{transform:scale(1)}to{transform:scale(1.5)}}.footer__icon-heart{color:#ff6b08}.team{flex-wrap:wrap;justify-content:center;align-items:center;margin:-15px;display:flex}.team__item{width:150px;flex-direction:column;align-items:center;margin:10px;display:flex}.team__name{margin-top:10px}.team__img{width:100px;height:100px;transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}.team__img:hover,.team__img:focus{box-shadow:4px 4px 4px #ff6b08}.footer-backdrop{width:100%;height:100%;z-index:3;opacity:1;background-color:#0003;padding:20px;transition:opacity .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow-y:scroll}.footer-backdrop.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.footer-modal{width:100%;visibility:visible;filter:drop-shadow(0 4px 4px #00000040);background-color:#fff;border-radius:4px;padding:20px;transition:transform .3s}@media screen and (min-width:520px){.footer-modal{width:450px;position:absolute;top:50%;left:50%;overflow-y:scroll;transform:translate(-50%,-50%)}}@media screen and (min-width:1200px){.footer-modal{width:528px}}.footer-modal__text{text-align:center;color:#545454;margin-bottom:20px;font-size:20px}.footer-modal__btn--close{width:30px;height:30px;stroke:#000;cursor:pointer;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;transition:stroke .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:8px;right:8px}.footer-modal__btn--close:hover,.footer-modal__btn--close:focus{stroke:#fff;background-color:#ff6b08}.footer-modal__close-icon{width:18px;height:18px;position:absolute}.footer-modal__icon{height:30px}.footer__link{text-decoration:underline;transition:color .25s cubic-bezier(.4,0,.2,1)}.footer__link:hover,.footer__link:focus{color:#ff6b08}.dark{color:#fff;background-color:#333}.theme{width:25px;height:25px;border-radius:50%;margin-top:20px;margin-left:auto;margin-right:25px}@media screen and (min-width:1366px){.theme{width:50px;height:50px;margin-top:7px;margin-left:auto;margin-right:10px;display:flex;right:0}.theme:hover{transition:box-shadow .25s linear;box-shadow:0 0 6px 3px #ff001b}}.theme__btn{width:100%;height:100%;cursor:pointer;border:none;border-radius:50%;padding:0}.theme__btn--light{background-color:#0000;display:none}.theme__btn--dark{background-color:#0000}.theme__icon-sun{width:25px;height:25px;fill:#fff}@media screen and (min-width:1366px){.theme__icon-sun{width:30px;height:30px}}.theme__icon-moon{width:25px;height:25px;fill:#fff}@media screen and (min-width:1366px){.theme__icon-moon{width:30px;height:30px}}.autorization-backdrop{width:100%;height:100%;z-index:3;opacity:1;background-color:#0003;padding:20px;transition:opacity .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow-y:scroll}.autorization-backdrop.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.autorization-modal{width:100%;visibility:visible;filter:drop-shadow(0 4px 4px #00000040);background-color:#fff;border-radius:4px;padding:40px 20px 20px;transition:transform .3s}@media screen and (min-width:520px){.autorization-modal{width:350px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.search-form{flex-direction:column;align-items:center;display:flex}.inputEmail,.inputPassword{width:100%;height:40px;border-radius:5px;margin-bottom:15px}.enterBtn{width:80px;height:40px;color:#fff;cursor:pointer;background-color:#2196f3;border:#0000;border-radius:5px;margin-bottom:15px;transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}.enterBtn:hover{box-shadow:0 3px 8px #0000003d}.registrationBtn{width:180px;height:40px;color:#fff;cursor:pointer;background-color:#2196f3;border:#0000;border-radius:5px;transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}.registrationBtn:hover{box-shadow:0 3px 8px #0000003d}.autorization-modal__btn--close{width:30px;height:30px;stroke:#000;cursor:pointer;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;transition:stroke .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:8px;right:8px}.autorization-modal__btn--close:hover,.autorization-modal__btn--close:focus{stroke:#fff;background-color:#2196f3}.autorization-modal__close-icon{width:18px;height:18px;position:absolute}.autorization-modal__icon{height:30px}
/*# sourceMappingURL=index.31c8d534.css.map */