body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.host-form,.viewer-form{background-color:initial;box-sizing:border-box;margin:60px 0 0;padding:5px}.video-container-split{display:flex;flex-direction:column;gap:5px}.video-container-split.theatre-mode-active{margin:0}.video-call-layout{display:flex;flex-direction:column;position:relative;width:100%}@media screen and (min-width:768px){.video-call-layout{flex-direction:row}}.video-call-layout.theatre-mode-layout{flex-direction:row}.video-call-layout.theatre-mode-layout .main-video-area{flex:1 1;max-width:none;width:100%}.video-call-layout.fullscreen-layout{height:100vh;width:100vw}.session-details-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 4px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:40px auto;padding:16px;width:auto}.session-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.session-header h2{color:#222;font-size:1.1rem;font-weight:600;margin:0}.session-details-card .session-info{grid-row-gap:12px;grid-column-gap:8px;border-bottom:1px solid #eee;border-top:1px solid #eee;column-gap:8px;display:grid;grid-template-columns:1fr 1.2fr;padding:12px 0;row-gap:12px}.session-details-card .info-row{display:contents;font-size:.95rem}.session-details-card .label{color:#666;font-weight:500;text-align:left}.session-details-card .value{color:#111;font-weight:500;text-align:right;word-break:break-word}.session-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.MuiModal-root{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.MuiDialogTitle-root{padding:4px!important}.MuiDialogContent-root{padding:0!important}.MuiDialogActions-root{display:flex;flex-direction:row;justify-content:flex-end;padding:16px}.session-details-card .MuiBox-root.css-qwujcl{align-items:center;display:flex;justify-content:center;margin:8px!important}.session-details-card .MuiBox-root.css-192qrng{display:flex;justify-content:flex-start;margin:0!important}.main-video-area{align-items:center;aspect-ratio:16/9;display:flex;flex:7 1;justify-content:center;max-height:100vh;order:1;overflow:hidden;position:relative;transition:flex .4s ease-in-out,width .4s ease-in-out,max-width .4s ease-in-out}.main-video,.main-video-area{background-color:#000;width:100%}.main-video{height:100%;object-fit:contain}.form-and-strip{background-color:initial;display:flex;flex:3 1;flex-direction:column;max-width:400px;min-width:300px;order:2;overflow:hidden;position:relative;transition:transform .4s ease-in-out,opacity .4s ease-in-out,visibility .4s ease-in-out}.form-and-strip.theatre-mode-sidebar{flex:0 0;max-width:0;min-width:0;opacity:0;overflow:hidden;padding:0;transform:translateX(100%);visibility:hidden}body.dark-mode .form-and-strip,body.dark-mode .video-controls-toolbar{background-color:#222}body.dark-mode .accordion{background-color:#222;border-color:#444}.accordion>div{overflow:hidden;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.accordion-toggle{font-size:12px;font-weight:700}.form-panel{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:4px 12px}.form-and-strip.theatre-mode-sidebar .form-panel.accordion{max-width:0;min-width:0;opacity:0;overflow:hidden;padding:0;transition:width .4s ease-in-out,min-width .4s ease-in-out,max-width .4s ease-in-out,padding .4s ease-in-out,opacity .4s ease-in-out,visibility .4s ease-in-out;visibility:hidden;width:0}.form-panel.accordion{transition:all .3s ease}.form-and-strip.theatre-mode-sidebar .accordion-header{height:0;margin:0;opacity:0;padding:0;pointer-events:none;transition:height .4s ease-in-out,padding .4s ease-in-out,margin .4s ease-in-out,opacity .4s ease-in-out,visibility .4s ease-in-out;visibility:hidden}.form-and-strip.theatre-mode-sidebar .accordion-header h4{display:none}.form-and-strip.theatre-mode-sidebar .accordion-toggle span{display:none;visibility:hidden}.accordion-header{align-items:center;background:linear-gradient(30deg,#5d3794,#341957);border-radius:6px;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:space-between;padding:4px 12px;transition:height .4s ease-in-out,padding .4s ease-in-out,margin .4s ease-in-out,opacity .4s ease-in-out,visibility .4s ease-in-out}.accordion-header h4{font-size:12px;margin:0}.bottom-strip{align-items:flex-start;background-color:initial;border-top:1px solid #ccc;display:flex;flex-shrink:0;flex-wrap:wrap;gap:20px;justify-content:center;order:3;overflow-x:auto;padding:10px 0;width:100%}body.dark-mode .bottom-strip{background-color:#111;border-top:1px solid #333}.remove-button{align-items:center;background-color:#dc3545;border:none;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:-10px;top:10px;width:24px;z-index:5}.remove-button:hover{background-color:#c82333;cursor:pointer}.annotation-canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.annotation-toolbar{background:#fff;border:2px solid #5d3794;border-radius:10px;display:flex;flex-direction:column;font-family:Arial,sans-serif;gap:16px;max-width:220px;padding:16px;transition:all .3s ease;z-index:20}.annotation-toolbar.overlay{background:#ffffffd9;box-shadow:0 2px 10px #0003;left:20px;position:absolute;top:20px;z-index:30}.annotation-toolbar label{color:#333;display:flex;flex-direction:column;font-size:14px}.annotation-toolbar input[type=range]{margin-top:8px;width:100%}.color-palette{display:flex;gap:8px;justify-content:space-between}.color-button{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;transition:border-color .2s ease;width:28px}.color-button.selected{border-color:#333}.annotation-toolbar button{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .3s ease}.annotation-toolbar button:hover{background-color:#d32f2f}.enable-annotation-btn button{background:#5d3794;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;padding:10px;transition:background-color .2s ease}.clear-annotation{background:#ffffffe6;border:1px solid #ccc;border-radius:4px;bottom:8px;cursor:pointer;font-size:12px;left:8px;padding:5px 10px;position:absolute;z-index:20}.small-video-box{align-items:center;display:flex;flex-direction:column;gap:5px;max-width:200px;min-width:150px}.small-video-box.video-wrapper{position:relative}.small-video-wrapper{aspect-ratio:4/3;background-color:#000;border:1px solid #ccc;border-radius:8px;display:grid;overflow:hidden;position:relative;width:100%}.small-video{border-radius:6px;display:block;grid-area:1/1;height:100%;object-fit:cover;width:100%}.small-control-icons{align-self:end;display:flex;gap:8px;grid-area:1/1;justify-self:end;padding:8px;z-index:2}.small-control-icons .icon-button{align-items:center;background:#5d3794;border:2px solid #fff;border-radius:100px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease}.small-control-icons .icon-button svg{font-size:1.05rem}body.dark-mode .small-control-icons.icon-button{color:#bbb}.small-control-icons .icon-button:hover{background-color:#341957;color:#fff}.small-video-box p{color:#555;font-size:11px;margin:0;text-align:center}body.dark-mode .small-video-box p{color:#aaa}.step-list{gap:20px;padding-left:0}.initial-step-list,.step-list{display:flex;flex-direction:column;list-style-type:decimal;margin-block-end:0;margin-block-start:0}.initial-step-list{align-items:center;box-sizing:border-box;gap:1.25rem;justify-content:center;margin-left:auto;margin-right:auto;max-width:700px;padding:1.25rem;width:100%}.input-group{display:flex;flex-direction:column;gap:8px;width:100%}.input-label{color:#333;font-size:12px;font-weight:600}body.dark-mode .input-label{color:#bbb}.camera-select,.input-field{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.camera-select:focus,.input-field:focus{border-color:#007bff;outline:none}.camera-select{-webkit-appearance:none;appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAVklEQVR4nGNgGAWjYBQMGIhhYGD4wcDA8J9IDFIbRYoF8SQY/h+K40j1RTkJhteTajgpltSTazgxltRTajg+S6hmODZLqG44DCQxMDAkwnmjYBQMDwAAptU8wdV6fT0AAAAASUVORK5CYII=);background-position:right 10px center;background-repeat:no-repeat;background-size:15px;cursor:pointer;padding-right:35px}.dropdown-with-icon{align-items:center;display:flex;gap:8px}.video-wrapper{position:relative}.video-controls-toolbar{align-items:center;background-color:#00000080;border:1px solid #5d3794;border-radius:4px;bottom:5px;color:#fff;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;left:50%;opacity:.7;padding:4px;position:absolute;transform:translateX(-50%);transition:all .3s ease,opacity .3s ease;width:95%;z-index:20}.video-controls-toolbar:hover{opacity:1}.video-controls-toolbar .icon-button{background:#0000;border:none;border-radius:50%;color:inherit;padding:8px;transition:background-color .2s ease,color .2s ease}.video-controls-toolbar .icon-button:hover{background-color:#fff3}.video-controls-toolbar .icon-button.off{background-color:#dc3545;color:#fff}.video-controls-toolbar .icon-button.off:hover{background-color:#c82333}.video-controls-toolbar .icon-button svg{font-size:1.25rem}.settings-container{align-items:center;display:flex;justify-content:center;position:relative}.settings-dropdown{align-items:flex-start;background-color:#000000b3;border-radius:8px;bottom:100%;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;gap:8px;min-width:150px;padding:10px;position:absolute;right:0;z-index:21}.settings-dropdown .icon-button{background:#0000;border-radius:50%;color:#fff;padding:8px;width:auto}.settings-dropdown .icon-button:hover{background-color:#fff3}.settings-dropdown .icon-button.off{background-color:#dc3545;color:#fff}.settings-dropdown .icon-button.off:hover{background-color:#c82333}.settings-dropdown .resolution-selector{width:100%}.settings-dropdown .resolution-select{background-color:#ffffff1a;border:1px solid #ffffff4d;color:#fff;width:100%}.settings-dropdown .resolution-select:focus{border-color:#5e3794;outline:none}.right-controls-group{align-items:center;display:flex;gap:8px}.display-mode-controls,.media-controls{display:flex;gap:8px}.mic-muted{background-color:#0009;top:40px}.icon-button{align-items:center;background:#5d3794;border:2px solid #fff;border-radius:100px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s ease}.icon-button svg{font-size:1.25rem}body.dark-mode .icon-button{color:#bbb}.icon-button:hover{background-color:#341957;color:#fff}.upload-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.upload-widget{background:#fff;border-radius:8px;padding:1rem 2rem;text-align:center}.session-details{align-items:center;background-color:initial;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;padding:0}.session-status{align-items:center;background-color:#5e379425;border-radius:20px;color:#333;display:inline-flex;font-size:12px;justify-content:center;padding:4px 8px;white-space:nowrap}.session-status.clickable{cursor:pointer;transition:background-color .2s,transform .1s}.session-status.clickable:hover{background-color:#5e379450;transform:scale(1.05)}body.dark-mode .session-status{background-color:#444;color:#bbb}body.dark-mode .session-status.clickable:hover{background-color:#555}.button-container{display:flex;gap:15px;justify-content:center;margin-top:3rem}.btn-danger,.btn-primary,.session-actions .btn-primary{background-color:#5d3794;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:background-color .3s ease}.btn-primary:hover{background-color:#341957}.btn-danger{background-color:#dc3545}.btn-danger:hover{background-color:#c82333}.error-message{color:#ff5252;font-size:13px;margin-top:5px}.video-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.video-box{align-items:center;display:flex;flex-direction:column;gap:10px;max-width:400px;width:100%}.video-stream{border:1px solid #e0e0e0;border-radius:8px;max-height:250px;width:100%}.video-box p{color:#555;font-size:12px;margin:0;text-align:center}.session-info{align-items:flex-start;display:flex;flex-direction:column;gap:0}.session-info .value{align-items:center;display:inline-flex;gap:4px}.session-info p{color:#555;font-size:12px;margin:0}.copy-icon{color:#5e3794;cursor:pointer;transition:transform .2s ease,color .2s ease}.copy-icon:hover{color:#3e256d;transform:scale(1.2)}.session-not-found{color:red;font-size:12px}.session-info h3{color:green}@media screen and (min-width:600px){.input-group.horizontal{align-items:center;flex-direction:row;justify-content:space-between}.input-group.horizontal .camera-select,.input-group.horizontal .dropdown-with-icon,.input-group.horizontal .input-field{flex:1 1}.input-group.horizontal .dropdown-with-icon{max-width:70%}.video-box{width:calc(50% - 10px)}}@media screen and (max-width:767px){.video-call-layout.theatre-mode-layout{flex-direction:column}.form-and-strip.theatre-mode-sidebar{height:0;margin-bottom:0;margin-right:0;max-height:0;max-width:none;min-height:0;min-width:0;min-width:auto;padding:0;transform:none;width:auto}.form-and-strip:not(.theatre-mode-sidebar){height:auto;margin-bottom:12px;max-height:none;min-height:0;min-height:auto;padding:16px}}.resolution-selector{align-items:center;display:flex;gap:8px}.resolution-select{-webkit-appearance:none;appearance:none;background-color:#0006;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 10px}.resolution-select:focus{border-color:#5e3794;outline:none}.annotation-toolbar.overlay.top-left{left:20px;top:20px}.app-header{padding:5px 20px;z-index:5}.logo-title{align-items:center;display:flex}.header-logo{height:auto;margin-right:10px;width:40px}.header-title{font-family:Poppins,sans-serif;font-size:1.5rem;margin:0}.header-title:hover{cursor:pointer}.header-button{background-color:initial;border:none;border-radius:50%;color:#fff;cursor:pointer;height:40px;padding:8px 0;transition:background-color .3s ease;width:40px}.header-button:hover{background-color:#ffffff50}.header-menu-wrapper{position:relative}.header-dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:10px;position:absolute;right:50px;top:10px;width:150px;z-index:1000}.header-dropdown-menu button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;text-align:left;transition:background-color .2s}.header-dropdown-menu button:hover{background-color:#5d379450}.header-dropdown-menu button.menu-item{align-items:center;background:none;border:none;border-radius:4px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:8px 12px;text-align:left;transition:background-color .2s}.header-dropdown-menu button.menu-item:hover{background-color:#5d379450}.menu-icon{align-items:center;display:flex}body,html{font-family:Poppins,sans-serif;margin:0;padding:0}body{background:#fff;color:#fff;line-height:1.6}:root{background-color:inherit}body.dark-mode{background:#121212;color:#fff}body.dark-mode .top-label{background-color:#fff;color:#5d3794}body.dark-mode .disclaimer{color:#bbb}.dashboarddata,.home-button,.top-label,body{transition:background-color .3s ease,color .3s ease}.app-wrapper{display:flex;flex-direction:column}.app-header{align-items:center;background:linear-gradient(30deg,#5d3794,#341957);border-bottom:3px solid #fff;display:flex;height:40px;justify-content:space-between;left:0;padding:10px 20px;position:fixed;right:0;top:0;z-index:999}.app-container{background-color:initial;flex:1 1;overflow:auto}.logo-loader{align-items:center;background-color:#5d379475;display:flex;height:100vh;justify-content:center;width:100vw}body.dark-mode .logo-loader{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#121212}.logo-loader img{animation:LogofadeInOut 1s ease-in-out;height:auto;width:10vw}@keyframes LogofadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.app-title{margin:0 0 10px;text-align:center}.app-footer{background-color:#f5f5f5;border-top:1px solid #ddd;bottom:0;color:#333;font-size:9px;left:0;padding:.25rem;position:fixed;right:0;text-align:center;z-index:999}body.dark-mode .app-footer{background-color:#1e1e1e;border-top:1px solid #333;color:#aaa}.home-container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;margin:40px 0 0;padding:4rem 2rem 2rem}.homepage-button-container{align-items:center;display:flex;flex-direction:column;width:100%}.home-button-wrapper{position:relative;text-align:center;width:100%}.top-label{background-color:#5d3794;border:none;border-radius:24px;box-shadow:0 2px 5px #0003;color:#fff;font-size:16px;font-weight:700;left:50%;padding:8px 66px;position:absolute;top:-18px;transform:translateX(-50%);z-index:3}.home-button,.top-label:hover{cursor:pointer}.home-button{aspect-ratio:5/3;background-color:#00000025;border-top:none!important;border:5px solid #5d3794;border-radius:16px;color:#fff;font-family:Poppins,sans-serif;font-size:clamp(1rem,2.5vw,2rem);overflow:hidden;padding-top:26px;position:relative;width:100%;z-index:1}.home-button .button-text{font-size:18px;opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease}.home-button:before{background-image:var(--bg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;transform:perspective(800px) rotateY(0deg);transition:filter .3s ease,transform .5s ease;width:100%;z-index:-1}.home-button:hover:before{filter:blur(20px);transform:scale(1.025)}.home-button:after{background-color:#0003;border-radius:12px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.home-button span{display:block;position:relative;text-align:center;z-index:2}.home-button:hover .button-text{opacity:1;transform:scale(1)}.disclaimer{color:#5d3794;font-size:9px;margin-top:.5rem;text-align:center}
/*# sourceMappingURL=main.fe7d77ef.css.map*/