: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:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.blue{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}.blue{background-color:#f9f9f9}}#root{margin:0 auto;text-align:center}@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}}body{background:repeating-linear-gradient(to bottom,#efefef,#efefef .2vh,#e6e6e6 .2vh,#e6e6e6 .705051vh);margin:0}.channels{display:grid;grid-template-columns:repeat(4,0fr);grid-template-rows:repeat(3,0fr);column-gap:0vw;row-gap:0vh;justify-items:center}.blueBar{visibility:hidden}.blue{background-color:transparent;border:none;display:grid;width:20.32983508vw;z-index:0}.blue{pointer-events:none}.blue svg{pointer-events:none}.blue svg path#border{fill:transparent}.active svg path#border{pointer-events:visibleFill}.innerChannelContent{padding:0}#ripple-border{stroke:#1fc1fb;stroke-width:4;fill:none;opacity:0;pointer-events:none;transition:none;transform-box:fill-box;transform-origin:center}.active:hover #ripple-border{animation:ripple-in .05s ease-out;opacity:.6;transform:scale(1.01)}.active #ripple-border{animation:ripple-out .75s ease-out}.blue span{grid-column:1;grid-row:1;align-self:center}@keyframes ripple-in{0%{opacity:0;transform:scale(.8)}to{opacity:.6;transform:scale(1.01)}}@keyframes ripple-out{0%{opacity:.6;transform:scale(1.01)}to{opacity:0;transform:scale(.9)}}image{mix-blend-mode:soft-light}@keyframes disc-idle{0%{transform:rotateY(0)}50%{transform:rotateY(360deg)}to{transform:rotateY(360deg)}}.disc-idle{animation:disc-idle 6s linear infinite 3s;height:100%;width:100%;place-items:center;pointer-events:auto}.disc-idle img{align-self:center;margin-top:5%;width:45%;height:auto}.disc-idle a{align-self:center;width:100%;height:auto}