.site-header{display:flex;align-items:center;justify-content:space-between}.site-heading{font-size:32px;line-height:1;color:var(--heading-color)}.theme-toggler{background-color:transparent;color:var(--text-color);text-transform:uppercase;border:none;outline:none;cursor:pointer;letter-spacing:2.6px;font-weight:700;transition:all .2s linear}.theme-toggler span{display:inline-flex;align-items:center;gap:8px}.theme-toggler:hover{color:var(--theme-toggler-btn-hover);fill:var(--theme-toggler-btn-hover)}@media screen and (max-width: 767px){.site-heading{font-size:28px}}.searchbar-form{background-color:var(--secondary-bg);color:var(--text-color);border-radius:15px;padding:12px 12px 12px 25px;display:flex;align-items:center;gap:15px;margin:30px 0 25px;box-shadow:0 16px 30px -10px #4660bb33}.searchbar-form svg{display:block;min-width:24px;color:var(--accent-color)}.search-input{background-color:transparent;color:var(--heading-color);font-size:18px;padding:6px 0;border:none;outline:none;width:100%}.search-input::placeholder{color:var(--text-color)}.error-message{color:var(--error);white-space:nowrap;font-weight:700}.input-empty__error{margin-right:5px}@media screen and (max-width: 767px){.searchbar-form{padding:12px 12px 12px 15px;gap:10px;margin:25px 0}.search-input{font-size:16px}}.card{background-color:var(--secondary-bg);padding:30px;border-radius:15px;box-shadow:0 16px 30px -10px #4660bb33}.user-not-found{display:flex;flex-direction:column;align-items:center;gap:10px}.user-not-found span{font-size:18px;color:var(--heading-color)}.loader{display:block;max-width:40px;margin:auto}.user{display:grid;grid-template-columns:1fr 5fr;gap:25px}.user-image__wrapper{width:120px;height:120px;border-radius:50%;overflow:hidden}.user-image{width:100%;height:100%;object-fit:cover}.user-info__block{display:flex;align-items:start;justify-content:space-between;margin-bottom:20px}.user-realname{font-size:28px;line-height:1;margin-bottom:7px;color:var(--heading-color)}.username{color:var(--accent-color)}.user-description{line-height:1.5}.user-data{background-color:var(--primary-bg);border-radius:15px;padding:15px 30px;margin:25px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.user-block__subheading{font-size:14px;margin-bottom:3px}.user-block__heading{font-size:22px;color:var(--heading-color)}.user-links__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.user-links__list-item{display:inline-flex;align-items:center;gap:10px}.user-links__list-item-link{color:var(--link-color)}.link-disabled{opacity:.7}@media screen and (max-width: 767px){.card{padding:25px 18px}.user{grid-template-columns:1fr;gap:20px}.user-links__list{grid-template-columns:1fr}.user-image__wrapper{width:110px;height:110px;margin:auto}.user-info__block{flex-direction:column;gap:8px}.user-data{padding:14px 20px;margin:20px 0}.user-realname{font-size:24px}}@font-face{font-family:Space Mono;src:url(/assets/SpaceMono-Regular-Daq5aACC.woff2) format("woff2"),url(/assets/SpaceMono-Regular-BVKR1cEe.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/assets/SpaceMono-Bold-DsdYlboR.woff2) format("woff2"),url(/assets/SpaceMono-Bold-B25LWG_8.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;font-family:Space Mono,monospace}body{--primary-bg: #141d2f;--secondary-bg: #1e2a47;--accent-color: #0079ff;--accent-hover-color: #141d2f;--text-color: #ffffff;--heading-color: #ffffff;--theme-toggler-btn-hover: #90a4d4;--error: #f74646;--white: #ffffff;--black: #000000;background-color:var(--primary-bg);color:var(--text-color);transition:all .2s linear}body.light-theme{--primary-bg: #f6f8ff;--secondary-bg: #fefefe;--heading-color: #2b3442;--text-color: #4b6a9b;--theme-toggler-btn-hover: #2b3442}a{text-decoration:none;text-underline-offset:2px}a:hover{text-decoration:underline}.wrapper{padding:70px 0}.hidden{display:none}.container{max-width:730px;width:100%;margin:0 auto;padding:0 20px}.button{background-color:var(--accent-color);color:var(--white);padding:10px 18px;border:none;font-size:18px;border-radius:10px;cursor:pointer;transition:all .2s linear}.button:hover{background-color:var(--accent-hover-color)}@media screen and (max-width: 767px){.wrapper{padding:50px 0}.button{font-size:16px}}
