:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#18181b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;box-sizing:border-box}body{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;font-family:stratum-2-web,sans-serif}body::-webkit-scrollbar{width:15px;z-index:999;position:fixed;background-color:#0a0a0b;transition:background-color .3s}body::-webkit-scrollbar-track{display:none}body::-webkit-scrollbar-thumb{background-color:#007bb4;border-radius:20px;outline:#006594}body::-webkit-scrollbar-thumb:hover{background-color:#006999}body::-webkit-scrollbar-thumb:active{background-color:#005983}body::-webkit-scrollbar-button{display:none}#root{text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.base-page-container{text-align:center;width:100%;box-sizing:border-box;animation:fadeInAnimation ease .3s;animation-iteration-count:1;animation-fill-mode:forwards;padding-top:2rem}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.base-page-header{margin-bottom:2rem}@media (max-width: 768px){.base-page-header{margin-bottom:0rem}}.base-page-header h1{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.base-page-content{font-size:1rem;color:#ffffffde;width:100%;box-sizing:border-box;padding-bottom:1.5rem}body{overflow-x:hidden}.hero-section{background:linear-gradient(to bottom,#007db8,#18181b);color:#fff;text-align:center;padding:2rem 0rem;border-radius:8px;width:100vw;margin-left:calc(-50vw + 50%);position:relative}.hero-section h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.hero-section p{margin:0 1em;font-size:1.5rem;margin-bottom:2rem}.home-content a{color:#007bff;text-decoration:none}.home-content a:hover{color:#006999}.home-content a:active{color:#005983}@media (max-width: 768px){.hero-section{padding-bottom:0}}.button{display:inline-block;padding:.75rem 1.5rem;background-color:#1e1e1e;border:3px solid #007bb4;border-radius:10px;color:#fff;text-decoration:none;font-size:1.25rem;transition:background-color .3s}.button:hover{background-color:#006999}.button:active{background-color:#005983}.button a{color:#fff;text-decoration:none}#navbar{background:linear-gradient(to bottom,#007bb4 85%,#86161600);text-align:center;padding:10px;display:flex;justify-content:space-between;align-items:center;position:fixed;width:100%;top:0;left:0;right:0;margin:0;box-sizing:border-box;z-index:1000}#navbar #nav-links{margin:0 5px;display:flex;align-items:center;flex-wrap:wrap}#navbar a#nav-link{font-weight:1000;color:#f5eded;text-decoration:none;margin:0 15px;flex:auto;text-align:center}#navbar a#nav-link:hover{color:#c9c1c1}#navbar a#nav-link:active{color:#979292}#navbar img.logo{margin:0 1%;width:50px;height:50px;padding:0;cursor:pointer}#navbar .profile-pic{margin:0 1%;width:50px;height:50px;padding:0;border-radius:25%;box-shadow:0 0 5px #000;cursor:pointer}#navbar .loader{margin:0 1%;width:55px;height:55px}#navbar .loader:before,#navbar .loader:after{width:41.9px;height:41.9px}#navbar .dropdown{position:relative;display:inline-block}#navbar .dropdown-content{margin-top:15px;display:none;position:absolute;top:50px;right:25px;background-color:#1e1e1e;min-width:180px;box-shadow:0 8px 16px #0003;border-radius:4px;z-index:1;border:2px solid #007bb4}#navbar .dropdown-content p{color:#007bb4;font-size:20px;padding:0;margin:10px 0;text-decoration:none;display:block}#navbar .dropdown-content a{color:#f5eded;font-size:20px;padding:12px 16px;text-decoration:none;display:block;transition:background-color .3s}#navbar .dropdown-content a:hover{background-color:#006999}#navbar .dropdown-content a:active{background-color:#005983}body{padding-top:2rem}@media (max-width: 768px){#navbar img.logo,#navbar .profile-pic{margin:0 1%;width:50px;height:50px;padding:0}#navbar .loader{margin:0 1%;width:55px;height:55px}body{padding-top:2rem}}.loader{width:48px;height:48px}.loader.basic{border-radius:50%;position:relative;animation:rotate-basic 1s linear infinite}.loader.basic:before{content:"";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:5px solid #00aeff;animation:prixClipFix-basic 2s linear infinite}@keyframes rotate-basic{to{transform:rotate(360deg)}}@keyframes prixClipFix-basic{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.loader.double{border-radius:50%;display:inline-block;border-top:4px solid #FFF;border-right:4px solid transparent;box-sizing:border-box;animation:rotation-double 1s linear infinite}.loader.double:after{content:"";box-sizing:border-box;position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;border-bottom:4px solid #00aeff;border-left:4px solid transparent}@keyframes rotation-double{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader.avatar{width:84px;height:84px;position:relative;overflow:hidden}.loader.avatar:before,.loader.avatar:after{content:"";position:absolute;left:50%;bottom:0;width:64px;height:64px;border-radius:50%;background:#fff;transform:translate(-50%,100%) scale(0);animation:push-avatar 2s infinite ease-in}.loader.avatar:after{animation-delay:1s}@keyframes push-avatar{0%{transform:translate(-50%,100%) scale(1)}15%,25%{transform:translate(-50%,50%) scale(1)}50%,75%{transform:translate(-50%,-30%) scale(.5)}80%,to{transform:translate(-50%,-50%) scale(0)}}.loader.stack{position:relative;width:48px;height:48px;background:#00aeff;transform:rotateX(65deg) rotate(45deg);color:#fff;animation:layers1-stack 1s linear infinite alternate}.loader.stack:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;animation:layerTr-stack 1s linear infinite alternate}@keyframes layers1-stack{0%{box-shadow:0 0}90%,to{box-shadow:20px 20px 0 -4px}}@keyframes layerTr-stack{0%{transform:translate(0) scale(1)}to{transform:translate(-25px,-25px) scale(1)}}.loader.atomic{transform:rotate(45deg);perspective:1000px;border-radius:50%;width:48px;height:48px;color:#fff}.loader.atomic:before,.loader.atomic:after{content:"";display:block;position:absolute;top:0;left:0;width:inherit;height:inherit;border-radius:50%;transform:rotateX(70deg);animation:1s spin-atomic linear infinite}.loader.atomic:after{color:#00aeff;transform:rotateY(70deg);animation-delay:.4s}@keyframes rotate-atomic{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateccw-atomic{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes spin-atomic{0%,to{box-shadow:.2em 0 0 0 currentcolor}12%{box-shadow:.2em .2em 0 0 currentcolor}25%{box-shadow:0 .2em 0 0 currentcolor}37%{box-shadow:-.2em .2em 0 0 currentcolor}50%{box-shadow:-.2em 0 0 0 currentcolor}62%{box-shadow:-.2em -.2em 0 0 currentcolor}75%{box-shadow:0 -.2em 0 0 currentcolor}87%{box-shadow:.2em -.2em 0 0 currentcolor}}.footer{background-color:#18181b;color:#fff;text-align:center;padding:0rem 0;position:fixed;width:100%;bottom:0;left:0;font-size:.8rem;opacity:75%}.footer p{margin:.5rem 0}.footer a{color:#007bff;text-decoration:none}.footer a:hover{color:#006999}.footer a:active{color:#005983}.data-container{margin-top:20px;position:relative}.data-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;position:relative}.data-header h2{margin:0}.option-btn-container{display:flex;gap:10px}.option-btn{width:38px;height:38px;right:0;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.option-btn:hover{background-color:#0065d1}.option-btn:active{background-color:#004ea2}.option-btn-active{width:38px;height:38px;right:0;background-color:#cf1623;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.option-btn-active:hover{background-color:#a1111b}.option-btn-active:active{background-color:#730c13}.data-loader-container{display:flex;justify-content:center;align-items:center;height:200px}.data-loader-container .loader{width:48px;height:48px}.data-list{max-width:800px;margin:0 auto 15px;background-color:#111;border-radius:8px;box-shadow:0 0 10px #1b1b1b1a;padding:20px}.data-list h2{margin-top:0}.scrollable-container{max-height:410px;overflow-y:auto}.scrollable-container::-webkit-scrollbar{background-color:#0a0a0b;width:8px}.scrollable-container::-webkit-scrollbar-thumb{background-color:#007bff;border-radius:4px}.scrollable-container::-webkit-scrollbar-thumb:hover{background-color:#0065d1}.scrollable-container::-webkit-scrollbar-thumb:active{background-color:#004ea2}.bug-report{margin-bottom:15px;padding:15px;border:1px solid #000000;border-radius:8px;background-color:#202020;position:relative;min-height:150px}.bug-report h3{margin-top:0;color:#007bff;padding-left:45px;padding-right:45px}.bug-report-footer{margin-top:25px}.bug-report p{margin:5px 0;color:#cecece;overflow-wrap:break-word}.bug-report-footer p{margin:5px 0;color:#858585;overflow-wrap:break-word;font-size:14px}.bug-report-footer a{margin:5px 0;color:#007bff;overflow-wrap:break-word;text-decoration:none}.bug-report-footer a:hover{color:#006999}.bug-report-footer a:active{color:#005983}.bug-report img{position:absolute;top:10px;left:10px;width:45px;height:45px;box-shadow:0 0 5px #000}.bug-report .options-dropdown{position:absolute;top:10px;right:10px}.bug-report .options-btn{background-color:transparent;border:none;color:#fff;cursor:pointer;font-size:18px;width:35px;height:35px}.bug-report .options-btn:hover{color:#c2c2c2}.bug-report .options-btn:active{color:#858585}.bug-report .dropdown-content{display:none;position:absolute;right:0;background-color:#333;min-width:120px;box-shadow:0 8px 16px #0003;z-index:1;border-radius:4px;border:2px solid #007bb4}.bug-report .dropdown-content a{color:#fff;padding:8px 12px;text-decoration:none;display:flex;align-items:center;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background-color .3s}.bug-report .dropdown-content a i{margin-right:8px;color:#007bb4;flex-shrink:0}.bug-report .dropdown-content a:hover{background-color:#1d1d1d}.bug-report .dropdown-content a:active{background-color:#161616}.steam-build{margin-bottom:15px;padding:15px;border:1px solid #000000;border-radius:8px;background-color:#202020;position:relative;min-height:150px}.steam-build h3{margin-top:0;color:#007bff;padding-left:45px;padding-right:45px}.steam-build-footer{margin-top:25px}.steam-build p{margin:5px 0;color:#cecece;overflow-wrap:break-word}.steam-build-footer p{margin:5px 0;color:#858585;overflow-wrap:break-word;font-size:14px}.steam-build-footer a{margin:5px 0;color:#007bff;overflow-wrap:break-word;text-decoration:none}.steam-build-footer a:hover{color:#006999}.steam-build-footer a:active{color:#005983}.steam-build img{position:absolute;top:10px;left:10px;width:80px;height:auto;opacity:75%}.steam-build .options-container{position:absolute;top:10px;right:10px}.set-branch-btn{position:absolute;right:0;background-color:#007bff;color:#fff;border:none;padding:12px 14px;border-radius:4px;cursor:pointer;transition:background-color .3s}.set-branch-btn:hover{background-color:#0065d1}.set-branch-btn:active{background-color:#004ea2}.set-branch-active-btn{position:absolute;right:0;background-color:#33e560;color:#fff;border:none;padding:12px 14px;border-radius:4px;cursor:pointer;transition:background-color .3s}.set-branch-active-btn:hover{background-color:#1acc47}.set-branch-active-btn:active{background-color:#149f37}.active-branch-badge{position:absolute;bottom:10px;left:10px}.active-branch-badge .badge{display:inline-block;background-color:#007bff;color:#fff;padding:5px 10px;border-radius:12px;font-size:14px;font-weight:700}@media (max-width: 768px){.active-branch-badge{bottom:5px;left:5px}.active-branch-badge .badge{padding:5px 10px;border-radius:12px;font-size:10px}}.settings-loader-container{display:flex;justify-content:center;align-items:center;height:75vh}.settings-container{margin-top:2rem;display:flex;justify-content:flex-start;position:relative}.sidebar{width:150px;background:linear-gradient(to right,#2c3e50 85%,#86161600);padding:20px;border-radius:8px;position:fixed;top:60px;bottom:20px;height:calc(100vh - 80px);overflow-y:auto}.sidebar-btn{display:block;width:85%;padding:15px;margin-top:10px;background-color:#1e1e1e;color:#fff;border:none;border:3px solid #007bb4;border-radius:4px;cursor:pointer;text-align:left;transition:background-color .3s}.sidebar-btn.active{background-color:#007bb4}.sidebar-btn:hover{background-color:#006999}.sidebar-btn:active{background-color:#005983}.settings-content{flex-grow:1;margin-left:210px;margin-right:20px}.delete-account{text-align:center}.delete-account .button{display:inline-block;padding:.75rem 1.5rem;background-color:#1e1e1e;border:3px solid #cf1623;border-radius:10px;color:#fff;text-decoration:none;font-size:1.25rem;transition:background-color .3s}.delete-account:hover .button{background-color:#a1111b}.delete-account:active .button{background-color:#730c13}.developer-info{text-align:center}.api-keys{margin-top:20px}.api-keys-table{width:62%;margin:20px auto 0;border-collapse:collapse;background-color:#202020;border-radius:7px;overflow:hidden}.api-keys-table th,.api-keys-table td{border:1px solid #007bb4;padding:12px;white-space:nowrap;color:#cecece}.api-keys-table th{background-color:#2c2c2c;text-align:left;color:#fff}.api-key-loader-container{margin-top:25px}.api-key{width:200px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.api-key-expiry{width:100px;margin-right:10px;color:#858585}.api-key-expiry.expired{color:#cf1623}.api-key-buttons{width:115px;display:flex;gap:10px}.api-btn{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:8px;cursor:pointer;transition:background-color .3s;display:flex;align-items:center}.api-btn:hover{background-color:#0065d1}.api-btn:active{background-color:#004ea2}.api-btn.delete{background-color:#cf1623}.api-btn.delete:hover{background-color:#a1111b}.api-btn.delete:active{background-color:#730c13}.role-badge{display:inline-block;background-color:#007bb4;color:#fff;padding:5px 10px;border-radius:12px;margin-right:5px;font-size:14px;font-weight:700}.role-badge.developer{background-color:#ab5cbc}.role-badge.founder{background-color:#e43442}.profile-loader-container{display:flex;justify-content:center;align-items:center;height:70vh}.profile-loader-container .loader{width:256px;height:256px}.profile-loader-container .loader:before{border:1rem solid #00aeff}.profile-card{max-width:400px;margin:0 auto;background-color:#111;border-radius:8px;box-shadow:0 0 10px #1b1b1b1a;padding:20px;text-align:center}.profile-avatar{width:100px;height:100px;border:3px solid #007bb4}.roles-container{margin-top:20px}.private-route-loader-container{display:flex;justify-content:center;align-items:center;height:75vh}.private-route-loader-container .loader{width:256px;height:256px;border:1rem}.private-route-loader-container .loader:after{border:1rem solid}.api-status-loader{display:flex;justify-content:center;align-items:center;height:85vh}.api-status-loader .loader{width:128px;height:128px}.api-status-down{display:flex;flex-direction:column;justify-content:center;align-items:center;height:85vh;text-align:center}.api-status-down h1{font-size:2rem;color:#007bb4}.api-status-down p{font-size:1.2rem;color:#ffffffde}.cool-cat-link{color:#007bb4;cursor:pointer;text-decoration:underline}.cool-cat-link:hover{color:#0065d1}.cool-cat-pic{margin-top:20px}.cool-cat-pic img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 0 10px #00000080}.notification{padding:15px;margin-bottom:10px;border-radius:4px;color:#ffffffde;box-shadow:0 0 10px #0000001a}.notification h4{margin:0 0 5px}.notification p{margin:0}.notification.success{background-color:#33e560}.notification.error{background-color:#cf1623}.notification.info{background-color:#007bff}.notification.warning{background-color:#f4e525;color:#212529}.notification-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;width:90%;max-width:300px}@media (min-width: 768px){.notification-container{top:auto;bottom:20px;left:20px;transform:none;width:300px}}