*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,p,dl,dd{margin:0}h1,h2,h3,h4{line-height:1.1}ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block;object-fit:cover}input,button,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Space Mono;font-weight:400;src:url(/github-user-search-react-query/assets/spacemono-regular-webfont-C2wNTUpV.woff2) format("woff2"),url(/github-user-search-react-query/assets/spacemono-regular-webfont-CXvGMQDO.woff) format("woff")}@font-face{font-family:Space Mono;font-weight:700;src:url(/github-user-search-react-query/assets/spacemono-bold-webfont-CaN0ys9c.woff2) format("woff2"),url(/github-user-search-react-query/assets/spacemono-bold-webfont-Dd9D_Ll5.woff) format("woff")}:root{color-scheme:light dark}body{margin:0;min-height:100dvh;text-rendering:optimizeSpeed;line-height:25px;font-family:Space Mono,monospace;font-weight:400;font-size:clamp(.8125rem,.25rem + 1vw,.9375rem);background-color:var(--main-bg);color:var(--text-clr);display:grid;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;line-height:1;text-align:center;background:none;border:none;cursor:pointer}.toggle-button{gap:1.25em;color:var(--toggle-clr);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:2.5px}.toggle-button:hover{color:var(--toggle-hover-clr)}.toggle-button:focus-visible{color:var(--toggle-hover-clr);outline-color:var(--toggle-hover-clr);outline-width:2px;outline-style:dotted;outline-offset:.5em}.toggle-button:hover svg path,.toggle-button:focus-visible svg path{fill:var(--toggle-hover-clr)}.search-button{font-weight:700;border-radius:10px;padding-block:1.1125em;padding-inline:var(--padding-inline);background-color:var(--search-btn-bg);color:var(--search-btn-text);position:relative;isolation:isolate;--padding-inline: clamp(1.125rem, .7671755725rem + 1.5267175573vw, 1.5rem)}.search-button:before{content:"";position:absolute;inset:0;display:block;background-color:var(--search-btn-hover-bg);color:var(--search-btn-text);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease-in-out}.search-button:focus{outline-width:2px;outline-style:dotted;outline-color:var(--accent-clr)}.search-button:focus:not(:focus-visible){outline:none}.search-button:hover:before,.search-button:focus:before{opacity:1}.button-container{border:2px solid var(--accent-clr);overflow:hidden;display:grid;grid-auto-flow:column}.button-container>*{padding-block:1em;padding-inline:2em;font-weight:700;text-transform:uppercase;letter-spacing:.125rem;color:var(--accent-clr);position:relative}.button-container>*:before,.button-container>*:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s;z-index:-1}.button-container>*:before{background-color:var(--tab-button-hover)}.button-container>*:after{background-color:var(--tab-button-clr)}.button-container>*:hover:before{opacity:1}.active{color:var(--tab-button-text)}.active:after{opacity:1}.profile-card{display:grid;grid-template-columns:minmax(4.375rem,min-content) 1fr;grid-auto-flow:dense;gap:0 clamp(1.2rem,1.2rem + 5vw,2.6rem)}.profile-card__img{grid-column:1;grid-row:1/4;align-content:end}.profile-card__bio{grid-column:1/span 2;margin-block-start:1.25rem}@media screen and (min-width: 42.8em){.profile-card{grid-template-columns:minmax(7.3125rem,min-content) 1fr}}@media screen and (min-width: 53em){.profile-card{grid-template-columns:7.3125rem repeat(2,1fr)}.profile-card__img{align-content:start}.profile-card__date{grid-row:1;grid-column:3;justify-self:end;align-self:end}.profile-card__bio{grid-column:2/span 2}}.profile-card__title{align-self:end;color:var(--text-accent-clr)}.profile-card__name{align-self:center;color:var(--accent-clr)}.profile-card__date{color:var(--date-clr)}.repo-list{margin:0;padding:0}.repo-list__item{font-size:clamp(.6875rem,.25rem + 1vw,.8125rem);background-color:var(--stats-card-bg);padding:1.5rem;padding:.95rem;display:grid}.repo-list__item h4{font-size:clamp(.875rem,.25rem + 1vw,1rem);font-weight:700}.repo-list__item a{color:var(--accent-clr);text-decoration:none}.repo-list__item a:hover,.repo-list__item a:focus{text-decoration:underline}.repo-list__item article{display:grid;gap:.75rem}.repo-list .stats-card{--_stats-padding: 1rem;--_stats-bg: transparent;border:1px solid var(--search-btn-hover-bg);border-radius:15px}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-clr) var(--scrollbar-track-clr)}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-clr);border-radius:5px}::-webkit-scrollbar-track{background-color:var(--scrollbar-track-clr);border-radius:5px}html{scrollbar-gutter:stable}.search-bar{display:grid;grid-template-columns:min-content 1fr 0fr min-content;grid-template-rows:auto 0fr 0fr;padding-block:.6em;padding-inline:1rem .6em;background-color:var(--search-bg);box-shadow:var(--box-shadow);will-change:grid-template-rows;transition:grid-template-rows .5s ease-in-out}.search-bar:has(input:focus-visible){outline-width:3px;outline-style:dotted;outline-color:var(--accent-clr)}.search-bar:has(ul:not(:empty)){grid-template-rows:auto 1em 7rem}.search-bar:not(:has(input:focus-visible)){grid-template-rows:auto 0fr 0fr}.search-bar .icon{align-self:center;display:grid;width:25px}.search-bar input{width:100%;max-width:100%;background:none;border:none;padding-inline-start:8px;font-size:clamp(.8125rem,.25rem + .75vw,1.125rem);color:var(--text-input-clr);caret-color:var(--accent-clr)}.search-bar input::placeholder{color:var(--text-clr);opacity:1}.search-bar input:focus{outline:none}.search-bar .info{width:fit-content;margin-inline:1.25em;align-self:center;font-weight:700;color:var(--error-clr)}.search-bar.error{grid-template-columns:min-content 1fr minmax(auto,max-content) min-content}.search-bar .suggestion-list-wrapper{grid-column:1/-1;grid-row:3}.select-menu-wrapper{--_btn-size: 2.6rem;position:relative;border:none;border:2px solid var(--select-menu-br);border-radius:8px;overflow:hidden;isolation:isolate}.select-menu-wrapper:focus-within{border:2px solid var(--select-menu-br-focus)}.select-menu-wrapper__arrow{position:absolute;inset:0 0 0 auto;width:var(--_btn-size);height:100%;display:grid;place-content:center;text-align:center;transition:opacity .4s ease-in-out;border-radius:inherit;pointer-events:none;z-index:0}.select-menu-wrapper__arrow svg{display:block;width:1.25em;height:1.25em;pointer-events:none;transform:translateY(2px);stroke:var(--dropdown-arrow)}.select-menu-wrapper__arrow:before{content:"";position:absolute;inset:0 0 0 auto;width:var(--_btn-size);background-color:var(--select-btn-bg);opacity:1;transition:opacity .4s ease-in-out;z-index:-1}.select-menu-wrapper__arrow:after{content:"";position:absolute;inset:0 0 0 auto;width:var(--_btn-size);background-color:var(--select-btn-bg-hover);opacity:0;transition:opacity .4s ease-in-out;z-index:-1;pointer-events:none}.select-menu-wrapper:hover .select-menu-wrapper__arrow:before{opacity:0}.select-menu-wrapper:hover .select-menu-wrapper__arrow:after{opacity:1}.select-menu{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;background-color:var(--profile-card-bg);color:currentColor;padding-block:.5rem;padding-inline-start:1em;padding-inline-end:calc(var(--_btn-size) + .5em);border-radius:8px 8px 0 0;border:none;outline:none;cursor:pointer}.card-skeleton{--img-size: 5rem;--user-info-width: 8rem;--user-info-width-small: 6rem;--user-info-height: .65rem;--user-stats-width: calc(100% - $card-padding);--user-stats-height: 5rem;--user-link-width: calc(100% - ($card-padding * 4));--user-link-height: .65rem;--repo-heading-width: 8rem;--repo-heading-height: 1rem;--repo-sorting-menu-item-width: calc(100% - $card-padding);--repo-sorting-menu-item-height: 2rem;--repo-list-width: calc(100% - $card-padding);--repo-list-height: 11rem;--animation-time: 2.4s;display:grid;grid-auto-flow:row;gap:2rem;max-block-size:var(--card-content-height)}.card-skeleton__img,.card-skeleton__user-info,.card-skeleton__stats,.card-skeleton__link,.card-skeleton__header,.card-skeleton__sorting-menus__item,.card-skeleton__repo-list{background-color:var(--skeleton-primary-clr);position:relative;isolation:isolate;overflow:hidden;border-radius:8px}.card-skeleton__img:before,.card-skeleton__user-info:before,.card-skeleton__stats:before,.card-skeleton__link:before,.card-skeleton__header:before,.card-skeleton__sorting-menus__item:before,.card-skeleton__repo-list:before{content:"";position:absolute;inset:0 auto 0 0;width:240px;animation:loading var(--animation-time) infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-gradient-clr),0),rgba(var(--skeleton-gradient-clr),.05),rgba(var(--skeleton-gradient-clr),.25),rgba(var(--skeleton-gradient-clr),.5),rgba(var(--skeleton-gradient-clr),.25),rgba(var(--skeleton-gradient-clr),.05),rgba(var(--skeleton-gradient-clr),0))}.card-skeleton__img{width:var(--img-size);height:var(--img-size);border-radius:50%}.card-skeleton__user-info{width:var(--user-info-width);height:var(--user-info-height);grid-column:2}.card-skeleton__user-info--small{width:var(--user-info-width-small)}.card-skeleton__user-info:last-child{width:var(--user-stats-width);grid-column:1/span 2;margin-block-start:1.25rem}.card-skeleton__stats{width:var(--user-stats-width);height:var(--user-stats-height)}.card-skeleton__links{display:grid;gap:1.1875em 0}.card-skeleton__link{width:var(--user-link-width);height:var(--user-link-height)}@media screen and (min-width: 53em){.card-skeleton{--img-size: 7rem;--user-stats-width: calc(100% - var(--img-size));--user-link-width: 50%}.card-skeleton__user-info:nth-child(4){grid-row:1;grid-column:3;justify-self:end;align-self:start}.card-skeleton__user-info:last-child{grid-column:2/span 2}}.card-skeleton__header{inline-size:var(--repo-heading-width);block-size:var(--repo-heading-height)}.card-skeleton__sorting-menus__item{inline-size:var(--repo-sorting-menu-item-width);block-size:var(--repo-sorting-menu-item-height)}.card-skeleton__repo-list{inline-size:var(--repo-list-width);block-size:var(--repo-list-height)}.item-skeleton{--animation-time: 1.8s;padding-block:.75em;padding-inline:1em;display:flex;gap:1.5em;align-items:center}.item-skeleton>*{background-color:var(--skeleton-primary-clr);position:relative;isolation:isolate;overflow:hidden}.item-skeleton__img{width:2.5em;height:2.5em;border-radius:50%}.item-skeleton__name{width:4em;height:.5em}.item-skeleton>*:before{content:"";position:absolute;inset:0 auto 0 0;width:40px;animation:loading var(--animation-time) infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-gradient-clr),0),rgba(var(--skeleton-gradient-clr),.05),rgba(var(--skeleton-gradient-clr),.25),rgba(var(--skeleton-gradient-clr),.5),rgba(var(--skeleton-gradient-clr),.25),rgba(var(--skeleton-gradient-clr),.05),rgba(var(--skeleton-gradient-clr),0))}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(200%)}}.stats-card{display:grid;grid-template-columns:repeat(3,1fr);gap:0 1.5em;text-align:center;padding-block:var(--_stats-padding-block, 1.5rem);padding-inline:var(--_stats-padding-inline, 1.5rem);background-color:var(--_stats-bg, var(--stats-card-bg))}@media screen and (max-width: 23.75em){.stats-card{--_stats-padding-inline: .85rem;gap:0 .85rem}}.stats-card dd{grid-row:2;color:var(--text-accent-clr)}@media screen and (min-width: 42.8em){.stats-card{text-align:left}}.suggestion-list-wrapper{padding:0;margin:0;overflow-y:scroll;overscroll-behavior:contain}.suggestion-list{padding-block:0;padding-inline:0;border-radius:0 0 15px 15px;background-color:var(--search-bg)}.suggestion-list__item{padding-block:.75em;padding-inline:1em;margin-inline-end:.5em;border-radius:10px;position:relative;z-index:1}.suggestion-list__item>*{display:flex;gap:1.5rem;align-items:center}.suggestion-list__item__img{max-width:2.5rem;z-index:-1}.suggestion-list__item__name{font-weight:400;font-size:inherit;color:currentColor}.suggestion-list__item:after{content:"";position:absolute;inset:0;background-color:var(--suggestion-bg);border-radius:inherit;opacity:0;z-index:-2;transition:opacity .3s ease-in-out}.suggestion-list__item:hover:after{opacity:1}.suggestion-list:empty{display:none}.user-card{background-color:var(--profile-card-bg);box-shadow:var(--box-shadow);padding:var(--padding);--padding: clamp(1.5rem, .5458015267rem + 4.0712468193vw, 2.5rem)}@media (min-width: 48em){.user-card{--padding: clamp(2.5rem, 1.9285714286rem + 1.1904761905vw, 3rem)}}@media screen and (max-width: 23.4em){.user-card{padding:1rem}}.user-card__overview{display:grid;grid-template-columns:1fr;gap:2rem 0}.user-card__overview .no-info,.user-card__overview .no-info svg path{opacity:.5}@media screen and (min-width: 53em){.user-card__overview{grid-template-columns:7.3125rem 1fr;gap:2rem clamp(1.2rem,1rem + 3vw,2.6rem)}.user-card__overview__header{grid-column:1/-1}.user-card__overview>*:not(.user-card__overview__header){grid-column:2}}.user-card__overview,.user-card__repos{block-size:var(--card-content-height)}.user-card__repos{overflow-y:auto;padding-inline-end:1rem;display:grid;grid-auto-flow:row;align-content:start;gap:2rem}.user-card__repos h3{font-size:clamp(1rem,.25rem + 2vw,1.375rem);font-weight:700;color:var(--text-accent-clr)}.user-links{display:grid;grid-template-columns:auto 1fr;gap:1.1875em .8125em}@media screen and (min-width: 42.8em){.user-links{grid-template-columns:auto .8125em minmax(0,1fr) clamp(1.1875em,1.1875em + 4vw,2.75em) auto .8125em minmax(0,1fr);gap:1.1875em 0}.user-links dd:nth-of-type(1){grid-column:1;grid-row:1}.user-links dt:nth-of-type(1){grid-column:3;grid-row:1}.user-links dd:nth-of-type(2){grid-column:1;grid-row:2}.user-links dt:nth-of-type(2){grid-column:3;grid-row:2}.user-links dd:nth-of-type(3){grid-column:5;grid-row:1}.user-links dt:nth-of-type(3){grid-column:7;grid-row:1}.user-links dd:nth-of-type(4){grid-column:5;grid-row:2}.user-links dt:nth-of-type(4){grid-column:7;grid-row:2}}.user-links svg path{fill:var(--text-clr)}.user-links a{display:block;text-decoration:none;color:currentColor}.user-links a:hover,.user-links a:focus{text-decoration:underline}.flex-row{display:flex}.space-between{justify-content:space-between}.grid-auto-fit{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr))}.br-small{border-radius:10px}.br-medium{border-radius:15px}.br-circle{border-radius:50%}.container{--padding-inline: 1.5em;--max-width: 45.625rem;width:min(100% - var(--padding-inline) * 2,var(--max-width));margin-inline:auto}@media screen and (min-width: 42.8em){.container{--padding-inline: 7.5em}}.flow>*+*{margin-top:var(--flow-spacer, 1.5rem)}.fs-900{font-size:clamp(1rem,.5rem + 2vw,1.625rem);line-height:1.1}.fs-800{font-size:clamp(1rem,.25rem + 2vw,1.375rem);line-height:1.1}.fs-300{font-size:.8125rem}.fs-200{font-size:clamp(.6875rem,.25rem + 1vw,.8125rem)}.fw-bold{font-weight:700}.force-link-wrap{word-wrap:break-word;overflow-wrap:anywhere;white-space:normal}.force-wrap-text{word-break:break-all;overflow-wrap:break-word;white-space:normal}.main-title{font-size:1.625rem;font-weight:700;color:var(--text-accent-clr)}.section{padding-block:clamp(5rem,10vh,7rem)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-light{--main-bg: #f6f8ff;--text-clr: #4b6a9b;--text-input-clr: #222731;--text-accent-clr: #2b3442;--date-clr: #697c9a;--toggle-clr: #697c9a;--toggle-hover-clr: #222731;--accent-clr: #0079ff;--error-clr: #f74646;--search-bg: #fff;--search-btn-bg: #0079ff;--search-btn-hover-bg: #60abff;--search-btn-text: #fff;--suggestion-bg: rgba(0, 121, 255, .2);--stats-card-bg: #f6f8ff;--profile-card-bg: #fff;--scrollbar-thumb-clr: #0079ff;--scrollbar-track-clr: #f6f8ff;--select-btn-bg: #0079ff;--select-btn-bg-hover: #60abff;--select-menu-br: #0079ff;--select-menu-br-focus: #60abff;--dropdown-arrow: #fff;--tab-button-clr: #0079ff;--tab-button-hover: rgba(0, 121, 255, .2);--tab-button-text: #fff;--box-shadow: 0px 16px 30px -10px rgba(70, 96, 187, .1986);--skeleton-primary-clr: rgb(215, 220, 241);--skeleton-gradient-clr: 255, 255, 255}.theme-dark{--main-bg: #141d2f;--text-clr: #fff;--text-input-clr: #fff;--text-accent-clr: #fff;--date-clr: #fff;--toggle-clr: #fff;--toggle-hover-clr: #90a4d4;--accent-clr: #0079ff;--error-clr: #f74646;--search-bg: #1e2a47;--search-btn-bg: #0079ff;--search-btn-hover-bg: #60abff;--search-btn-text: #fff;--suggestion-bg: rgba(0, 121, 255, .2);--stats-card-bg: #141d2f;--profile-card-bg: #1e2a47;--scrollbar-thumb-clr: #0079ff;--scrollbar-track-clr: #141d2f;--select-btn-bg: #0079ff;--select-btn-bg-hover: #60abff;--select-menu-br: #0079ff;--select-menu-br-focus: #60abff;--dropdown-arrow: #fff;--tab-button-clr: #0079ff;--tab-button-hover: rgba(0, 121, 255, .2);--tab-button-text: #fff;--box-shadow: none;--skeleton-primary-clr: rgb(182, 189, 211);--skeleton-gradient-clr: 100, 113, 143}