*{box-sizing:border-box}:root{--header-height:90px}html{color-scheme:dark;margin:0;width:100%;height:-moz-fit-content;height:fit-content}body{display:flex;flex-direction:column;margin:0;height:100%;background:radial-gradient(circle at 50% 30%,#045458,transparent 40%) no-repeat,linear-gradient(135deg,#03272b,#000b0c) no-repeat}.header{max-width:500px;padding-inline:2rem}.header>img{display:block;margin:auto;max-width:100%}.header>h2{font-family:TWK Everett,sans-serif;font-style:normal;font-weight:400;font-size:1.25rem;line-height:144%;text-align:center;color:rgba(255,255,255,.6)}.page-header .logo{display:flex;align-items:center;justify-content:center;@media (max-width:640px){img{width:136px}}}.page-header.has-details{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem clamp(1rem,4vw,2rem);background-color:black;max-width:2560px;width:100%;@media (max-width:640px){padding-left:.5rem;padding-bottom:1rem;padding-right:.5rem;padding-top:1rem;gap:.75rem}.page-header-details{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;text-align:right;min-width:0;max-width:70%;@media (max-width:640px){text-align:left}h2,p{font-size:clamp(.75rem,2vw,1rem);width:100%;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}h2{font-weight:600;color:white;margin:0;-webkit-line-clamp:1;line-clamp:1}p{font-size:clamp(.875rem,2vw,1rem);color:#c8d2e0;font-weight:500;margin:0;width:100%;min-width:0;-webkit-line-clamp:2;line-clamp:2;@media (max-width:640px){-webkit-line-clamp:1;line-clamp:1}}}}.section-heading{display:flex;flex-direction:column;gap:.75rem;&.has-subheading{.title{order:1}.subtitle{order:3}.event-info{order:2}}.title{font-size:clamp(2rem,2vw,2.25rem);font-weight:600;color:white;order:1}.subtitle,.title{line-height:1.4;margin:0;text-align:center}.subtitle{color:#98a2b3;font-size:clamp(1.1rem,2vw,1.2rem);order:2}.event-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem;order:3;.event-location{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:clamp(.875rem,2vw,1rem);color:#c8d2e0;text-align:center;svg{@media (max-width:424.98px){display:none}}}.event-details{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:clamp(.775rem,2vw,.95rem);color:#c8d2e0;@media (max-width:424.98px){flex-direction:column}}.event-detail{display:flex;align-items:center;gap:.4rem;margin:0;svg{@media (max-width:424.98px){display:none}}}.dot-separator{font-weight:700;font-size:clamp(.875rem,2vw,1rem);@media (max-width:424.98px){display:none}}}}.container{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1.5rem .5rem;min-height:100dvh;width:100%;box-sizing:border-box;.box{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:2rem;align-items:center;flex:1 1;justify-content:center}.cardTitle{font-size:clamp(1.1rem,2vw,1.25rem);font-weight:600;color:#d7dfef;margin:0}.card{background-color:#0d0d0d;border:1px solid #1f2228;border-radius:1rem;padding:1.25rem 1.5rem 1.5rem;box-shadow:0 4px 6px -4px #0000001a;display:flex;flex-direction:column;gap:1.5rem;width:100%;height:100%}.grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;align-items:center}@media (min-width:1024px){.grid{height:100%;grid-template-columns:1fr 1fr}}.preview{background:#232323;border-radius:.5rem;position:relative;display:flex;align-items:center;justify-content:center;container-type:inline-size;height:clamp(230px,40vw,350px)}.previewControls{position:absolute;bottom:.5rem;left:.5rem;display:flex;gap:.5rem}.controlButton{border:none;border-radius:.25rem;width:24px!important;height:24px!important;padding:0!important;min-width:0}.controlButton svg{width:17px!important}.settings{display:flex;flex-direction:column;gap:.75rem;position:relative;height:100%;padding-right:.5rem;background-color:#0d0d0d;@media (min-width:1024px){max-height:450px}}.settingItem{display:flex;align-items:flex-end;gap:.5rem}.settingItem .dropdown{flex-grow:1}.settingActions{display:flex;justify-content:flex-end}.settingActions button svg{width:1rem;height:1rem}.joinButtonContainer{display:flex;margin-top:auto;position:-webkit-sticky;position:sticky;bottom:0;width:100%;background-color:#0d0d0d;padding:0 0 .5rem}.joinButton{width:100%;font-weight:600}.divider{border-top:1px solid #374151;padding-top:.5rem}@media (max-width:768px){.card{padding-left:1rem;padding-right:1rem}}}.errorContainer{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem;width:100%;box-sizing:border-box;flex-direction:column;.error-box{width:100%;display:flex;max-width:640px;flex-direction:column;gap:1.5rem;align-items:center;flex:1 1;justify-content:center}}.dropdown{.dropdownLabel{display:block;font-size:14px;color:#d1d5db;margin-bottom:.5rem}.dropdownContainer{position:relative}.dropdownButton{width:100%;background:#0d0d0d;border:1px solid #353a42;border-radius:6px;padding:8px 12px;font-size:.875rem!important;color:#c8d2e0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s;text-align:left;box-shadow:0 2px 4px rgba(0,0,0,.4)}.dropdownButton:hover{background:#1a5a5f;border-color:transparent}.dropdownButtonContent{display:flex;align-items:center;gap:.5rem}.dropdownIcon{color:#9ca3af;display:inline-flex!important;align-items:center;flex-shrink:0}.dropdownIcon svg{width:17px;height:17px}.dropdownButtonContent span{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1}.chevron{width:16px;height:16px;color:#9ca3af;transition:transform .2s;flex-shrink:0}.chevron.open{transform:rotate(180deg)}.dropdownMenu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#0a2d2f;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.06);z-index:10;max-height:192px;overflow-y:auto;padding:4px 0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all .2s ease-in-out}.dropdownMenuItem{width:100%;padding:10px 16px;color:#d1d5db;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:background-color .2s,color .2s;text-align:left;font-size:.875rem;border-radius:4px}.dropdownMenuItem[aria-selected=true]{background-color:#116268;color:#f9fafb;outline:none}.dropdownMenuItem:focus,.dropdownMenuItem:hover{background-color:#1a5a5f;color:#f9fafb;outline:none}}.avatar{aspect-ratio:1/1;width:72px;background:#c8d2e0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#0d0d0d;font-weight:500;font-size:1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;&.has-image{background:#0d0d0d}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;display:inline-block;object-position:center}.avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-transform:uppercase}}.double-button-wrapper{display:flex;gap:1rem;max-width:425px;width:100%;justify-content:center;@media (max-width:374.98px){flex-direction:column}.btn,button{flex:1 1;min-width:130px;width:100%}}.countdown-timer-and-buttons{display:flex;flex-direction:column;gap:2rem;width:100%;align-items:center;.timer-value{font-size:clamp(3rem,2vw,4rem);font-weight:600;color:#b272ff}}.ended-graphic{position:relative;height:280px;max-width:600px;width:100%;background:url(/background-images/meeting-ended-bg.webp) no-repeat 50%;background-size:cover;border-radius:1rem;overflow:hidden}.ended-graphic:before{content:"";position:absolute;inset:0;background-color:#0d0d0d80;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:1;border-radius:inherit}.ended-actions{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:2rem;max-width:425px;width:100%;flex-wrap:wrap;justify-content:center;button{flex:1 1;min-width:130px;width:100%}}.ended-info{text-align:center;color:#6b7280;font-size:.875rem;margin:0}.lk-participant-tile:after{border-color:#8a38f5!important}.conference-page{display:flex;flex-direction:column;height:100%;width:100%;max-width:2560px;margin:auto;.page-header{height:var(--header-height);width:100%;max-width:unset!important}main{height:calc(100dvh - var(--header-height))!important}&.pip-active{container-type:inline-size;.control-bar.video-conference-footer,.lk-control-bar,.page-header-details{display:none!important}.page-header{justify-content:center!important}.lk-room-container{.lk-grid-layout-wrapper{height:100%!important}.lk-participant-placeholder{.avatar{width:3rem!important;height:3rem!important}}.chat-participants-interface{display:none!important}}}.lk-room-container{.lk-focus-layout-wrapper{aside{.lk-participant-tile{.lk-participant-placeholder{.avatar{width:3rem!important;height:3rem!important}}}}}}}.notFoundContainer{.box{gap:1.5rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;.modal-content{border-radius:1.25rem;background-color:#232323;border:1px solid #ffffff17;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-height:90dvh;height:-moz-fit-content;height:fit-content;overflow-y:auto;position:relative;-webkit-backdrop-filter:blur(150px);color:white;display:flex;flex-direction:column;gap:2rem;backdrop-filter:blur(150px);@media (max-width:640px){padding-left:1rem;padding-right:1rem}}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:500px}.modal-lg{width:100%;max-width:800px}.modal-header{display:flex;gap:1rem;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;width:100%;padding:1.5rem 0 1rem;background-color:#232323}.modal-title{font-size:clamp(1.1rem,2vw,1.25rem);font-weight:600;margin:0;color:white;flex:1 1;display:inline-flex;justify-content:center;align-items:center;line-height:1.4}.modal-close-button{background:none;border:none;font-size:1rem;cursor:pointer;color:white;padding:0;width:32px;height:32px;border-radius:9px;background-color:#f9f9f933;display:flex;align-items:center;justify-content:center;transition:all .2s;svg{height:1.1rem;width:1.1rem}}.modal-close-button:hover{background-color:#404040;color:white}.modal-body{color:#d1d5db;line-height:1.6;p{margin:0;text-align:center;font-size:clamp(1.1rem,2vw,1.25rem);line-height:1.4;color:white}}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;position:-webkit-sticky;position:sticky;bottom:0;background-color:#232323;width:100%;padding-bottom:1.5rem;padding-top:1rem;&.single-button-mode{justify-content:center;.single-button{max-width:245px;width:100%;margin:0 auto}}}@media (max-width:640px){.modal-content{margin:0;width:100%;max-width:100%}.modal-footer{flex-direction:column-reverse;padding-top:1rem;&.single-button-mode{justify-content:center}}.modal-footer button{width:100%;max-width:100%}}}.btn{font-weight:500;padding:1rem .875rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem!important;text-decoration:none;box-sizing:border-box;&:focus{outline:none}&.sm{padding:.5rem .75rem}&.md{font-size:1rem!important;padding:1rem .875rem}&.lg{padding:1.25rem 1rem;font-size:1rem}&.primary{background-color:#008990;color:white;&:hover:not(.disabled){background-color:#039ba3;text-decoration:none}&:visited{color:white}}&.primary-outline{background-color:transparent;color:#008990;border:1px solid #008990;&:hover:not(.disabled){background-color:#008990;color:white;text-decoration:none}&:visited{color:#008990}}&.accent{background-color:#3b3b3b;color:white;&:hover:not(.disabled){background-color:#5a6268;text-decoration:none}&:visited{color:white}}&.accent-outline{background-color:transparent;color:#3b3b3b;border:1px solid #3b3b3b;&:hover:not(.disabled){background-color:#3b3b3b;color:white;text-decoration:none}&:visited{color:#3b3b3b}}&.accent-dark{background-color:#1f2937;color:white;&:hover:not(.disabled){background-color:#2c3746;text-decoration:none}&:visited{color:white}}&.accent-dark-outline{background-color:transparent;color:#1f2937;border:1px solid #1f2937;&:hover:not(.disabled){background-color:#1f2937;color:white;text-decoration:none}&:visited{color:#1f2937}}&.secondary{background-color:#8b5cf6;color:white;&:hover:not(.disabled){background-color:#7c3aed;text-decoration:none}&:visited{color:white}}&.secondary-outline{background-color:transparent;color:#8b5cf6;border:1px solid #8b5cf6;&:hover:not(.disabled){background-color:#8b5cf6;color:white;text-decoration:none}&:visited{color:#8b5cf6}}&.white{background-color:white;color:#1f2937;&:hover:not(.disabled){background-color:#f3f4f6;text-decoration:none}&:visited{color:#1f2937}}&.white-outline{background-color:transparent;color:white;border:1px solid white;&:hover:not(.disabled){background-color:white;color:#1f2937;text-decoration:none}&:visited{color:white}}&.danger{background-color:#cc3b33;color:white;&:hover:not(.disabled){background-color:#e74a4a;text-decoration:none}&:visited{color:white}}&.danger-outline{background-color:transparent;color:#cc3b33;border:2px solid #cc3b33;&:hover:not(.disabled){background-color:#cc3b33;color:white;text-decoration:none}&:visited{color:#cc3b33}}&.disabled{background-color:#374151;cursor:not-allowed;transform:none;opacity:.7;pointer-events:none;&:hover{text-decoration:none}}}a.btn{color:inherit;text-decoration:none;&:hover{text-decoration:none}&:active,&:visited{color:inherit}}a.btn[role=button]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-content-with-icon{display:flex;align-items:center;gap:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-text{flex:1 1}.btn-loading-container{display:flex;align-items:center;gap:.5rem}.btn-spinner{width:1.25rem;height:1.25rem;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.custom-scrollbar{overflow-x:auto;overflow-y:auto;padding-bottom:1.5rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#028086 #0d0d0d;&::-webkit-scrollbar{height:6px}&::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}&::-webkit-scrollbar-thumb{background:#028086;border-radius:10px;&:hover{background:#03a79d}}}.custom-scrollbar--secondary{scrollbar-color:#8146c5 #0d0d0d!important;&::-webkit-scrollbar-thumb{background:#8146c5!important;&:hover{background:#a371dd!important}}}.hidden{display:none!important}.lk-participant-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-menu{position:relative;display:inline-block}.action-menu__trigger{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;transition:all .2s ease;border-radius:.5rem}.action-menu__trigger:disabled{cursor:not-allowed;opacity:.5}.action-menu__trigger:hover:not(:disabled){opacity:.8}.action-menu__panel{position:absolute;border-radius:6px;padding:4px 0;box-shadow:0 10px 20px rgba(0,0,0,.2);z-index:1000;min-width:180px;animation:action-menu-fadeIn .15s ease-out}.action-menu--gray .action-menu__panel{background-color:#1f2937;border:1px solid #4b5563}.action-menu--gray .action-menu__item{color:#c8d2e0}.action-menu--gray .action-menu__item:hover:not(.action-menu__item--disabled){background-color:#374151}.action-menu--gray .action-menu__icon{color:#9ca3af}.action-menu--primary .action-menu__panel{background-color:#0a2d2f;border:1px solid #008990}.action-menu--primary .action-menu__item{color:#d1d5db}.action-menu--primary .action-menu__item:hover:not(.action-menu__item--disabled){background-color:#1a5a5f}.action-menu--primary .action-menu__icon{color:#9ca3af}.action-menu--secondary .action-menu__panel{background-color:#2d1b4e;border:1px solid #8a38f5}.action-menu--secondary .action-menu__item{color:#e5d7ff}.action-menu--secondary .action-menu__item:hover:not(.action-menu__item--disabled){background-color:#7a2ee0}.action-menu--secondary .action-menu__icon{color:#c4b5fd}.action-menu--bottom-right{top:100%;right:0;margin-top:8px}.action-menu--bottom-left{top:100%;left:0;margin-top:8px}.action-menu--top-right{bottom:100%;right:0;margin-bottom:8px}.action-menu--top-left{bottom:100%;left:0;margin-bottom:8px}.action-menu__item{display:flex;align-items:center;width:100%;padding:8px 14px;background:transparent;border:none;font-size:.875rem;cursor:pointer;transition:background .2s ease;text-align:left}.action-menu__item--disabled{cursor:not-allowed;opacity:.5}.action-menu__content{display:flex;align-items:center;gap:.5rem}.action-menu__icon{display:flex;align-items:center;justify-content:center}.action-menu__icon svg{width:18px;height:18px}.action-menu__label{flex:1 1}@keyframes action-menu-fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.gs-button-group-menu{>button{border:1px solid transparent!important}.gs-device-menu{background-color:#1f2937;border:1px solid #4b5563;border-radius:6px;padding:4px 0;box-shadow:0 10px 20px rgba(0,0,0,.2);z-index:1000;min-width:180px;animation:action-menu-fadeIn .15s ease-out;&.gs-media-device-menu--gray{border:1px solid #4b5563}&.gs-media-device-menu--primary{background-color:#0a2d2f;border:1px solid #008990}&.gs-media-device-menu--secondary{background-color:#2d1b4e;border:1px solid #8a38f5}.gs-list{list-style:none;padding:0;margin:0;border:none;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.06)}button{width:100%;padding:.65rem .75rem;border:none;background:transparent;cursor:pointer;text-align:left;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center}button:focus{outline:none}.gs-media-device-select--gray{background-color:#1f2937}.gs-media-device-select--gray button{color:#c8d2e0}.gs-media-device-select--gray button:hover,.gs-media-device-select--gray li[data-lk-active=true] button{background-color:#374151;color:#f9fafb}.gs-media-device-select--gray li{border-bottom-color:rgba(75,85,99,.3)}.gs-media-device-select--primary{background-color:#0a2d2f}.gs-media-device-select--primary button{color:#d1d5db}.gs-media-device-select--primary button:hover,.gs-media-device-select--primary li[data-lk-active=true] button{background-color:#1a5a5f;color:#f9fafb}.gs-media-device-select--secondary{background-color:#2d1b4e}.gs-media-device-select--secondary button{color:#e5d7ff}.gs-media-device-select--secondary button:hover,.gs-media-device-select--secondary li[data-lk-active=true] button{background-color:#7a2ee0;color:#ffffff}button:focus-visible{box-shadow:inset 0 0 0 2px rgba(59,130,246,.5)}.gs-media-device-select--primary button:focus-visible{box-shadow:inset 0 0 0 2px rgba(0,137,144,.5)}.gs-media-device-select--secondary button:focus-visible{box-shadow:inset 0 0 0 2px rgba(138,56,245,.5)}.gs-list li{position:relative}}}.control-bar.video-conference-footer{display:flex;align-items:center;padding:1rem;justify-content:space-between;@media (max-width:767.98px){gap:.5rem;padding-left:.5rem;padding-bottom:.5rem;padding-right:.5rem;padding-top:.5rem}@media (max-width:424.98px){flex-wrap:wrap!important;.lk-device-menu{white-space:normal!important;word-break:break-word;overflow-wrap:break-word;max-width:350px!important;min-width:300px!important;width:100%!important;ul,ul li{width:100%!important}}.lk-device-menu ul li button{white-space:normal!important;font-size:.875rem!important;word-break:break-word;overflow-wrap:break-word;display:block;width:100%!important;text-align:left}}.gs-button-group-menu{>button{transition:all .2s ease;&[aria-pressed=true]{background:#8a38f5!important;color:white;&:hover{background:#7a2ee0!important}}}}.gs-button{min-width:3rem;height:3rem;border:none;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer;background-color:#1e1e1e;color:white;&.chat-toggle{&:after{top:-6px!important;right:-6px!important;color:white;background-color:#8a38f5!important;border:2px solid #0d0d0d;left:unset!important;min-width:.625rem;min-height:.625rem;display:inline-flex;align-items:center;justify-content:center;margin:0!important}}&:hover:not(.disabled){background-color:#7a2ee0;text-decoration:none}@media (max-width:767.98px){min-width:2.5rem;padding-left:.75rem;padding-bottom:.5rem;padding-right:.75rem;padding-top:.5rem;height:40px}&.active,&[aria-pressed=true],&[data-lk-enabled=true]{background:#8a38f5!important;color:white;&:hover{background:#7a2ee0!important}}svg{width:1.5rem;height:auto;flex-shrink:0;display:block;@media (max-width:767.98px){width:1.3rem;height:18px!important}}&:visited{color:white}}.gs-button-group{display:flex;>.gs-button:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;border-top-right-radius:0;border-bottom-right-radius:0}.gs-button{svg{width:1.3rem;@media (max-width:767.98px){width:1.2rem}}}}.participants-button{position:relative;span{display:inline-block;position:absolute;top:-6px;right:-6px;background-color:#8a38f5;color:white;font-size:.5rem;line-height:1;padding:.25rem;min-width:1.375rem;min-height:1.375rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:2px solid #0d0d0d}}.left-contents{display:flex;flex:20% 1;gap:.5rem;align-items:center;@media (max-width:767.98px){flex:none}button{width:3rem;height:3rem;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#6b7280;background:none;outline:none;border:none;cursor:pointer;border-radius:6px;transition:background .2s ease,color .2s ease;&:hover{background:#7a2ee0;color:#f9fafb}}}.central-contents{flex:60% 1;display:flex;align-items:center;gap:1rem;justify-content:center;@media (max-width:767.98px){gap:.5rem;flex:1 1}}.right-contents{flex:20% 1;display:flex;align-items:center;justify-content:flex-end;gap:1rem;@media (max-width:767.98px){height:40px;flex:none;gap:.5rem}button{height:100%;width:40px;@media (min-width:768.98px){min-width:112px}}.recording-button{&.recording{svg{animation:pulse 2s infinite}}svg{color:#ef4444;height:18px}}.leave-button{background-color:#cc3b33!important;border:0!important;color:white;font-size:.875rem;padding:.5rem .75rem;&:hover:not(.disabled){background-color:#e74a4a!important;text-decoration:none}&:visited{color:white}}}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.stream-info-content{display:flex;flex-direction:column;gap:1.5rem;.stream-info-section{display:flex;flex-direction:column;gap:.75rem}.section-title{font-size:.9rem;font-weight:600;color:#e5e7eb;margin:0 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid #374151;text-transform:uppercase;letter-spacing:.05em}.stream-info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #ffffff17}.stream-info-item:last-child{border-bottom:none}.stream-info-item label{font-size:.875rem;color:#c8d2e0;font-weight:500;min-width:40%}.stream-info-item span{font-size:.875rem;font-weight:450;max-width:55%;text-align:right;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.meeting-id{font-family:Monaco,Menlo,monospace;font-size:.8rem;background:#374151;padding:.25rem .5rem;border-radius:.25rem;color:#d1d5db!important}.status-recording{color:#ef4444;font-weight:600}.status-not-recording{color:#6b7280}.status-enabled,.status-live{color:#10b981;font-weight:600}.status-disabled{color:#6b7280}.status-connected{color:#10b981;font-weight:600}.status-disconnected{color:#ef4444;font-weight:600}@media (max-width:640px){.stream-info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.stream-info-item label{min-width:auto}.stream-info-item span{max-width:100%;text-align:left}}}.tabs-container{display:flex;flex-direction:column;gap:1.25rem;background-color:#0d0d0d;padding:2rem 1.125rem 0;color:#ffffff;width:100%;max-width:450px;height:100%;overflow:hidden;@media (max-width:639.98px){padding-left:.75rem;padding-bottom:0;padding-right:.75rem;padding-top:1.25rem}.tab-header{display:flex;background-color:#2a2a2a;border-radius:.5rem;border:1px solid #8047c3}.tab-button{flex:1 1;padding:.625rem 24px;background-color:transparent;color:#ffffff;border:none;font-size:clamp(.75rem,2vw,1rem);font-weight:500;cursor:pointer;transition:background-color .2s;position:relative;border-radius:.35rem;&:focus,&:focus-visible,&:focus-within{outline:1px solid #8a38f5}@media (max-width:639.98px){padding-left:1rem;padding-bottom:.625rem;padding-right:1rem;padding-top:.625rem}}.tab-button.active{background-color:#8e5ac9}.tab-button:hover:not(.active){background-color:#333333}.tab-content{flex:1 1;display:flex;flex-direction:column;background-color:transparent;height:100%;overflow:hidden}}.chat-messages-container{display:flex;flex-direction:column;position:relative;height:100%}ul.chat-messages{flex:1 1;overflow:auto;display:flex;flex-direction:column;gap:1rem;margin:0;max-height:640px;padding:0 0 3rem;@media (max-width:767.98px){padding-bottom:1.5rem}.message{display:flex;gap:.75rem}.message .avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;background-color:#8b5cf6;@media (max-width:639.98px){width:36px;height:36px}}.message-content{flex:1 1;padding:.75rem 1rem;border-radius:.5rem;background-color:#131313}.message-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.message-user{font-size:clamp(.75rem,2vw,.875rem);font-weight:600;color:#b272ff}.message-time{font-size:clamp(.625rem,2vw,.75rem);color:#6a6b7c}.message-text{margin:0;font-size:clamp(.75rem,2vw,.875rem);line-height:1.5;color:#e5e5e5}}.message-input-container{padding-block:1rem;background-color:#0d0d0d;border-top:1px solid #171717;position:-webkit-sticky;position:sticky;width:100%;bottom:-280px;@media (max-width:639.98px){padding-bottom:.75rem}.message-input-wrapper{display:flex;gap:.75rem;align-items:center}.avatar{flex-shrink:0}.input-field-wrapper{flex:1 1;position:relative}.message-input{width:100%;padding:.75rem 3rem .75rem 1rem;background-color:#171717;border:none;border-radius:18px;color:#98a2b3;font-size:clamp(.75rem,2vw,.875rem);outline:none;box-sizing:border-box;line-height:1.5;min-height:2.5rem;max-height:8rem;overflow-y:auto;resize:none}.message-input::placeholder{color:#98a2b3}.message-input:focus{border-color:#8b5cf6}.send-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;color:#9b5de5;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;padding:0}.send-button:hover{background-color:#7c3aed;color:#ffffff}}.participants-view{flex:1 1;display:flex;flex-direction:column;max-height:640px;padding-bottom:2rem;.participants-list{flex:1 1;overflow:auto;padding:0;display:flex;flex-direction:column;gap:.5rem}.participant-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;border:1px solid #ffffff1a;cursor:pointer;transition:background-color .2s}.participant-item:hover{background-color:#222121ff}.avatar{width:36px;height:36px}.participant-details{flex:1 1}.participant-name{font-size:clamp(.75rem,2vw,.875rem);color:#dfe0e1;margin-bottom:2px}.participant-handle{font-size:.75rem;color:#6a6b7c}.participant-controls{display:flex;gap:.25rem}.control-button{width:28px;height:28px;background-color:transparent;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;&.active{color:#9850f6}}.control-button:hover{background-color:#444444;color:#ffffff}}.chat-participants-interface{position:fixed;top:50%;right:-450px;max-width:450px;width:100%;height:calc(100dvh - 90px - 80px - 6px);display:flex;transform:translateY(-50%);transition:transform .3s ease-in-out;z-index:20;box-shadow:-2px 0 10px rgba(0,0,0,.1);@media (max-width:768px){height:calc(100dvh - 90px - 64px - 6px)}@media (max-width:424.98px){height:calc(100dvh - 90px - 56px - 8px)}.button-and-tabs-container{display:flex;flex-direction:column;background-color:#0d0d0d;height:100%;width:100%;position:relative;@media (max-width:424.98px){padding-top:.75rem;.tabs-container{padding-top:.75rem}}}.close-button{background:none;border:none;font-size:1rem;cursor:pointer;color:white;padding:0;width:32px;height:32px;border-radius:9px;background-color:#f9f9f933;display:flex;align-items:center;justify-content:center;transition:all .2s;align-self:flex-end;flex-shrink:0;margin-right:.75rem;svg{height:1.1rem;width:1.1rem}}}.chat-participants-interface.slide-in{transform:translateY(-50%) translateX(-450px)}.chat-participants-interface.slide-out{transform:translateY(-50%) translateX(450px)}.lk-start-audio-button{position:absolute!important;top:50vh!important;left:50vw!important;transform:translate(-50%,-50%)!important;background:#8a38f5!important;color:white;&:hover{background:#7a2ee0!important}}.copy-icon-container{margin-left:8px}.copy-icon-container,.copy-svg{display:inline!important;height:16px;width:16px}.copy-svg{cursor:pointer;transition:stroke .3s ease}.copy-svg:hover{stroke:#1976d2}.stream-value-with-copy{display:inline!important;text-align:right}
/*# sourceMappingURL=a026b81863091df5.css.map*/