.navbar{box-sizing:border-box;z-index:999;background-color:var(--bg);width:100vw;height:10vh;padding:20px 5vw;transition:background-color .25s ease-in-out;position:fixed;box-shadow:0 0 10px #000}.navbar.transparent{background-color:#00000080}.nav-logo-container{opacity:1;transition:opacity .25s ease-in-out}.nav-logo-container:hover{color:var(--text);opacity:.5}.nav-title{font-size:1rem;font-weight:700}.nav-logo{width:1.5rem;height:1.5rem}.nav-link-container{gap:1rem}.nav-link-container a{text-transform:uppercase;font-size:1rem}.nav-link-container .nav-separator{box-sizing:border-box;border-left:2px solid #fff;width:0;height:1.5rem}.hideOnMobile{display:none!important}@media screen and (width>=768px){.hideOnMobile{display:flex!important}}.background{z-index:-1;height:100svh;position:absolute;inset:0}.dashboard>.background{position:fixed}header{gap:2rem;width:100vw;height:100svh;box-shadow:0 0 10px #000}.header-container{background:inherit;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.header-title{margin:0;font-size:4rem}.header-slogan{margin:0;font-size:1.5rem;font-weight:700}.source-icons-container{background-color:#00000080;border-radius:15px;margin:0 1rem;padding:1rem 2rem}.scroll-hint{font-size:1.5rem;transition:color .25s ease-in-out,opacity .25s ease-in-out;position:absolute;bottom:2vh;left:50%;transform:translate(-50%)}section{box-sizing:border-box;flex-direction:column;place-content:center;place-items:center;gap:5vh;width:100vw;margin:100px 0;padding:5vh 10vw;display:flex}section.diagonal{position:relative}section.diagonal:after{content:"";z-index:-1;background:linear-gradient(to right, var(--accent), var(--accent-alt));position:absolute;inset:0;transform:skewY(-2deg);box-shadow:0 0 10px #000}section.diagonal.reverse:after{background:linear-gradient(to left, var(--accent), var(--accent-alt));transform:skewY(2deg)}section h2{text-align:center;margin:0;font-size:3rem}section h3{text-align:center;margin:0;font-size:1.5rem}.features-container{grid-gap:2vh;grid-template-columns:auto;grid-auto-rows:1fr;display:grid}@media screen and (width>=1024px){.features-container{grid-template-columns:1fr 1fr 1fr}}.feature-card{--mouse-x:50%;--mouse-y:50%;--card-border-radius:1rem;background-color:var(--accent);border-radius:var(--card-border-radius);flex-direction:column;display:flex;position:relative}.feature-card:before,.feature-card:after{border-radius:inherit;content:"";opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.feature-card:before{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), #ffffff1a, transparent 40%);z-index:3}.feature-card:after{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y), var(--accent-alt), transparent 40%);z-index:1}.feature-card>.feature-card-content{z-index:2;cursor:default;border-radius:inherit;color:var(--text);flex-direction:column;flex-grow:1;align-items:center;padding:15px;transition:color .5s ease-in-out;display:flex;position:relative}.feature-card>.feature-card-content:before{content:"";z-index:-1;background-color:var(--bg-lvl1);border-radius:calc(var(--card-border-radius) - 2px);position:absolute;inset:4px}.feature-card:hover:before,.features-container:hover>.feature-card:after{opacity:1}.commands-container{flex-wrap:wrap;place-content:center;gap:3rem;padding:3rem 0;display:flex}.commands-container>code{background-color:var(--bg-lvl1);transform-style:preserve-3d;cursor:default;-webkit-user-select:none;user-select:none;border-radius:10px;padding:1rem;position:relative}.commands-container>code:before{content:"";border-radius:inherit;background:linear-gradient(to bottom right, var(--accent), var(--accent-alt));position:absolute;inset:-.5rem;transform:translateZ(-20px)}.loader{--uib-size:100px;--uib-color:var(--accent);--uib-speed:1.5s;--uib-stroke:10px;width:var(--uib-size);height:calc(var(--uib-size) * .9);justify-content:space-between;align-items:center;display:flex}.loader .bar{width:var(--uib-stroke);background-color:var(--uib-color);border-radius:calc(var(--uib-size) / 2);height:100%;transition:background-color .3s}.loader .bar:first-child{animation:grow var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.45) infinite}.loader .bar:nth-child(2){animation:grow var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.3) infinite}.loader .bar:nth-child(3){animation:grow var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.15) infinite}.loader .bar:nth-child(4){animation:grow var(--uib-speed) ease-in-out infinite}@keyframes grow{0%,to{height:30%}50%{height:100%}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.dashboard{--gap:.5rem;height:100svh;padding:var(--gap) var(--gap) calc(7rem + var(--gap)) var(--gap);box-sizing:border-box;gap:var(--gap);grid-template:"header header header"min-content". . ."1fr/1fr 2fr 1fr;display:grid}@media screen and (width<=768px){.dashboard{grid-template:"header"min-content"."1fr"."min-content"."min-content/1fr;height:auto;transition:grid-template-rows .5s ease-in-out}.dashboard:has(.server-container.collapsed){grid-template-rows:min-content 0fr min-content min-content}.dashboard:has(.player-bar.expanded)>:not(.background,.player-bar){pointer-events:none;opacity:0;transition:opacity .25s ease-in-out}.dashboard>:not(.background,.player-bar):not(.\9 ){min-height:1.75rem;max-height:50svh}.dashboard .dashboard-header.dashboard-header .dashboard-header-links{display:none}.dashboard .dashboard-header.dashboard-header .dashboard-header-user .dashboard-header-logout{opacity:1;text-indent:100%;white-space:nowrap;background:0 0;width:1.5rem;height:1.5rem;position:relative;overflow:hidden}.dashboard .dashboard-header.dashboard-header .dashboard-header-user .dashboard-header-logout svg{position:absolute;inset:0}}.dashboard>:not(.background,.player-bar){background-color:var(--bg-lvl1);border-radius:.5rem;padding:1rem;box-shadow:2px 2px 5px #000}.dashboard .dashboard-header{grid-area:header;justify-content:space-between;height:2rem}.dashboard .dashboard-header>*{flex:1 1 0;width:100%;height:100%}.dashboard .dashboard-header .dashboard-header-title{justify-content:start;height:100%}.dashboard .dashboard-header .dashboard-header-title>img{height:100%;transition:opacity .25s ease-in-out}.dashboard .dashboard-header .dashboard-header-title:hover>img{opacity:.5}.dashboard .dashboard-header .dashboard-header-title{font-weight:700}.dashboard .dashboard-header .dashboard-header-links{height:100%}.dashboard .dashboard-header .dashboard-header-links>a{aspect-ratio:16/9;border-radius:.5rem;place-items:center;height:100%;font-size:1rem;transition:transform .25s ease-in-out;display:grid;box-shadow:2px 2px 5px #000}.dashboard .dashboard-header .dashboard-header-links>a:hover{color:var(--text);transform:scale(1.1)}.dashboard .dashboard-header .dashboard-header-user-container{justify-content:end}.dashboard .dashboard-header .dashboard-header-user{z-index:1;border-radius:.5rem;width:fit-content;height:100%;font-size:1rem;position:relative}.dashboard .dashboard-header .dashboard-header-user>span{white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden}.dashboard .dashboard-header .dashboard-header-user .dashboard-header-icon{aspect-ratio:1;border-radius:50%;height:100%}.dashboard .dashboard-header .dashboard-header-user>.dashboard-header-logout{border-radius:inherit;background:linear-gradient(to bottom right, var(--accent), var(--accent-alt));opacity:0;transition:opacity .25s ease-in-out;position:absolute;inset:0}.dashboard .dashboard-header .dashboard-header-user>.dashboard-header-logout:hover{color:var(--text);opacity:1}.stats-container{padding:calc(10vh + 1rem) 10vw 0}.stats-card{background-color:var(--bg-lvl1);border-radius:1rem;min-width:50vw;padding:2rem}.stats-card>h1{margin:0}.stats-metrics-container{flex-wrap:wrap;gap:1rem;width:100%;display:flex}.stats-metric{background-color:var(--bg-lvl3);border-radius:1rem;flex:calc(33% - 3rem);min-width:8rem;padding:1rem;gap:.5rem!important}.stats-metric>span{font-size:2rem;font-weight:700}.stats-node-grid{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:1rem;display:grid}.stats-node-container{position:relative}.stats-node{box-sizing:border-box;cursor:default;background-size:contain;border-radius:1rem;justify-content:center;align-items:center;width:6rem;height:6rem;display:flex;position:relative}.stats-node.playing{border:2px solid var(--accent)}.stats-node p{white-space:nowrap;margin:0}.stats-node+.stats-node-tooltip{opacity:0;z-index:1;background-color:var(--bg-lvl2);visibility:hidden;border-radius:1rem;width:150%;padding:.5rem;font-size:.75rem;transition:opacity .25s ease-in-out,visibility .25s ease-in-out;position:absolute;top:calc(100% + 1rem);left:50%;translate:-50%;box-shadow:2px 2px 5px #000}.stats-node+.stats-node-tooltip:hover{opacity:1;visibility:visible}.stats-node+.stats-node-tooltip:after{content:"";border-style:solid;border-width:.5rem;border-color:transparent transparent var(--bg-lvl3) transparent;position:absolute;bottom:100%;left:50%;translate:-50%}.stats-node+.stats-node-tooltip>button{text-align:center;width:100%}.stats-node+.stats-node-tooltip>button>svg{width:1.5rem;height:1.5rem}.stats-node:hover+.stats-node-tooltip{opacity:1;visibility:visible}.stats-background-container{z-index:-1;position:fixed;inset:0}footer{background-color:var(--bg-lvl1);flex-direction:column;place-content:center;place-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:0 0 10px #000}.social-icons{gap:1rem}.social-icons a{color:var(--text);transition:color .25s ease-in-out}.social-icons a:hover{color:var(--accent)}:root{--bg:#121212;--bg-lvl1:#1d1d1d;--bg-lvl2:#212121;--bg-lvl3:#292929;--text:#fff;--hover:gray;--accent:#e71d36;--accent-alt:#e76a1d;--toastify-color-info:#008dd5;--toastify-color-success:#8fcb9b;--toastify-color-warning:var(--accent-alt);--toastify-color-error:var(--accent);--toastify-color-dark:var(--bg-lvl2);--toastify-toast-width:25rem;--toastify-toast-padding:1rem}:root .Toastify{z-index:999;width:0;height:0;margin:0;padding:0;position:fixed}:root .Toastify__toast{white-space:pre-line;font-size:1rem}html{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;scroll-padding:10vh}html::-webkit-scrollbar{display:none}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg)}::selection{background-color:var(--accent);color:#fff}.app{width:100vw;min-height:100svh;color:var(--text);font-family:Lato,sans-serif;font-size:1rem}@media screen and (width>=768px){.app{font-size:1.2rem}}@media screen and (width>=1600px){.app{font-size:1.5rem}}@media screen and (width>=2000px){.app{font-size:2rem}}.small-text{color:var(--hover);font-size:.75rem}a{color:var(--text);background-color:#0000;text-decoration:none;transition:color .25s ease-in-out}a:hover{color:var(--hover);cursor:pointer;background-color:#0000;text-decoration:none}a.underline{text-decoration:underline;text-decoration-thickness:.1rem}button{font:inherit;text-align:start;cursor:pointer;background:0 0;border:none;padding:0}.cta-button{border:5px solid var(--text);color:var(--text);mix-blend-mode:screen;text-align:center;cursor:pointer;background-color:#0000;border-radius:1rem;padding:1rem;font-size:2rem;transition:background-color .25s ease-in-out,color .25s ease-in-out}.cta-button:hover,.cta-button:active{color:#000;background-color:var(--text)}p{text-align:center}.flex-container{flex-wrap:wrap;place-content:center;place-items:center;gap:1rem;display:flex}.flex-container.column{flex-direction:column}.flex-container.start{place-content:flex-start;place-items:flex-start}.flex-container.space-between{place-content:space-between}.flex-container.nowrap{flex-wrap:nowrap}.skeleton{flex:auto}