@font-face{font-family:'Inter';font-style:bold;font-weight:400;font-display:swap;src:local(''),url('/fonts/Inter-Regular.woff2') format('woff2'),}:root{--green:#229573;--red:#ff4b4b;--orange:#dd632e;--blue:#2994d7;--light-blue:#94dcf0;--body-bg:radial-gradient(ellipse at center,#111e1e 0,#1b1828 100%);--card-bg-color:rgba(13,9,20,1);--card-bg-color-transparent:rgba(13,9,20,0);--border-color:#383a3f;--chat-bg-color:#323238}body *{font-family:'Inter',sans-serif;line-height:1.5em}h2{color:white}h2>svg{height:50px;width:auto;vertical-align:middle;padding-right:8px}html{scrollbar-color:hsl(0,0%,67%) var(--card-bg-color)}body{background-color:#161616;background:var(--body-bg);width:100%;height:100vh;margin:0;color:#f1fbf9;overscroll-behavior:contain;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:.001em;font-optical-sizing:auto;font-stretch:100%}#container{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:50px 1fr;height:100vh;align-items:start}#container.hasblerb{grid-template-rows:50px 140px 1fr;height:fit-content;padding-bottom:32px}#blerb{text-align:center;font-size:24px;font-weight:bold;align-self:center;text-shadow:0 5px 12px black}#betaWarning{justify-self:center;text-align:center;font-size:12px;max-width:500px;border-left:5px solid #ff0e0e78;background-color:#ff00002e;padding:4px;margin-top:16px;margin-left:10px;margin-right:10px}.blerb{padding:8px}.card{background-color:var(--card-bg-color);border-radius:11px;padding:16px;margin:auto;margin-top:32px;max-width:1200px}.displaynone{display:none !important}.video-container{position:relative;display:grid;grid-template-columns:repeat(2,50%);grid-template-rows:repeat(2,50%);width:100%;max-height:100%;border-radius:11px;box-sizing:border-box;justify-items:center;align-items:center;align-content:space-between}.video-container>.remote-peer-container:first-of-type:nth-last-of-type(1){grid-column:1 / -1;grid-row:1 / -1}.video-container>.remote-peer-container:first-of-type:nth-last-of-type(2),.video-container>.remote-peer-container:first-of-type:nth-last-of-type(2) ~ *{grid-column:1 / -1}.waiting-text{display:none;align-items:center;justify-content:center;width:100%;height:auto;aspect-ratio:16/9;font-size:20px;font-weight:bold;text-align:center;margin-top:-32px}.waiting-text:only-child{display:flex;flex-direction:column;grid-column:1 / -1;grid-row:1 / -1}.remote-peer-container{position:relative;display:grid;height:fit-content;width:fit-content;min-width:100%;gap:8px;max-width:100%;max-height:100%}.remote-peer-container>.inline-video-settings{display:flex;gap:16px;justify-content:flex-end;border:1px solid var(--border-color);border-radius:11px;background-color:var(--card-bg-color);padding:4px;box-sizing:border-box}.remote-peer-container>.peer-name{background-image:url(/images/mic-off.svg);background-size:16px auto;background-repeat:no-repeat;background-position:right 4px center;position:absolute;top:4px;left:4px;background-color:#000000b2;color:#e4e4e4;font-weight:bold;z-index:2;font-size:12px;padding:4px 8px 4px;padding-right:24px;border-radius:12px}.remote-peer-container>.peer-name.mic-on{background-image:url(/images/mic.svg)}.remote-peer-container>.peer-name.mic-on::after{content:' ';position:absolute;top:5px;right:4px;width:16px;height:16px;border-radius:99999px;background-color:var(--green);animation:greenPulse 1.6s ease-out 0s 1 normal forwards}.remote-peer-container>.peer-image{width:30%;height:auto;aspect-ratio:1/1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.remote-peer-container.is-sharing>.peer-image{display:none}video{position:relative;min-width:100%;min-height:100%;max-height:100%;max-width:100%;border-radius:11px;object-fit:contain;box-sizing:border-box;border:1px solid #2c2c2c}#playStreamButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(/images/play-circle.svg);background-size:90px auto;background-repeat:no-repeat;background-position:center;width:60px;height:60px;border-radius:50%;cursor:pointer;background-color:white;box-sizing:border-box}label{font-size:18px;font-weight:600}input[type="text"]{font-size:18px;font-weight:bold;background-color:var(--chat-bg-color);color:white;border:1px solid var(--border-color);border-radius:20px;height:40px;padding-left:16px}input[type="text"].rectangle{font-size:unset;height:34px;font-weight:bold;border-radius:4px;padding:4px;height:unset;min-width:180px}input[type="radio"]{width:30px;height:30px;vertical-align:middle;margin:0;margin-right:4px}input[type="checkbox"]{margin:0;vertical-align:text-bottom}input[type="range"]{min-width:0}input[type="color"]{width:100%;background-color:#464646;appearance:none;cursor:pointer;min-width:180px;padding:4px;border:1px solid var(--border-color);border-radius:4px;box-sizing:content-box}select{width:100%;font-size:1.15rem;padding:4px;background-color:#fff;border:1px solid var(--border-color);border-radius:.25rem;color:#000;cursor:pointer}button{background:0;padding:8px 0 8px;width:100%;box-sizing:border-box;cursor:pointer;color:white;font-size:16px;border:2px solid white;border-radius:20px}button:disabled{color:#9f9f9f;border:2px solid #9f9f9f;cursor:default}button.small{background-size:20px auto;background-repeat:no-repeat;background-position:8px center;font-size:14px;padding:4px 0 4px;height:32px;line-height:22px}button.round{background-size:18px auto;background-repeat:no-repeat;background-position:center;width:32px;height:32px}.hint-text{font-size:12px;color:#9a9a9a}button:not(:disabled):hover{box-shadow:0 0 4px 2px rgba(201,236,255,0.64)}#roomIdInput{color:var(--light-blue)}#enterRoomButton{grid-column:1/-1;background-color:var(--green);font-weight:600}#modalConfirmButton{background-color:var(--green)}.sidebar-section{background-color:var(--card-bg-color);padding:16px;box-sizing:border-box;animation:fadeIn .1s ease 0s 1 normal forwards;flex:1;max-height:100%}.flex-column{display:flex;flex-direction:column;gap:8px}.field-group{display:flex;flex-direction:column;gap:4px}.field-group.row{flex-direction:row;gap:8px;justify-content:space-between}.field-group.row>*{align-self:center}.field-group>*:first-child{color:#c8c8c8}.field-group.row>*:nth-child(2){margin-left:auto}.light-text{color:#c8c8c8}.card-title{color:white;font-size:16px;font-weight:600;border-bottom:1px solid var(--border-color);margin-bottom:8px}.header{display:flex;gap:4px;padding:12px;background-color:var(--card-bg-color);text-align:center;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);height:50px;box-sizing:border-box;overflow:hidden}.logo-container{display:flex;align-items:center}.logo{background-image:url(/images/icon_wip.svg);background-size:36px auto;background-repeat:no-repeat;background-position:1px center;height:26px;width:38px}.logo-text{padding-left:2px;text-shadow:0 0 4px #7396ca;font-size:1.5em;font-weight:600;overflow:hidden;letter-spacing:-0.05em}.stream-container{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:minmax(0,1fr);gap:16px;padding:16px;align-items:start;justify-self:center;height:100%;max-height:100%;width:100%;max-width:1600px;box-sizing:border-box;min-height:0;animation:fadeIn .3s ease 0s 1 normal forwards;overflow:hidden}#loadingOverlay{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(20,20,20,0.9);color:white;font-size:18px;font-weight:bold;animation:fadeIn 500ms ease 0s;align-items:center;align-content:center;justify-content:center;justify-items:center;text-align:center}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}#sidebar{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;max-height:600px;box-shadow:inset 0 10px 11px 0 rgba(31,23,31,0.52);border:1px solid var(--border-color);border-top:unset;border-radius:11px;max-width:480px}.tabs{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;justify-items:center}.tab{position:relative;width:100%;height:100%;text-align:center;padding:8px;border-top-left-radius:11px;border-top-right-radius:11px;border-top:1px solid #313131;border-right:1px solid #313131;border-left:1px solid #313131;box-sizing:border-box;border-bottom:1px solid var(--border-color);cursor:pointer;user-select:none;z-index:3}.tab:not(.active):hover{background-color:var(--card-bg-color)}.tab.active{background-color:var(--card-bg-color);border-top:1px solid var(--border-color);border-right:1px solid var(--border-color);border-left:1px solid var(--border-color);border-bottom:unset}.tab:first-child{border-left:unset}.tab:last-child{border-right:unset}.tab-content{overflow-x:hidden;overflow-y:auto;height:100%}.tab-content::before{content:' ';position:absolute;width:96%;height:20px;background:linear-gradient(360deg,var(--card-bg-color-transparent) 0,var(--card-bg-color) 100%);z-index:2}.tab-content::after{content:' ';position:absolute;bottom:0;width:96%;height:20px;background:linear-gradient(360deg,var(--card-bg-color) 0,var(--card-bg-color-transparent) 100%);z-index:2}#sidebarResizer{height:28px;width:28px;background-color:#c3c3c3;border-radius:50%;position:absolute;top:30vh;left:-15px}body *::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}body *::-webkit-scrollbar{width:8px;background-color:transparent}body *::-webkit-scrollbar-thumb{border-radius:4px;background-color:#505050}body *:hover::-webkit-scrollbar-thumb{background-color:#7a7a7a}body *::-webkit-scrollbar-thumb{transition:all 500ms ease-in-out}#streamStatusContainer{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;font-size:14px;height:36px}#streamStatusContainer>*{line-height:1em}#streamCode,#streamCodeLarge{font-size:18px;font-weight:bold;color:var(--light-blue);max-width:calc(100vw - 140px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#streamCodeLarge{font-size:30px;line-height:20px}#viewerCount{color:white}#chatbox{width:100%;overflow-y:auto;background-color:var(--chat-bg-color);border-radius:4px;display:flex;flex-direction:column;flex-shrink:1;flex-grow:1;gap:2px;white-space:pre-wrap;white-space:break-spaces;padding:4px;box-sizing:border-box}.chat-message{position:relative;gap:4px;border:0;color:#f4f4f4;margin-right:auto;transition:border-radius 500ms ease;transform:scale(1);word-break:break-word}.chat-message>.message-sender{display:inline-block;text-align:left;color:#1cb01c}.message-body.action{font-style:italic}.message-file{width:100%;border:1px solid var(--border-color);padding:4px;border-radius:4px}.chat-send-container{display:flex;flex-direction:row;gap:4px;height:34px;width:100%;align-items:flex-end;z-index:2}#chatInputText{resize:none;background-color:var(--chat-bg-color);color:white;border:1px solid var(--border-color);height:100%;border-radius:4px;padding:4px;font-weight:normal;font-size:unset;margin:0;box-sizing:border-box;flex-grow:1;vertical-align:center;box-shadow:0 -7px 11px 0 rgb(0 0 0 / 28%);text-overflow:ellipsis}#sendMessageButton{height:100%;width:60px;padding:4px;box-sizing:border-box;border-radius:4px}.chat-actions-container{display:flex;height:40px}#uploadFile{background-image:url(/images/file-up.svg);background-size:24px auto;background-repeat:no-repeat;background-position:8px center}#displayName{font-weight:bold;color:#10b82e}#rerollDisplayNameButton{background-image:url(/images/dices.svg)}.mic-status{font-weight:bold;color:var(--green);margin-left:auto}.mic-status.muted{color:#868686}#muteMicButton{background-image:url(/images/mic.svg)}#muteMicButton.muted{background-image:url(/images/mic-off.svg)}#shareScreenButton{background-image:url(/images/cast.svg);background-color:var(--green);width:80px;padding-left:20px}#shareScreenButton.stop-sharing{background-image:url(/images/cast-off.svg);background-color:#b02725}#yourScreenShareStatus{color:#868686;font-weight:bold}#yourScreenShareStatus.shared{color:var(--green)}#leaveRoomButton{display:none;background-image:url(/images/log-out.svg);background-size:24px auto;background-repeat:no-repeat;background-position:8px center;background-color:#090909;padding:0;padding-left:36px;padding-right:26px;height:36px;width:auto;box-sizing:border-box}#playStreamButton:hover{filter:invert(0.2)}.controls{justify-self:center;align-items:center;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:8px;grid-row-gap:8px;padding:24px;border-radius:11px;border:1px solid var(--border-color);box-sizing:border-box;background-color:var(--card-bg-color);width:calc(100% - 16px);max-width:380px}#initialControls{justify-self:center;align-self:flex-start;animation:fadeIn .3s ease 0s 1 normal forwards}.controls *:nth-child(1),.controls *:nth-child(2){grid-column:span 2}@media(max-width:821px){.stream-container{padding:0;grid-template-columns:minmax(0,1fr);grid-template-rows:fit-content(50%) auto;gap:8px}.video-container,video{border-radius:0;border-left:unset;border-right:unset;border-top:unset}.video-container{height:33vh}.stream-stats{flex-direction:row}.header{text-align:left}#streamStatusContainer{font-size:11px}}.modal{position:fixed;display:none;align-items:center;justify-items:center;top:0;left:0;width:100%;height:100%;z-index:3}.faded-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(29,29,29,0.9);z-index:2}.dialog{position:relative;display:grid;grid-template-columns:1fr 48px;align-items:center;width:90%;height:fit-content;max-width:400px;max-height:800px;background-color:var(--card-bg-color);z-index:3;padding:16px;border:1px solid var(--border-color);border-radius:11px;animation:200ms ease-out 0s popIn}@keyframes popIn{0%{opacity:0;transform:scale(0.8)}80%{opacity:.8;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}@keyframes greenPulse{0%{box-shadow:0 0 0 0 var(--green);background-color:var(--green)}100%{box-shadow:0 0 0 16px rgba(0,0,0,0);background-color:rgba(0,0,0,0)}}.dialog-close{background-image:url(/images/x.svg);background-size:80% auto;background-repeat:no-repeat;background-position:center center;height:48px;width:48px;margin-left:auto;cursor:pointer}.dialog-heading{font-size:20px;font-weight:bold;max-width:calc(100% - 50px)}.dialog-options{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px;margin-bottom:16px;grid-column:1 / -1}.dialog-buttons{grid-column:1 / -1}.switch{position:relative;height:1.5rem;width:3rem;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:9999px;background-color:var(--chat-bg-color);transition:all .3s ease}.switch:checked{background-color:var(--blue)}.switch::before{position:absolute;content:"";left:calc(1.5rem - 1.6rem);top:calc(1.5rem - 1.6rem);display:block;height:1.6rem;width:1.6rem;cursor:pointer;border:1px solid rgba(100,116,139,0.527);border-radius:9999px;background-color:rgba(255,255,255,1);box-shadow:0 3px 10px rgba(100,116,139,0.327);transition:all .3s ease}.switch:hover::before{box-shadow:0 0 0 8px rgba(255,255,255,0.15)}.switch:checked:hover::before{box-shadow:0 0 0 8px rgba(123,198,255,0.15)}.switch:checked:before{transform:translateX(100%);border-color:var(--blue)}