/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family: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}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/assets/Inter-Regular-CuH2jfV0.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(/assets/Inter-Medium-DVwNBK5Q.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;src:url(/assets/Inter-Black-B5fx6SzK.woff2)format("woff2")}.page{flex-direction:column;display:flex}.page__content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 40px}.page__section{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;position:relative}@media screen and (width<=720px){.page__content{padding:0 20px}}.header{border-bottom:1px solid #000;justify-content:space-between;min-height:70px;display:flex}.logo{color:#161616;font-family:Inter,Arial,sans-serif;font-size:22px;font-weight:500;line-height:1.4}@media screen and (width<=1024px){.logo{font-size:18px}}@media screen and (width<=544px){.logo{font-size:16px}}.menu{align-items:center;column-gap:40px;font-family:Inter,Arial,sans-serif;font-size:22px;font-weight:500;line-height:1.4;display:flex}.menu__inicio{color:#070707;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:500;text-decoration:none}.menu__inicio:hover{color:#8a8c91}.menu__saved-movies{color:#0c0c0c;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:500;text-decoration:none}.menu__saved-movies:hover{color:#8a8c91}.menu__button{color:#3e68ff;cursor:pointer;background-color:#fff;border:1.5px solid #3e68ff;border-radius:100px;padding:8px 20px;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:500;transition:background-color .2s,color .2s}.menu__button:hover{color:#fff;background-color:#3e68ff}.menu__button:active{background-color:#2d4fd1;border-color:#2d4fd1}@media screen and (width<=1024px){.menu,.menu__inicio,.menu__saved-movies{font-size:16px}.menu__button{padding:6px 16px;font-size:14px}}@media screen and (width<=544px){.menu,.menu__inicio,.menu__saved-movies{font-size:14px}.menu__button{padding:6px 16px;font-size:14px}}.content{margin:0 auto}.search-form{text-align:center;margin-top:40px;font-family:Inter,Arial,sans-serif}.search__form-title{font-size:55px;font-weight:900;line-height:1.4}.search-form__subtitle{font-size:35px;font-weight:500;line-height:1.4}.search-bar{border:1px solid #ccc;border-radius:30px;justify-content:center;max-width:800px;margin:40px 80px 40px 300px;display:flex;overflow:hidden}.search-bar__input{text-align:justify;border:none;outline:none;flex-grow:1;padding:12px 20px;font-size:16px}.search-bar__button{color:#fff;cursor:pointer;background-color:#4285f4;border:none;padding:12px 24px;font-size:16px}.search-form{text-align:center;color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;padding:100px 20px;font-family:Inter,Arial,sans-serif;position:relative}.search-form:before{content:"";z-index:0;background-color:#00000073;position:absolute;inset:0}.search-form__title,.search-form__subtitle,.search-bar{z-index:1;position:relative}@media screen and (width<=1024px){.search-form__title{font-size:40px}.search-form__subtitle{font-size:28px}.search-bar{margin:0 auto}}@media screen and (width<=544px){.search-form__title{font-size:28px}.search-form__subtitle{font-size:20px}.search-bar{max-width:544px;margin:0 auto}.search-bar__button{max-width:100px;font-size:14px}}.about{align-items:center;gap:40px;max-width:900px;margin:0 auto;padding:80px 20px;display:flex}.about__image{object-fit:cover;border-radius:80%;flex-shrink:0;width:320px;height:320px}.about__info{flex-direction:column;gap:12px;display:flex}.about__title{margin:0;font-family:Inter,Arial,sans-serif;font-size:28px;font-weight:900}.about__description{color:#333;margin:0;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.5}@media screen and (width<=1024px){.about{text-align:center;flex-direction:column;align-items:center;padding:30px 20px}.about__image{width:200px;height:200px}}@media screen and (width<=544px){.about{padding:10px 20px}.about__image{width:150px;height:150px}.about__title{font-size:24px}.about__description{font-size:14px}}.search-results{max-width:1100px;margin:0 auto;padding:40px 20px}.search-results__title{text-align:center;color:#1a1b22;margin:24px;font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:600}.search-results__grid{grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.search-results__load-more{color:#1a1b22;cursor:pointer;background-color:#fff;border:1px solid #0b0b0b;border-radius:100px;margin:24px auto 0;padding:12px 32px;font-size:14px;font-weight:600;display:block;box-shadow:0 1px 6px #0000001a}.search-results__load-more:hover{background-color:#3e68ff}@media screen and (width<=1024px){.search-results{padding:30px 20px}.search-results__grid{grid-template-columns:repeat(2,1fr)}.search-results__title{font-size:24px}}@media screen and (width<=544px){.search-results__grid{grid-template-columns:1fr}.search-results__title{font-size:20px}}.preloader__loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.preloader__spinner{border:4px solid #ddd;border-bottom-color:#888;border-radius:50%;width:50px;height:50px;animation:.75s linear infinite spin}.preloader__text{color:#888;font-family:Inter,Arial,sans-serif;font-size:16px}@keyframes spin{to{transform:rotate(360deg)}}.preloader__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.preloader__empty-icon{opacity:.5;width:60px;height:60px}.preloader__empty-title{color:#333;font-family:Inter,Arial,sans-serif;font-size:20px;font-weight:600}.preloader__empty-subtitle{color:#888;max-width:300px;font-family:Inter,Arial,sans-serif;font-size:14px}.card{background-color:#fff;border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000014}.card__image{object-fit:cover;width:100%;height:500px;display:block}.card__save-button{cursor:pointer;background-color:#e4e0e0e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:16px;right:16px}.card__save-button:hover{background-color:#525050}.card__save-icon{object-fit:contain;width:16px;height:16px}.card__save-button_saved{background-color:#fff}.card__save-button.card__save-button_saved{background-color:#424277}.card__save-button.card__save-button_saved:hover{background-color:#333386}.card__info{flex-direction:column;gap:8px;padding:16px 20px 20px;display:flex}.card__date{color:#b6bcbf;margin:0;font-size:13px}.card__title{color:#1a1b22;margin:0;font-size:18px;font-weight:700}.card__description{color:#3d3d3d;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.card__source{text-transform:uppercase;color:#8b8b8b;margin-top:auto;font-size:12px;font-weight:700}@media screen and (width<=1024px){.card{flex-direction:row;height:180px}.card__image{width:150px;height:100%}.card__info{padding:16px}.card__title,.card__description{text-align:center;margin:0 auto}}@media screen and (width<=544px){.card{flex-direction:row;height:180px}.card__image{width:150px;height:100%}.card__info{padding:16px}.card__title,.card__description{text-align:center}}.footer{flex-shrink:0;padding:120px 0 20px;font-family:Inter,Arial,sans-serif}.footer__copyright{color:#545454;margin:0;font-size:18px;line-height:22px}@media screen and (width<=544px){.footer{padding:30px 0 36px}.footer__copyright{text-align:center;font-size:14px;line-height:17px}}.saved-movies{flex-direction:column;gap:8px;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;display:flex}.saved-movies__title{color:#1a1b22;margin:0;font-family:Inter,Arial,sans-serif;font-size:28px;font-weight:900}.saved-movies__description{color:#8b8b8b;margin:0;font-family:Inter,Arial,sans-serif;font-size:14px}.saved-movies__no-articles{text-align:center;color:#8b8b8b;padding:60px 20px;font-family:Inter,Arial,sans-serif;font-size:16px}.saved-movies__grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px 40px;display:grid}@media screen and (width<=1024px){.saved-movies__title{text-align:center;padding:0 20px;font-size:28px}.saved-movies__description{text-align:center;padding:0 10px 20px;font-size:16px}.saved-movies__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=544px){.saved-movies__title{text-align:center;padding:0 20px;font-size:22px}.saved-movies__description{text-align:center;padding:0 10px 20px;font-size:14px}.saved-movies__grid{grid-template-columns:1fr}}.popup{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;font-family:Inter,Arial,sans-serif;display:flex;position:fixed;inset:0}.popup__button{color:#fff;cursor:pointer;background-color:#3e68ff;border:none;border-radius:100px;width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:600}.popup__switch-link{text-align:center;color:#555;margin-top:16px;font-size:14px}.popup__switch-link button{color:#3e68ff;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.popup__button:hover{cursor:pointer;background:#000c}.popup__close{cursor:pointer;background:url(../images/close.svg) 50%/35px 35px no-repeat;border:none;width:35px;height:35px;margin:0;padding:0;position:absolute;top:-39px;right:-37px}.popup__close:hover{opacity:.6}.popup__content{box-sizing:border-box;background-color:#fff;border-radius:10px;width:100%;max-width:430px;min-height:323px;padding:34px 36px;position:relative}.popup__content_type_delete,.popup__content_type_avatar{min-height:auto;padding:36px}.popup__form{margin-top:27px}.popup__input{box-sizing:border-box;border:0;border-bottom:1px solid #0003;width:100%;height:47px;margin-bottom:10px;padding:10px 0 0;font-size:14px;line-height:17px}.popup__input:last-of-type{margin-bottom:0}.popup__title{text-align:left;margin:0;font-size:24px;font-weight:900;line-height:30px}.popup_is-opened{display:flex}.popup__caption{color:#fff;margin:0;font-size:12px;line-height:15px;position:absolute;top:calc(100% + 10px);left:0}.popup__input-error{color:red;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:400;line-height:100%;display:none}.popup__input_type_error{border:1px solid red}.popup__input-error_active{display:block}.popup__button:disabled{cursor:not-allowed;color:#000;text-align:center;background-color:#fff;border:1px solid #000;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:400;line-height:100%}.popup__field{text-align:left;flex-direction:column;margin-bottom:20px;display:flex}.popup__field-label{color:#3e68ff;margin-bottom:6px;font-size:13px}.login__error{text-align:center;color:#3e68ff;background-color:#e3dfdf;border:1px solid #ede7e7;border-radius:6px;max-width:360px;margin:auto auto 14px;padding:10px;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:100%}@media screen and (width<=1024px){.popup{bottom:112px}.popup__button{height:46px;margin-top:46px;font-size:14px;line-height:17px}.popup__close{width:20px;height:20px;top:-30px;right:7px}.popup__content{width:100%;max-width:calc(100% - 38px);margin-top:8px;padding:25px 22px}.popup__form{margin-top:53px}.popup__title{font-size:18px;line-height:22px}.popup__content_content_image{max-width:75vw;padding:0}}@media screen and (width<=544px){.popup__close{top:-50px;right:-10px}.popup__content{max-width:calc(100% - 80px)}}.popup{background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup__container{background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:430px;min-height:330px;display:flex;position:relative}.popup__close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:40px;position:absolute;top:-40px;right:-40px}.popup__status{width:120px;height:120px;margin-bottom:32px}.popup__message{text-align:center;color:#000;width:358px;margin:0;font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:900;line-height:100%}@media screen and (width<=544px){.popup__container{box-sizing:border-box;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:280px;min-height:308px;padding:36px 22px;display:flex}.popup__close{top:-60px;right:130px}.popup__status{width:80px;height:80px;margin-bottom:32px}.popup__message{text-align:center;width:244px;margin:0;font-size:20px;font-weight:900;line-height:24px}}
