:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}.users-cont{background-color:gray;width:100%;min-height:100vh;margin:0 auto;padding:clamp(10px,3vw,30px);display:grid}.user-card-cont{color:#000;z-index:9999;background-color:gray;border:3px solid red;border-radius:12px;flex-direction:column;width:100%;height:fit-content;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.user-card-cont:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.user-card-content{text-align:center;flex-direction:column;align-items:center;gap:clamp(10px,2vw,20px);width:100%;height:100%;padding:clamp(12px,3vw,25px);display:flex}.user-avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;width:clamp(60px,15vw,120px);height:clamp(60px,15vw,120px);box-shadow:0 4px 8px #0003}.user-info{flex-direction:column;gap:clamp(5px,1vw,10px);width:100%;display:flex}.repo-name{color:#000;word-break:break-word;font-size:clamp(1rem,4vw,1.8rem);font-weight:700;line-height:1.3}.repo-id{color:#000;word-break:break-word;font-size:clamp(.8rem,2.5vw,1.1rem)}.repo-url{color:#000;word-break:break-all;opacity:.9;font-size:clamp(.7rem,2vw,1rem)}.test-container{box-sizing:border-box;border-radius:8px;width:100%;margin:clamp(5px,1vw,10px) 0!important;padding:clamp(8px,2vw,15px)!important}.blue-border{border:2px solid #00f}.green-border{border:2px solid green}.orange-border{border:2px solid orange}.test-link{color:#00f;text-align:center;box-sizing:border-box;cursor:pointer;background-color:#add8e6;border:none;border-radius:6px;width:100%;padding:clamp(8px,2vw,15px) clamp(10px,3vw,20px);font-size:clamp(12px,3vw,18px);font-weight:500;text-decoration:underline;transition:all .3s;display:block}.test-link:hover{background-color:#99c9ff;transform:scale(1.02)}.test-link:active{transform:scale(.98)}.test-button{cursor:pointer;box-sizing:border-box;text-align:center;border:none;border-radius:6px;width:100%;padding:clamp(8px,2vw,15px) clamp(10px,3vw,20px);font-size:clamp(12px,3vw,16px);font-weight:600;transition:all .3s;display:block}.test-button:hover{transform:scale(1.02)}.test-button:active{transform:scale(.98)}.test-button.green{color:#fff;background-color:green}.test-button.green:hover{background-color:#006400}.test-button.orange{color:#000;background-color:orange}.test-button.orange:hover{background-color:#ffb347}.loading-container{text-align:center;color:#000;grid-column:1/-1;padding:clamp(20px,5vw,50px);font-size:clamp(1.2rem,5vw,2rem)}@media screen and (width<=320px){.users-cont{grid-template-columns:1fr;gap:8px;padding:5px}.user-card-content{gap:8px;padding:10px}.test-container{margin:4px 0!important}}@media screen and (width>=321px) and (width<=480px){.users-cont{grid-template-columns:1fr;gap:12px;padding:8px}.user-card-content{gap:10px;padding:12px}}@media screen and (width>=481px) and (width<=576px){.users-cont{grid-template-columns:1fr;gap:15px;padding:10px}}@media screen and (width>=577px) and (width<=768px){.users-cont{grid-template-columns:repeat(2,1fr);gap:15px;padding:12px}}@media screen and (width>=769px) and (width<=992px){.users-cont{grid-template-columns:repeat(2,1fr);gap:18px;padding:15px}}@media screen and (width>=993px) and (width<=1200px){.users-cont{grid-template-columns:repeat(3,1fr);gap:20px;padding:18px}}@media screen and (width>=1201px) and (width<=1400px){.users-cont{grid-template-columns:repeat(4,1fr);gap:22px;padding:20px}}@media screen and (width>=1401px) and (width<=1600px){.users-cont{grid-template-columns:repeat(4,1fr);gap:24px;padding:22px}}@media screen and (width>=1601px) and (width<=1920px){.users-cont{grid-template-columns:repeat(5,1fr);gap:25px;max-width:1800px;padding:25px}}@media screen and (width>=1921px){.users-cont{grid-template-columns:repeat(6,1fr);gap:28px;max-width:95%;padding:30px}}@media screen and (height<=600px) and (orientation:landscape){.users-cont{grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}.user-avatar{width:50px;height:50px}.user-card-content{gap:5px;padding:8px}.repo-name{font-size:.9rem}.repo-id,.repo-url{font-size:.7rem}.test-container{margin:3px 0!important;padding:5px!important}.test-link,.test-button{padding:4px 8px;font-size:.7rem}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){.user-avatar{border-width:2px}.test-link,.test-button{border-width:1px}}@media (prefers-color-scheme:dark){.users-cont{background-color:#1a1a1a}.user-card-cont{background-color:#2d2d2d;border-color:#ff6b6b}.repo-name,.repo-id,.repo-url{color:#fff}}@media print{.users-cont{background-color:#fff}.user-card-cont{box-shadow:none;break-inside:avoid;border:1px solid #000}.test-link,.test-button{display:none}}