.copy-bits{height:32px;cursor:pointer}.copy-sub{margin:0;padding:0;height:32px;cursor:pointer}#root{width:100%}.App{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:25px}.App>.status-bar{position:fixed;z-index:9999;width:100%;background-color:#333;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:5px}.App>main{margin-top:45px;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;padding:0 15px;gap:25px}.channel-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:25px;width:100%}.channel-container>.channel-info{display:flex;flex-direction:column;align-items:center;justify-content:center}.channel-container>.channel-info>.channel-title{font-size:2rem;font-weight:700}.channel-container>.channel-info>.channel-title>a{color:#a96fff;text-decoration:none}.channel-container>.channel-info>.channel-title>a:active,.channel-container>.channel-info>.channel-title>a:focus,.channel-container>.channel-info>.channel-title>a:hover{color:#543188}.channel-container>.channel-info>.hype-challenge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70%;margin-bottom:15px}.channel-container>.channel-info>.hype-challenge>.hype-challenge-progress-bar{height:15px;border:solid 2px #fff;width:100%}.channel-container>.channel-info>.hype-challenge>.hype-challenge-progress-bar>.hype-challenge-progress{position:relative;left:0;height:100%;background:linear-gradient(to right,#a96fff,#543188);transition:width .4s}.channel-container>.channel-info>.stream-status{display:flex;flex-direction:column;align-items:center;justify-content:center}.channel-container>.channel-info>.stream-status>.stream-title{font-size:1.6rem}.channel-container>.channel-info>.stream-status>.stream-info{font-size:1.3rem}.channel-container>.channel-info>.streams{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:25px}.channel-container>.channel-info>.streams>.stream{padding:15px;border:dashed 2px #666;border-radius:5px;display:flex;flex-direction:column;gap:5px}.channel-container>.channel-info>.streams>.stream>.next-hype-train-at{display:flex;flex-direction:column;align-items:center;justify-content:center;border:solid 2px #fff;border-radius:5px;padding:5px}.channel-container>.channel-info>.streams>.stream>.next-hype-train-at.ready{color:#90ee90}.channel-container>.channel-info>.streams>.stream>.next-hype-train-at.cooldown{color:#f08080}.channel-container>.channel-info>.streams>.stream>.summary{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:solid 2px #fff;border-radius:5px;padding:5px}.events{display:flex;flex-direction:column;gap:5px;min-width:500px}.events>.event{border:solid 2px #fff;border-radius:5px;padding:5px;display:flex;flex-direction:column;gap:10px;-webkit-user-select:none;user-select:none}.events>.event:not(:hover){transition:background-color 1s}.events>.event.new{border-width:10px}.events>.event.cheer{border-color:#ffffe0}.events>.event.cheer:hover{background-color:#ffffe033;cursor:pointer}.events>.event.hype-chat{border-color:#10f0a5}.events>.event.hype-chat:hover{background-color:#10f0a533;cursor:pointer}.events>.event.sub{border-color:#add8e6}.events>.event.sub:hover{background-color:#add8e633;cursor:pointer}.events>.event.resub{border-color:#87cefa}.events>.event.resub:hover{background-color:#87ceeb33;cursor:pointer}.events>.event.community-sub{border-color:#ffb6c1}.events>.event.community-sub:hover{background-color:#ffb6c133;cursor:pointer}.events>.event.sub-gift{border-color:#f08080}.events>.event.sub-gift:hover{background-color:#f0808033;cursor:pointer}.events>.event.gift-paid-upgrade{border-color:#e7567a}.events>.event.gift-paid-upgrade:hover{background-color:#e7567a33;cursor:pointer}.events>.event.prime-paid-upgrade{border-color:#e7567a}.events>.event.prime-paid-upgrade:hover{background-color:#e7567a33;cursor:pointer}.events>.event.soundalert{border-color:#20b2aa}.events>.event.soundalert:hover{background-color:#20b2aa33;cursor:pointer}.events>.event.stream-online{border-color:green}.events>.event.stream-online:hover{background-color:#00800033;cursor:pointer}.events>.event.stream-offline{border-color:red}.events>.event.stream-offline:hover{background-color:#f003;cursor:pointer}.events>.event.stream-offline>.content>.summary{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px}.events>.event.stream-offline>.content>.summary>.title{font-weight:700}.events>.event.stream-offline>.content>.summary>.event-sums{padding-left:25px}.events>.event.stream-offline>.content>.summary>.duration{margin:10px 0}.events>.event.raid{border-color:#f0f}.events>.event.raid:hover{background-color:#f0f3;cursor:pointer}.events>.event.donation{border-color:orange}.events>.event.donation:hover{background-color:#ffa50033;cursor:pointer}.events>.event.train-start{border-color:#fff}.events>.event.train-start>.content>.infos{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.events>.event.hype-train-levelup{border-color:#fff}.events>.event.hype-train-levelup:hover{background-color:#fff3;cursor:pointer}.events>.event.offstream-summary{border-color:orange}.events>.event.event-count{border-color:#789}.events>.event.event-count:hover{background-color:#7893;cursor:pointer}.events>.event.event-count>.header>.title{font-weight:400;text-align:center}.events>.event.unknown{border-color:red}.events>.event.unknown:hover{background-color:#f003;cursor:pointer}.events>.event>.header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.events>.event>.header>.title{flex:1;font-weight:700}.events>.event>.header>.date-time{text-align:right}.channel-buttons{flex:0 1 auto;width:50px;display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.channel-button{border:solid 3px lightgray;border-radius:50%;aspect-ratio:1/1;width:100%;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.3;padding:0}.channel-button.live{opacity:.8;border:solid 3px red}.channel-button.selected,.channel-button:active,.channel-button:focus{border-color:#90ee90;opacity:1}.channel-button>img{width:100%;height:100%;object-fit:cover;border-radius:50%}.specific-channel-embed{display:flex;flex-direction:row;gap:10px;margin:10px}*{margin:0;padding:0;box-sizing:border-box}:root{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{height:100%;scrollbar-color:#999 #333}body::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar-thumb{background:#999}body::-webkit-scrollbar-track{background:#333}textarea{background-color:#3b3b3b;color:#fff}input[type=text],input[type=number]{background-color:#3b3b3b;color:#fff;border:solid 1px #fff;box-shadow:none;outline:none;padding:5px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button.active{color:#000;background-color:#a96fff;border-color:#50298b}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.new-overlay-editor{display:flex;flex-direction:row;justify-content:stretch;align-items:stretch;gap:10px;height:100%}.new-overlay-editor aside{flex:1 0 400px;border:solid 1px #fff;padding:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:15px}.new-overlay-editor aside>.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:15px}.new-overlay-editor aside>.header>.title{flex:1 1 auto}.new-overlay-editor aside>.header>.title>input{width:100%;color:#add8e6;font-size:1.5rem;border:none;background:transparent}.new-overlay-editor aside>.header>.title>input:focus{background-color:#333}.new-overlay-editor aside>.widget{padding:10px;border:solid 1px #666;border-radius:5px;-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:5px}.new-overlay-editor aside>.widget.hidden{opacity:.25}.new-overlay-editor aside>.widget>.visibility{flex:0 0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;padding:5px}.new-overlay-editor aside>.widget>.title{flex:1 1 auto}.new-overlay-editor aside>.widget>.title>input{border:none;background:transparent}.new-overlay-editor aside>.widget>.title>input:focus{background-color:#333}.new-overlay-editor aside>.widget>.buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px}.new-overlay-editor aside>.widget>.buttons>button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;font-size:1.2rem}.new-overlay-editor aside>.widget>.buttons>button.button-html{color:#e4441e;border:none;transition:background-color .4s,color .4s}.new-overlay-editor aside>.widget>.buttons>button.button-html:hover:disabled{cursor:not-allowed}.new-overlay-editor aside>.widget>.buttons>button.button-html:hover:not(:disabled){color:#1a1a1a;background-color:#e4441e}.new-overlay-editor aside>.widget>.buttons>button.button-css{color:#1e90e4;border:none;transition:background-color .4s,color .4s}.new-overlay-editor aside>.widget>.buttons>button.button-css:hover:disabled{cursor:not-allowed}.new-overlay-editor aside>.widget>.buttons>button.button-css:hover:not(:disabled){color:#1a1a1a;background-color:#1e90e4}.new-overlay-editor aside>.widget>.buttons>button.button-js{color:#e4c61e;border:none;transition:background-color .4s,color .4s}.new-overlay-editor aside>.widget>.buttons>button.button-js:hover:disabled{cursor:not-allowed}.new-overlay-editor aside>.widget>.buttons>button.button-js:hover:not(:disabled){color:#1a1a1a;background-color:#e4c61e}.new-overlay-editor aside>.widget>.buttons>button.button-editor{color:#41ce41;border:none;transition:background-color .4s,color .4s}.new-overlay-editor aside>.widget>.buttons>button.button-editor:hover:disabled{cursor:not-allowed}.new-overlay-editor aside>.widget>.buttons>button.button-editor:hover:not(:disabled){color:#1a1a1a;background-color:#41ce41}.new-overlay-editor aside>.widget>.buttons>button.button-data{color:#1ee4c6;border:none;transition:background-color .4s,color .4s}.new-overlay-editor aside>.widget>.buttons>button.button-data:hover:disabled{cursor:not-allowed}.new-overlay-editor aside>.widget>.buttons>button.button-data:hover:not(:disabled){color:#1a1a1a;background-color:#1ee4c6}.new-overlay-editor aside>.widget>.buttons>button.button-delete{color:#d23b3b;border:none;transition:background-color .4s,color .4s;margin-left:25px}.new-overlay-editor aside>.widget>.buttons>button.button-delete:hover:disabled{cursor:not-allowed}.new-overlay-editor aside>.widget>.buttons>button.button-delete:hover:not(:disabled){color:#1a1a1a;background-color:#d23b3b}.new-overlay-editor aside>.add-widget{display:flex;flex-direction:row;justify-content:center;align-items:center}.new-overlay-editor main{flex:0 0 auto;border:solid 1px #fff;padding:10px;width:1920px;height:1080px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:4rem;color:#333}.auth{display:flex;flex-direction:column;align-items:center;justify-content:center}.auth>h1{font-size:2rem;font-weight:700;margin:0}.auth>.auth-button{color:#fff;background-color:#9146ff;font-weight:700;padding:5px 20px;border-radius:5px;text-decoration:none}.auth>.auth-button:hover{background-color:#7d3cff}