body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{color:"#FFF";overflow-y:auto}body::-webkit-scrollbar{display:none}.App{text-align:center;min-height:100vh}.App-logo{height:40vmin;pointer-events:none}form{width:100%}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}#paper-props::-webkit-scrollbar{width:12px}#paper-props:hover{overflow-y:overlay}#paper-props::-webkit-scrollbar-button{width:0;height:0;display:none}#paper-props::-webkit-scrollbar-corner{background-color:initial}#paper-props::-webkit-scrollbar-thumb{background-clip:content-box;border:4px solid transparent;border-radius:7px;box-shadow:inset 0 0 0 10px;color:#e5e6e7}#participant-scroll::-webkit-scrollbar{width:12px}#participant-scroll:hover{overflow-y:overlay}#participant-scroll::-webkit-scrollbar-button{width:0;height:0;display:none}#participant-scroll::-webkit-scrollbar-corner{background-color:initial}#participant-scroll::-webkit-scrollbar-thumb{background-clip:content-box;border:4px solid transparent;border-radius:7px;box-shadow:inset 0 0 0 10px;color:#e5e6e7}.App-header{min-height:100vh;padding:24px 50px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.single-video-card{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4px}.single-video-card .talking-indicator-light{border:2px solid;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;z-index:10}.single-video-card .name-indicator{position:absolute;z-index:9;bottom:0;width:100%;border-radius:21px;padding:min(18px,9%) min(18px,6%) min(18px,5%);background:#fef6f3;background:linear-gradient(180deg,#fef6f300,#00000080)}.name-indicator .name{font-size:16px}.lobby-page-video{aspect-ratio:16 / 9;width:auto!important}#stream-gallery{position:absolute;top:0;overflow:hidden;left:0;width:100%;height:calc(100vh - 80px);display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center}#stream-gallery.drawer-open{width:calc(100% - 350px)}#stream-gallery .single-video-container{transition:width .4s linear;border-radius:4px;padding:8px}.single-video-container{width:100%;height:100%}.single-video-container.keep-ratio{aspect-ratio:16 / 9;width:auto!important;max-width:100%}.single-video-container.pinned{width:82.5%!important;aspect-ratio:16 / 9}#unpinned-gallery{width:17.5%;display:flex;justify-content:flex-start;align-items:center;overflow:hidden;flex-direction:column;padding-right:8px;height:100%;margin-left:auto}.unpinned{height:25%!important;max-height:25%;min-height:25%;width:100%;border-radius:4px}.unpinned .name-indicator .name{font-size:14px}#stream-gallery .unpinned .single-video-container{height:100%!important;width:100%;border-radius:4px;padding-left:0;padding-right:0;padding-bottom:0}.others-tile-wrapper{display:flex;align-items:center;justify-content:center;border-radius:4px}.others-tile-inner{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px}.layout-radio-label{width:100%}@media (max-width: 900px){.App-header{padding:16px}#stream-gallery .single-video-container{padding:4px}.name-indicator .name{font-size:12px;position:relative;bottom:unset;top:unset;left:unset}.single-video-card .name-indicator{padding-bottom:8px!important;padding:12px}}@media (max-width: 600px){#unpinned-gallery{display:none}.single-video-container.pinned{height:auto}}.pinned-main{width:80%;padding:20px}.pinned-video{width:100%;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative}.sidebar{width:20%;background-color:#2d2d2d;padding:20px;display:flex;flex-direction:column;gap:15px;overflow-y:auto}.video-layout{display:flex;width:100%;height:100vh}.layout-tiled{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-template-rows:repeat(auto-fit,minmax(200px,1fr));max-width:100%;height:100vh}.layout-tiled.participants-1{grid-template-columns:1fr;grid-template-rows:1fr}.layout-tiled.participants-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.layout-tiled.participants-3,.layout-tiled.participants-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.layout-tiled.participants-5,.layout-tiled.participants-6{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.layout-tiled.participants-3 .single-video-container:nth-child(3){grid-column:1 / 3;justify-self:center;max-width:50%}.layout-tiled.participants-5 .single-video-container:nth-child(4){grid-column:1 / 2;justify-self:end;margin-right:4px}.layout-tiled.participants-5 .single-video-container:nth-child(5){grid-column:2 / 3;justify-self:start;margin-left:4px}.layout-pinned{flex-direction:row}.layout-pinned:before{content:"";width:80%;height:100%;position:absolute;background-color:transparent;z-index:-1}.layout-pinned:after{content:"";width:20%;height:100%;position:absolute;right:0;z-index:-1}.layout-pinned .pinned-main{position:absolute;left:0;top:0;width:80%;height:100%;padding:20px;display:flex;align-items:center;justify-content:center;z-index:1}.layout-pinned .pinned-main .single-video-container{width:100%!important;height:100%!important;max-height:calc(100vh - 40px)}.layout-pinned .sidebar-video{position:absolute;right:20px;width:calc(20% - 40px);height:120px;z-index:1;top:calc(20px + var(--sidebar-index, 0) * 132px)}.layout-pinned .sidebar-video .single-video-container{width:100%!important;height:100px!important;border-radius:8px;overflow:hidden;cursor:pointer}.layout-pinned .in-others{display:none!important}.layout-tiled .single-video-container{display:block;position:relative;border-radius:8px;overflow:hidden;width:100%;height:calc(100% - 80px)!important;min-height:200px}.layout-tiled.participants-1 .single-video-container{height:60%}.layout-tiled.participants-2 .single-video-container{height:75%}.layout-tiled.participants-3 .single-video-container{height:92%}.layout-tiled.participants-4 .single-video-container{height:85%}.layout-tiled.participants-5 .single-video-container,.layout-tiled.participants-6 .single-video-container{height:90%}.layout-tiled .pinned-main,.layout-tiled .sidebar-video{position:relative!important;width:100%!important;height:100%!important;top:auto!important;left:auto!important;right:auto!important;padding:0!important;grid-column:auto!important;justify-self:auto!important;max-width:none!important}.layout-tiled .pinned-main .single-video-container,.layout-tiled .sidebar-video .single-video-container{width:100%!important;height:100%!important;max-height:none!important}.layout-pinned .others-tile-wrapper{position:absolute;right:20px;width:calc(20% - 40px);height:120px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;top:calc(20px + var(--sidebar-index, 0) * 132px)}.layout-pinned .others-tile-wrapper .single-video-container{width:100%!important;height:100px!important;border-radius:8px;overflow:hidden}.layout-tiled .others-tile-wrapper{display:none}.single-video-container{position:relative;border-radius:8px;overflow:hidden}@media (max-width: 768px){.layout-pinned{flex-direction:column}.layout-pinned .pinned-main{position:relative;width:100%!important;height:70%}.layout-pinned .sidebar-video{position:relative;width:120px!important;height:80px;top:auto!important;right:auto;display:inline-block;margin-right:10px}.layout-pinned:after{content:"";position:relative;width:100%;height:30%;right:auto;display:flex;flex-direction:row;overflow-x:auto;padding:10px}}