@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.homeScreen{width:100%;height:100dvh;background:#161b21;display:flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif}.homeCard{max-width:32rem;width:90%;text-align:center;color:#fff}.homeTitle{font-size:2.25rem;margin-bottom:.75rem}.homeSubtitle{color:#9aa4b2;margin-bottom:2.5rem}.homeActions{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.homeButton{background:#2d3237;color:#fff;border:none;border-radius:8px;padding:.7rem 1.4rem;font-size:1rem;cursor:pointer}.homeButton:disabled{opacity:.5;cursor:default}.homePrimaryButton{background:#15a83d;padding:.9rem 2rem;font-size:1.05rem}.homeJoinRow{display:flex;gap:.5rem;width:100%}.homeJoinInput{flex:1;padding:.7rem .9rem;border-radius:8px;border:1px solid #2D3237;background:#1f242b;color:#fff;font-size:1rem}.customDropdown{position:relative;width:100%}.customDropdownTrigger{display:flex;align-items:center;gap:.5rem;width:100%;background:#14181d;color:#fff;border:1px solid #2D3237;border-radius:8px;padding:.55rem .7rem;font-size:.9rem;font-family:inherit;cursor:pointer;text-align:left}.customDropdownTrigger:hover{border-color:#3fbe14}.customDropdownTriggerLabel{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customDropdownChevron{transition:transform .15s ease;flex-shrink:0}.customDropdownChevronOpen{transform:rotate(180deg)}.customDropdownMenu{position:absolute;top:calc(100% + .35rem);left:0;right:0;background:#1f242b;border:1px solid #2D3237;border-radius:10px;padding:.35rem;z-index:21000;max-height:16rem;overflow-y:auto;box-shadow:0 8px 24px #0006;transform-origin:top center;animation:dropdownPopIn .14s ease-out}.customDropdownMenuUp{top:auto;bottom:calc(100% + .35rem);transform-origin:bottom center}@keyframes dropdownPopIn{0%{opacity:0;transform:scaleY(.9) translateY(-4px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.customDropdownOption{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;background:none;border:none;color:#fff;border-radius:6px;padding:.5rem .6rem;font-size:.88rem;font-family:inherit;cursor:pointer;text-align:left}.customDropdownOption:hover{background:#2d3237}.customDropdownOptionActive{color:#15a83d}.customDropdownOptionLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preJoinScreen{width:100%;height:100dvh;background:#161b21;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:#fff;padding:1.5rem;box-sizing:border-box}.preJoinHeader{text-align:center}.preJoinHeader h1{margin:0 0 .4rem;font-size:1.75rem}.preJoinHeader p{margin:0;color:#9aa4b2}.preJoinCard{display:flex;gap:2rem;background:#1f242b;border-radius:16px;padding:2rem;max-width:60rem;width:90%;flex-wrap:wrap}.preJoinPreview{position:relative;width:24rem;max-width:100%;aspect-ratio:16 / 10;background:#000;border-radius:12px;overflow:hidden}.preJoinVideo{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preJoinPreviewOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#9aa4b2;background:#0006}.preJoinMeter{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;height:.4rem;background:#fff3;border-radius:999px;overflow:hidden}.preJoinMeterFill{height:100%;background:#15a83d;transition:width .1s ease-out}.preJoinControls{flex:1;min-width:16rem;display:flex;flex-direction:column;gap:.85rem}.preJoinNameInput{padding:.6rem .8rem;border-radius:8px;border:1px solid #2D3237;background:#14181d;color:#fff;font-size:1rem}.preJoinStatusRow{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.preJoinStatusOk{color:#15a83d}.preJoinStatusBad{color:#e35555}.preJoinError{color:#e35555;font-size:.85rem}.preJoinButton{margin-top:.5rem;background:#15a83d;color:#fff;border:none;border-radius:8px;padding:.7rem;font-size:1rem;cursor:pointer}.preJoinButton:disabled{opacity:.5;cursor:default}body{overflow:hidden;font-family:Montserrat,sans-serif;margin:0;padding:0}.mainRoom{background:#fff;display:flex;align-items:stretch;width:100%;height:100dvh;overflow:hidden}.container{height:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column;position:relative;background:#161b21;flex:1;min-width:0;gap:2rem;padding:7px;transition:flex-basis .2s ease}i{cursor:pointer;color:#fff}.callEndButton{background:#fd5050!important}.callEndButton:hover{background:#f00c!important}button{border:0}.mainPeersCont{height:100%;max-height:100%;width:100%;max-width:100%;padding:7px 25px;overflow:hidden}.peerBottomButtons{display:flex;justify-content:space-around;gap:1rem;z-index:20;padding-bottom:20px}.peerBottomButtons .selected{background-color:#3fbe14}.peerBottomButton{position:relative;background:#2d3237;display:flex;height:3.5rem;align-items:center;justify-content:center;padding:1rem;border-radius:20px;width:3.5rem;cursor:pointer;color:#fff;border:none;transition:background-color .15s ease,transform .1s ease}.peerBottomButton:active{transform:scale(.92)}.peerBottomButton:disabled{background:#ffffffc4;pointer-events:none}.controlBarBadge{position:absolute;top:-.2rem;right:-.2rem;background:#e35555;color:#fff;border-radius:999px;font-size:.65rem;min-width:1.1rem;height:1.1rem;display:flex;align-items:center;justify-content:center;padding:0 .25rem}.hidden{display:none}.pointer-events-none{pointer-events:none!important}.fill-white{fill:#fff!important}.peerBottomButton:hover{background:#0003}.upperBox{display:flex;width:100%;justify-content:space-between;align-items:center}.upperBox .left{display:flex;align-items:center;gap:.5rem}.upperBox .left .widget{display:flex;align-items:center;gap:1.4rem;margin-top:10px;background-color:#0003;padding:10px;border-radius:7px;overflow:hidden}.upperBox .left .widget>*{cursor:alias;background-color:transparent;padding:0;margin:0}.upperBox .left .widget .controls{display:flex;align-items:center;gap:.5rem}.upperBox .left .widget .controls>*{cursor:pointer;background-color:transparent;padding:0;margin:0}.timerBox{display:flex;align-items:center;justify-content:center;z-index:20;background-color:#0003;border-radius:7px;color:#fff;margin-top:10px;padding:10px;font-size:1.2rem}.pingBox{display:flex;align-items:center;justify-content:center;gap:.5rem;z-index:20;width:max-content;max-width:100%;padding:.5rem .9rem;background-color:#0003;border-radius:7px;color:#fff;margin-top:10px;white-space:nowrap;transition:background-color .2s ease}.pingBoxPoor{background-color:#e3555559}.pingBoxQuality{font-size:.9rem}.pingBoxRtt{font-size:.8rem;color:#fff9}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:4px}.pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.5}to{transform:scale(1);opacity:1}}.reactionsOverlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:18000}.floatingReaction{position:absolute;bottom:6rem;font-size:2.5rem;animation:floatReaction 3s ease-out forwards}@keyframes floatReaction{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20rem);opacity:0}}.reactionsPicker{position:relative}.reactionsPickerMenu{position:absolute;bottom:4.5rem;left:50%;transform:translate(-50%);background:#1f242b;border:1px solid #2D3237;border-radius:16px;padding:.6rem;display:grid;grid-template-columns:repeat(5,1fr);gap:.3rem;z-index:19000;transform-origin:bottom center;animation:reactionsPopIn .14s ease-out;box-shadow:0 8px 24px #0006}@keyframes reactionsPopIn{0%{opacity:0;transform:translate(-50%) scale(.9) translateY(6px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.reactionsPickerEmoji{background:none;border:none;font-size:1.4rem;cursor:pointer;padding:.2rem;border-radius:999px;transition:transform .12s ease,background-color .12s ease}.reactionsPickerEmoji:hover{background:#2d3237;transform:scale(1.2)}.moreMenu{position:relative}.moreMenuPanel{position:absolute;bottom:calc(100% + .6rem);right:0;width:15rem;background:#1f242b;border:1px solid #2D3237;border-radius:12px;padding:.4rem;z-index:21000;box-shadow:0 8px 24px #0006;transform-origin:bottom right;animation:moreMenuPopIn .14s ease-out}@keyframes moreMenuPopIn{0%{opacity:0;transform:scale(.94) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.moreMenuItem{display:flex;align-items:center;gap:.65rem;width:100%;background:none;border:none;color:#fff;border-radius:8px;padding:.55rem .6rem;font-size:.88rem;font-family:inherit;cursor:pointer;text-align:left;transition:background-color .12s ease}.moreMenuItem:hover{background:#2d3237}.moreMenuItem:disabled{opacity:.4;cursor:default;background:none}.moreMenuLayout{border-top:1px solid #2D3237;margin-top:.4rem;padding:.6rem;display:flex;flex-direction:column;gap:.5rem}.moreMenuLayoutLabel{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#9aa4b2}.meetingGrid{width:100%;height:100%}.videoTile,.urlSharePeer{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:16px;overflow:hidden;background:#1f242b;border:2px solid transparent;cursor:pointer}.videoTile.glowingBorder{border:2px solid #3fbe14}.videoTile.pinnedTile{border:2px solid rgb(21,168,61)}.namePlaceholder{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;gap:.5rem;align-items:center}.namePlaceholder span{color:#15a83d;background:#86efac;width:4.5rem;height:4.5rem;display:flex;justify-content:center;font-size:1.5rem;align-items:center;border-radius:50%}.name{position:absolute;bottom:.6rem;left:.75rem;z-index:10000;padding:4px 10px;border-radius:12px;background-color:#161b21bf}.name span{font-size:.9rem;color:#fff}.fullCoverVideo{height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0}.adjustMirror{transform:rotateY(180deg)}.videoTileMicOff{position:absolute;top:.6rem;left:.75rem;z-index:10000;padding:4px 8px;border-radius:12px;background-color:#161b21bf;display:flex;align-items:center;justify-content:center}.videoTileMicOff svg{width:.85rem;height:.85rem;display:block}.videoTileHandRaised{position:absolute;top:.6rem;right:.75rem;z-index:10000;font-size:1.3rem}.mainBackgroundDialog[open]{opacity:1;transform:scale(1) translateY(0)}.mainBackgroundDialog{opacity:0;transform:scale(.92) translateY(12px);transition:opacity .25s ease,transform .25s ease,overlay .25s ease allow-discrete,display .25s ease allow-discrete}@starting-style{.mainBackgroundDialog[open]{opacity:0;transform:scale(.92) translateY(12px)}}.mainBackgroundDialog::backdrop{background-color:#0000;transition:display .25s allow-discrete,overlay .25s allow-discrete,background-color .25s}.mainBackgroundDialog[open]::backdrop{background-color:#0000007f}@starting-style{.mainBackgroundDialog[open]::backdrop{background-color:#0000}}.mainBackgroundDialog{border-radius:10px;border:none;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;max-width:100%;overflow-x:hidden;background:#161b21;color:#fff;border:1px solid white}.mainBackgroundDialog .mainHeading{align-self:center}.mainBackgroundDialog .close{position:absolute;top:2%;right:2%;font-size:1.4rem;cursor:pointer}.mainBackgroundDialog .effects{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.mainBackgroundDialog .effects .effect{display:flex;flex-direction:column;gap:.5rem;align-items:center}.mainBackgroundDialog .effects .effect img,.mainBackgroundDialog .effects .effect video{border-radius:8px;padding:4px;cursor:pointer;border:2px solid transparent}.mainBackgroundDialog .effects .effect img:hover,.mainBackgroundDialog .effects .effect video:hover{border:2px solid white}.mainBackgroundDialog .effects .selectedEffect img,.mainBackgroundDialog .effects .selectedEffect video{border:2px solid white}.mainBackgroundDialog .save{padding:6px 8px;border-radius:8px;color:#000;background-color:#fff;cursor:pointer;font-size:1.1rem;align-self:flex-end}.mainLinkDialog[open]{opacity:1;transform:scale(1) translateY(0)}.mainLinkDialog{opacity:0;transform:scale(.92) translateY(12px);transition:opacity .25s ease,transform .25s ease,overlay .25s ease allow-discrete,display .25s ease allow-discrete}@starting-style{.mainLinkDialog[open]{opacity:0;transform:scale(.92) translateY(12px)}}.mainLinkDialog::backdrop{background-color:#0000;transition:display .25s allow-discrete,overlay .25s allow-discrete,background-color .25s}.mainLinkDialog[open]::backdrop{background-color:#0000007f}@starting-style{.mainLinkDialog[open]::backdrop{background-color:#0000}}.mainLinkDialog{border-radius:10px;border:none;display:flex;flex-direction:column;align-items:center;padding:2vh 2vw;gap:1rem;max-width:100%;overflow-x:hidden;background:#161b21;color:#fff;border:1px solid white}.mainLinkDialog .mainHeading{align-self:center}.mainLinkDialog .close{position:absolute;top:2%;right:2%;font-size:1.4rem;cursor:pointer}.mainLinkDialog input{font-size:1.2rem;padding:7px 18px;border-radius:18px;width:90%;border:2px solid #161B21}.mainLinkDialog input{font-family:Montserrat,sans-serif}.mainLinkDialog input:focus{outline:none;border:2px solid #32b008}.mainLinkDialog .save{padding:6px 8px;border-radius:8px;color:#000;background-color:#fff;cursor:pointer;font-size:1.1rem;align-self:flex-end;margin-top:2vh}.publishStreamDialog[open]{opacity:1;transform:scale(1) translateY(0)}.publishStreamDialog{opacity:0;transform:scale(.92) translateY(12px);transition:opacity .25s ease,transform .25s ease,overlay .25s ease allow-discrete,display .25s ease allow-discrete}@starting-style{.publishStreamDialog[open]{opacity:0;transform:scale(.92) translateY(12px)}}.publishStreamDialog::backdrop{background-color:#0000;transition:display .25s allow-discrete,overlay .25s allow-discrete,background-color .25s}.publishStreamDialog[open]::backdrop{background-color:#0000007f}@starting-style{.publishStreamDialog[open]::backdrop{background-color:#0000}}.publishStreamDialog{border-radius:10px;border:none;display:flex;flex-direction:column;align-items:center;padding:2vh 2vw;gap:1rem;max-width:100%;overflow-x:hidden;background:#161b21;color:#fff;border:1px solid white}.publishStreamDialog .mainHeading{align-self:center}.publishStreamDialog .close{position:absolute;top:2%;right:2%;font-size:1.4rem;cursor:pointer}.publishStreamDialog input{font-size:1.2rem;padding:7px 18px;border-radius:18px;width:90%;border:2px solid #161B21}.publishStreamDialog input{font-family:Montserrat,sans-serif}.publishStreamDialog input:focus{outline:none;border:2px solid #32b008}.publishStreamDialog .save{padding:6px 8px;border-radius:8px;color:#000;background-color:#fff;cursor:pointer;font-size:1.1rem;align-self:flex-end;margin-top:2vh}.publishStreamDialog .save:disabled{pointer-events:none;background-color:#ffffff9c}.ant-drawer-body{background-color:#1f272f;font-family:Montserrat,sans-serif}.ant-drawer-header{background-color:#1f272f;border-bottom:1px solid white!important;font-family:Montserrat,sans-serif}.ant-input{border-radius:6px 0 0 6px}.ant-drawer-title{color:#fff}.chat-container{height:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#1f272f;overflow:hidden;color:#fff;font-family:Montserrat,sans-serif}.chat-container .message-list{flex:.96;display:flex;width:100%;flex-direction:column;gap:1rem;overflow-y:auto;padding:0 2px}.chat-container .message-container{display:flex;flex-direction:column;gap:.3rem;width:100%}.chat-container .align-end{align-items:flex-end}.chat-container .align-start{align-items:flex-start}.chat-container .message-name{font-size:.75rem}.chat-container .file-message{padding:6px 9px;border-radius:7px;width:50%;background:#11b214;font-size:1rem;color:#fff;overflow-wrap:anywhere;display:flex;gap:.3rem;align-items:center}.chat-container .file-details{display:flex;gap:.1rem;align-items:center;flex-direction:column;width:100%}.chat-container .file-name{font-size:1rem}.chat-container .file-size{font-size:.7rem}.chat-container .file-progress-container{width:100%}.chat-container .file-progress{width:100%;accent-color:green}.chat-container .cancelled-text,.chat-container .waiting-text,.chat-container .complete-text{width:100%;justify-content:center;align-items:center;display:flex;font-size:.7rem}.chat-container .file-progress-status{width:100%;justify-content:space-between;align-items:center;display:flex;font-size:.6rem}.chat-container .text-message{padding:9px 12px;border-radius:7px;max-width:50%;background:#11b214;font-size:1rem;color:#fff;overflow-wrap:anywhere;text-align:center;min-width:10%;min-height:7%}.chat-container .cancel-icon{cursor:pointer}.chat-container .input-container{width:100%;flex:.04;margin-top:15px}.chat-container .input-container>*{font-family:Montserrat,sans-serif}.waitingScreenOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;background:#161b21;display:flex;align-items:center;justify-content:center}.waitingScreenCard{background:#1f242b;border-radius:16px;padding:2.5rem;max-width:26rem;text-align:center;color:#fff}.waitingScreenCard h2{margin:0 0 1rem}.waitingScreenCard p{color:#9aa4b2;margin-bottom:1.5rem}.waitingScreenButton{background:#15a83d;color:#fff;border:none;border-radius:8px;padding:.6rem 1.4rem;cursor:pointer}.hostControlsPanel{width:100%;color:#fff;display:flex;flex-direction:column;gap:1.25rem}.hostControlsSection{border-top:1px solid #2D3237;padding-top:1.1rem;display:flex;flex-direction:column;gap:.65rem}.hostControlsSection:first-child{border-top:none;padding-top:0}.hostControlsSectionTitle{font-size:.8rem;font-weight:600;color:#9aa4b2;text-transform:uppercase;letter-spacing:.03em}.hostControlsRow{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;gap:.75rem}.hostControlsRowActions{display:flex;gap:.4rem;flex-wrap:wrap}.hostControlsRowActions button{background:#2d3237;color:#fff;border:none;border-radius:6px;padding:.3rem .65rem;font-size:.78rem;cursor:pointer;transition:background-color .12s ease}.hostControlsRowActions button:hover{background:#3a4048}.hostControlsRowActions button:disabled{opacity:.4;cursor:default;background:#2d3237}.hostControlsMuteAll{width:100%;background:#15a83d;color:#fff;border:none;border-radius:8px;padding:.6rem;cursor:pointer;font-size:.88rem;transition:background-color .12s ease}.hostControlsMuteAll:hover{background:#129134}.participantRow{position:relative;display:flex;align-items:center;gap:.75rem;padding:.5rem .4rem;border-radius:10px;transition:background-color .12s ease}.participantRow:hover{background:#262c34}.participantRowAvatar{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;background:#86efac;color:#15a83d;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.participantRowInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.participantRowName{display:flex;align-items:center;gap:.4rem;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participantRowBadge{display:flex;align-items:center;gap:.25rem;background:#2d3237;color:#9aa4b2;border-radius:999px;padding:.05rem .45rem;font-size:.68rem;text-transform:capitalize;flex-shrink:0}.participantRowStatus{display:flex;align-items:center;gap:.4rem;color:#9aa4b2;min-height:.9rem}.participantRowActions{position:relative;flex-shrink:0}.participantRowMenuButton{background:none;border:none;color:#9aa4b2;cursor:pointer;padding:.35rem;border-radius:8px;display:flex}.participantRowMenuButton:hover{background:#2d3237;color:#fff}.participantRowMenu{position:absolute;top:calc(100% + .25rem);right:0;background:#1a1e24;border:1px solid #2D3237;border-radius:10px;padding:.35rem;min-width:10rem;z-index:21000;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;transform-origin:top right;animation:dropdownPopIn .14s ease-out}.participantRowMenu button{background:none;border:none;color:#fff;text-align:left;padding:.5rem .6rem;border-radius:6px;font-size:.85rem;cursor:pointer}.participantRowMenu button:hover{background:#2d3237}.participantRowMenu button:disabled{opacity:.4;cursor:default}.participantRowMenuDanger{color:#e35555!important}.toggleSwitch{position:relative;width:2.6rem;height:1.5rem;border-radius:999px;border:none;background:#40474f;cursor:pointer;flex-shrink:0;transition:background-color .18s ease}.toggleSwitch.toggleSwitchOn{background:#15a83d}.toggleSwitchKnob{position:absolute;top:.15rem;left:.15rem;width:1.2rem;height:1.2rem;border-radius:50%;background:#fff;transition:transform .18s ease}.toggleSwitchOn .toggleSwitchKnob{transform:translate(1.1rem)}.captionsOverlay{position:absolute;bottom:6.5rem;left:50%;transform:translate(-50%);z-index:17000;background:#161b21d9;border-radius:12px;padding:.5rem 1rem;max-width:80%;color:#fff}.captionsOverlayLine{font-size:.95rem;display:flex;gap:.4rem}.captionsOverlaySpeaker{color:#15a83d;font-weight:600}.captionsPanel{width:100%;color:#fff}.captionsPanelControls{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid #2D3237}.captionsPanelToggle{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.9rem}.captionsPanelUnsupported{font-size:.85rem;color:#e3a755;padding-bottom:.75rem;border-bottom:1px solid #2D3237}.captionsPanelTranscript{padding-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.captionsPanelLine{font-size:.85rem;display:flex;gap:.4rem}.captionsPanelLineInterim{opacity:.65;font-style:italic}.captionsPanelSpeaker{color:#15a83d;font-weight:600}.captionsPanelEmpty{font-size:.85rem;color:#9aa4b2}.roomSidebar{width:22rem;max-width:90vw;flex-shrink:0;height:100%;background:#1f242b;display:flex;flex-direction:column;border-left:1px solid #2D3237;color:#fff;animation:sidebarSlideIn .2s ease-out}@keyframes sidebarSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.roomSidebarTabs{display:flex;align-items:center;border-bottom:1px solid #2D3237;padding:.6rem;gap:.4rem}.roomSidebarTabGroup{display:flex;align-items:center;gap:.25rem;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.roomSidebarTabGroup::-webkit-scrollbar{display:none}.roomSidebarTab{position:relative;display:flex;align-items:center;gap:.35rem;background:none;border:none;color:#9aa4b2;border-radius:8px;padding:.5rem .55rem;font-size:.82rem;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background-color .15s ease,color .15s ease}.roomSidebarTab:hover,.roomSidebarTabActive{background:#2d3237;color:#fff}.roomSidebarBadge{background:#15a83d;color:#fff;border-radius:999px;font-size:.7rem;padding:.05rem .4rem;line-height:1.3}.roomSidebarBadgeAlert{background:#e35555}.roomSidebarClose{flex-shrink:0;background:none;border:none;color:#9aa4b2;cursor:pointer;padding:.5rem;border-radius:8px;display:flex}.roomSidebarClose:hover{background:#2d3237;color:#fff}.roomSidebarContent{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:1rem}.pipRoot{position:relative;width:100vw;height:100vh;background:#0d1013;overflow:hidden;font-family:Montserrat,sans-serif}.pipMainVideo{width:100%;height:100%;object-fit:cover}.pipSelfView{position:absolute;top:10px;right:10px;width:30%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.25);box-shadow:0 2px 10px #0006}.pipSelfVideo{width:100%;height:100%;object-fit:cover}.pipVideoMirrored{transform:rotateY(180deg)}.pipNameTag{position:absolute;bottom:10px;left:10px;padding:3px 10px;border-radius:10px;background-color:#161b21bf;color:#fff;font-size:.75rem}.pipCloseButton{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background-color:#161b21bf;color:#fff;cursor:pointer}.pipControls{position:absolute;bottom:10px;right:10px;display:flex;gap:8px}.pipControlButton{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background-color:#ffffff26;color:#fff;cursor:pointer}.pipLeaveButton{background-color:#e35555}body{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif!important}*,*:before,*:after{box-sizing:inherit}