.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 40px;border-bottom:1px solid #d1d2d6}.header--dark .header__title{color:#000}.header--light .header__title{color:#fff}.header__title{margin:0;padding:30px 0 26px;font-size:20px;line-height:24px;text-decoration:none}.header__menu-btn{display:none}.header__overlay{position:fixed;top:56px;left:0;width:100vw;height:100vh;background:#00000080;z-index:5}@media screen and (max-width: 480px){.header{height:56px;padding:0 16px}.header--mobile-open{background-color:#1a1b22;transition:background-color .3s ease}.header__title{font-size:16px}.header__menu-btn{display:block;background-color:transparent;border:none;height:24px;width:24px}}.nav{display:flex;padding:0;gap:42px;align-items:center;font-family:"Roboto 500","sans-serif"}.nav--light .nav__saved-articles-btn{color:#fff}.nav--dark .nav__saved-articles-btn{color:#000;opacity:100%;border-radius:0;border-bottom:3px solid black}.nav--dark .nav__logout-icon{width:16px;height:17px}.nav--light .nav__logout{color:#fff;border:1px solid white}.nav--light .nav__link-home{color:#fff;border-bottom:3px solid white}.nav--dark .nav__link-home{color:#000}.nav__link-home{text-decoration:none;padding:30px 0 26px}.nav__button-sign-in{background-color:transparent;border-radius:100px;border:1px solid white;color:#fff;width:176px;height:48px;padding:13px 0;display:flex;align-items:center;justify-content:center;cursor:pointer}.nav__logged-in-opts{display:flex;flex-direction:row;align-items:center;gap:30px}.nav__saved-articles-btn{background-color:transparent;border-radius:100px;opacity:50%;height:48px;font-size:16px;line-height:1;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:30px 34px 26px}.nav__saved-articles-btn:hover{opacity:100%}.nav__logout{background-color:transparent;border-radius:100px;display:flex;align-items:center;justify-content:center;width:112px;height:48px;padding:0 12px 0 19px;cursor:pointer;gap:10px}.nav__logout-icon{width:24px;height:24px}@media screen and (max-width: 480px){.nav{display:none}.nav__link-home{color:#fff;text-decoration:none;padding:0}.nav--mobile-open{display:flex;flex-direction:column;position:absolute;top:57px;left:0;width:100%;padding-bottom:22px;background:#1a1b22;gap:12px;animation:dropdown .3s ease forwards;z-index:10}.nav__button-sign-in{width:256px}.nav__link-home{display:flex;align-items:center;justify-content:flex-start;height:56px;width:288px;padding:16px 16px 22px}.nav--light .nav__link-home{border-bottom:none}@keyframes dropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.main__hero{display:flex;flex-direction:column;color:#fff;align-items:center}.main__header{font-size:60px;line-height:64px;padding:160px 416px 32px;font-weight:400;margin:0}.main__text{font-size:18px;line-height:24px;padding:0;margin:0}.main__loader{position:relative;height:374px;color:#f5f6f7}@media screen and (max-width: 480px){.main__hero{padding:0 16px}}.search__bar{display:flex;position:relative;align-items:center;padding:88px 416px 80px}.search__bar-input{width:608px;height:62px;border-radius:100px;border:1px solid #d1d2d6;box-sizing:border-box;background-color:#fff;padding-left:24px;color:#000;font-size:16px;line-height:22px}.search__bar-input::placeholder{color:#b6bcbf}.search__bar-button{border:none;border-radius:100px;height:64px;width:168px;background-color:#2f71e5;color:#fff;cursor:pointer;position:absolute;left:60%;font-size:18px;line-height:24px}.search__bar-button:hover{background-color:#347eff}.search__bar-button:active{background-color:#2a65cc}@media screen and (max-width: 480px){.search__bar{display:flex;flex-direction:column;padding:122px 0 32px;gap:16px;align-items:center}.search__bar-input{width:288px;height:56px;font-size:16px;line-height:22px}.search__bar-button{height:56px;width:288px;position:static;left:auto}}.preloader__circle{display:block;width:50px;height:50px;border:4px solid #444;border-bottom-color:#888;border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;animation:spin .75s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.preloader__text{font-size:18px;line-height:24px;color:#b6bcbf}.preloader__results-image{height:82.5px;width:82.5px}.preloader__results-header{color:#000;font-size:26px;line-height:30px}.preloader__results-text{color:#b6bcbf;font-size:18px;line-height:24px}.results{background-color:#f5f6f7;padding:80px 104px}.results__header{font-size:40px;line-height:46px;margin:0;padding-bottom:64px}.results__show-more-btn{cursor:pointer;border:none;background-color:#fff;width:288px;height:64px;border-radius:80px;font-size:18px;line-height:24px;margin:0 auto;display:block}.results__show-more-btn:hover{background-color:#e8e8e8}@media screen and (max-width: 480px){.results{padding:32px 16px 24px}.results__header{font-size:30px;line-height:34px;padding-bottom:58px}}.card{height:576px;max-width:400px;background-color:#fff;border-radius:16px;list-style-type:none;margin:0;overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer}.card__image{width:100%;height:272px;object-fit:cover;display:block;border-top-right-radius:16px;border-top-left-radius:16px}.card__save-button{background-color:#fff;border:none;position:absolute;cursor:pointer;top:24px;right:24px;left:auto;border-radius:8px;height:40px;width:40px}.card__save-icon{opacity:50%}.card__save-icon:hover,.card__save-icon--active{opacity:1}.card__delete-button{border:none;border-radius:8px;height:40px;width:40px;position:absolute;cursor:pointer;top:8px;right:8px;left:auto;background-color:#fff}.card__delete-icon{opacity:.5}.card__delete-icon:hover,.card__delete-wrapper:hover .card__delete-text{opacity:1}.card__delete-text{color:#000;background-color:#fff;position:absolute;top:8px;left:200px;margin-right:8px;font-size:12px;line-height:100%;border:14px solid white;border-radius:8px;opacity:0}.card__save-text{color:#000;background-color:#fff;position:absolute;top:8px;left:143px;margin-right:8px;font-size:12px;line-height:100%;border:14px solid white;border-radius:8px;opacity:0}.card__save-wrapper:hover .card__save-text{opacity:1}.card__keyword{font-size:14px;line-height:100%;color:#000;background-color:#fff;border-radius:8px;padding:14px 20px;position:absolute;top:8px;left:8px}.card__body{padding:20px 24px 24px;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.card__date{font-size:18px;line-height:24px;letter-spacing:0;color:#b6bcbf}.card__title{font-size:26px;line-height:30px}.card__text{font-size:16px;line-height:22px}.card__spacer{flex-grow:1}.card__source{color:#b6bcbf;font-size:16px;line-height:20px;letter-spacing:.4px;text-transform:uppercase}.card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style-type:none}@media screen and (max-width: 480px){.card-list{display:grid;grid-template-columns:repeat(1,1fr);gap:0;padding:0;row-gap:10px}}.about__section{color:#1a1b22;display:flex;flex-direction:row;align-items:center;gap:56px}.about__image{height:464px;width:464px;border-radius:500px;padding:80px 80px 80px 104px}.about__section-text{display:flex;flex-direction:column;text-align:left}.about__header{font-size:40px;line-height:46px;margin:0;padding:100px 0 24px}.about__text{font-size:18px;line-height:24px;margin-top:0;padding-right:100px}@media screen and (max-width: 1024px){.about__image{height:424px;width:424px}.about__text{padding-right:50px}}@media screen and (max-width: 480px){.about__section{display:flex;flex-direction:column;align-items:center;gap:0;padding-bottom:128px}.about__image{height:272px;width:272px;padding:32px 24px 24px}.about__header{font-size:30px;line-height:40px;padding:0 16px 16px}.about__text{padding:0 16px}}.footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:32px 104px 26px}.footer__text{font-size:16px;line-height:22px;color:#b6bcbf;margin:0}.footer__content{display:flex;justify-content:space-between;gap:40px;align-items:center}.footer__nav{display:flex;gap:40px}.footer__link{text-decoration:none;color:#000}.footer__social{display:flex;margin:0;gap:24px}.footer__icon{height:24px;width:24px}@media screen and (max-width: 480px){.footer{display:flex;flex-direction:column-reverse;padding:20px 16px 22px}.footer__text{margin-top:20px;text-align:center}.footer__content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}.footer__nav{display:flex;flex-direction:column;gap:40px}.footer__social{display:flex;margin:0;padding:0;gap:24px}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000004d;display:flex;justify-content:center;visibility:hidden;border-radius:8px}.modal_opened{visibility:visible;opacity:1}.modal__content{background-color:#fff;position:relative;max-width:430px;box-sizing:border-box;width:100%;padding:34px 36px 28px;margin:auto;border-radius:16px}.modal__form{display:flex;flex-direction:column;width:100%}.modal__title{font-size:24px;line-height:100%;padding-bottom:24px;margin:0}.modal__close{position:absolute;top:-40px;right:-48px;background-color:transparent;border:none;padding:0;width:40px;height:40px;cursor:pointer}.modal__close-btn{background-color:transparent}.modal__label{font-size:12px;color:#2f71ef;line-height:100%;padding-bottom:24px}.modal__input{display:block;font-size:14px;line-height:100%;width:100%;border:none;border-bottom:1px solid black;padding-top:8px}.modal__legend{padding-bottom:12px}.modal__submit{background-color:#2f71e5;color:#fff;border-radius:100px;width:360px;height:64px;font-size:18px;line-height:24px;border:none}.modal__submit:hover{opacity:.6}.modal__submit:disabled{background-color:#e6e8eb}.modal__submit:hover:disabled{opacity:1}.modal__log-in-btn{border:none;background-color:transparent;font-size:16px;line-height:20px;opacity:50%;cursor:pointer}.modal__register-btn{border:none;background-color:transparent;font-size:16px;line-height:20px;cursor:pointer;color:#2f71e5}.modal__register-btn:hover{opacity:50%}.modal__button-row{margin:0;display:flex;flex-direction:column;gap:12px;padding:0;align-items:center}.modal__footer{display:flex;align-items:flex-end;padding:0;margin-bottom:8px}.modal__footer-register-success{display:flex;justify-content:flex-start}.modal__error{color:#ff4d00;font-size:16px;line-height:20px}@media screen and (max-width: 480px){.modal{position:fixed;top:56px;left:0;right:0;bottom:0;z-index:1000;background-color:#fff;overflow-y:auto}.modal.modal_opened .modal__close{top:16px;right:16px;background-color:#000}.modal__content{margin:0;padding:16px}.modal__close-btn{width:24px;height:24px}}.page__photo-background{background-image:url(/news-explorer-frontend/assets/backgroundPhoto-Cy7Zp1km.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}html,body{overflow-x:hidden;overflow-y:auto}.footer{margin-bottom:0;padding-bottom:22px}.saved{padding:24px 0 32px}.saved__description{font-size:14px;line-height:24px;opacity:50%;margin:0;padding-left:40px}.saved__header{font-size:40px;line-height:46px;padding-left:40px}.saved__data{font-size:18px;line-height:24px;padding-left:40px}.saved__list-wrapper{padding:32px 40px;background-color:#f5f6f7}.saved__list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style-type:none;background-color:#f5f6f7;padding:0}@media screen and (max-width: 480px){.saved__list{display:grid;grid-template-columns:repeat(1,1fr);gap:0;padding:0;row-gap:10px}.saved__list-wrapper{padding:24px 12px 16px}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[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{display:none}[hidden]{display:none}@font-face{font-family:Inter Regular;src:url(/news-explorer-frontend/assets/inter-400-regular-qutc5kle.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(/news-explorer-frontend/assets/inter-500-CPwiR-kq.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(/news-explorer-frontend/assets/roboto-400-regular-CEEi-WbQ.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"Roboto 500";src:url(/news-explorer-frontend/assets/roboto-500-DRg8azjQ.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:"Roboto Slab 700";src:url(/news-explorer-frontend/assets/roboto-slab-700-U4tbeySt.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:"Roboto 900";src:url(/news-explorer-frontend/assets/roboto-900-BEowQPyJ.woff2) format("woff2");font-weight:900;font-style:normal}@font-face{font-family:Roboto Slab;src:url(/news-explorer-frontend/assets/roboto-slab-400-regular-CGZ9feuv.woff2) format("woff2");font-weight:400;font-style:normal}body{font-family:Roboto Slab,"sans-serif";font-weight:400}.saved__description,.search__bar-input,.main__text,.about__text,.footer__text,.footer__nav,.card__text,.saved__data,.preloader__results-text,.preloader__text{font-family:Roboto,sans-serif;font-weight:400}.search__bar-button,.results__show-more-btn .modal__submit,.modal__register-btn,.modal__footer,.modal__button-row,.results__show-more-btn,.card__delete-text,.card__keyword{font-family:Roboto,sans-serif;font-weight:500}.modal__title{font-family:"Roboto 900",sans-serif;font-weight:900}.card__source{font-family:"Roboto Slab 700",sans-serif;font-weight:700}.modal__label,.card__date{font-family:Inter Regular,sans-serif;font-weight:400}