.meeting-layout{flex:1 1 auto;display:grid;height:100%;width:100%;gap:.75rem;overflow:hidden;justify-content:center}.meeting-layout.attendees-1{display:flex;position:relative}.meeting-layout.attendees-1 .local-tile{position:absolute;right:1rem;bottom:1rem;height:10%}.meeting-layout.attendees-2{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-template-areas:"attendee-0 attendee-0 attendee-1 attendee-1" ". attendee-2 attendee-2 ."}.meeting-layout.attendees-3{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;grid-template-areas:"attendee-0 attendee-0 attendee-1 attendee-1" ". attendee-2 attendee-2 ."}.meeting-layout.attendees-3 .attendee-0{justify-self:flex-end}.meeting-layout.attendees-3 .attendee-1{justify-self:flex-start}.meeting-layout.attendees-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"attendee-0 attendee-1" "attendee-2 attendee-3"}.meeting-layout.attendees-4 .attendee-0,.meeting-layout.attendees-4 .attendee-2{justify-self:flex-end}.meeting-layout.attendees-4 .attendee-1,.meeting-layout.attendees-4 .attendee-3{justify-self:flex-start}.meeting-layout.attendees-5{grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr;grid-template-areas:"attendee-0 attendee-0 attendee-1 attendee-1 attendee-2 attendee-2" ". attendee-3 attendee-3 attendee-4 attendee-4 ."}.meeting-layout.attendees-5 .attendee-0{justify-self:flex-end}.meeting-layout.attendees-5 .attendee-2{justify-self:flex-start}.meeting-layout.attendees-6{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"attendee-0 attendee-1 attendee-2" "attendee-3 attendee-4 attendee-5"}.meeting-layout.attendees-6 .attendee-0,.meeting-layout.attendees-6 .attendee-3{justify-self:flex-end}.meeting-layout.attendees-6 .attendee-2,.meeting-layout.attendees-6 .attendee-5{justify-self:flex-start}.meeting-layout.attendees-7{grid-template-columns:repeat(8,1fr);grid-template-rows:1fr 1fr;grid-template-areas:"attendee-0 attendee-0 attendee-1 attendee-1 attendee-2 attendee-2 attendee-3 attendee-3" ". attendee-4 attendee-4 attendee-5 attendee-5 attendee-6 attendee-6 ."}.meeting-layout.mobile{grid-template-columns:unset;grid-template-rows:unset;grid-template-areas:unset;display:block}.meeting-layout.mobile>div{display:none}.meeting-layout.mobile .speaking{display:flex}.meeting-layout.mobile .local-tile{position:absolute;display:flex;right:1rem;bottom:0rem;height:10%}.meeting-layout.mobile.attendees-0 .local-tile{right:0}.meeting-layout.attendees-0>.local-tile{position:relative;height:100%;bottom:unset}.meeting-layout .attendee-0{grid-area:attendee-0}.meeting-layout .attendee-1{grid-area:attendee-1}.meeting-layout .attendee-2{grid-area:attendee-2}.meeting-layout .attendee-3{grid-area:attendee-3}.meeting-layout .attendee-4{grid-area:attendee-4}.meeting-layout .attendee-5{grid-area:attendee-5}.meeting-layout .attendee-6{grid-area:attendee-6}.meeting-layout .attendee-7{grid-area:attendee-7}.snackbar-message-enter-from{opacity:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.snackbar-message-leave-from{max-height:1000px}.snackbar-message.snackbar-message-leave-to{max-height:0;opacity:0;margin-bottom:0;overflow:hidden}.snackbar-message.snackbar-message-leave-to .snackbar-message-badge{opacity:0}.snackbar-message-enter-active{transition:transform .3s,opacity .3s}.snackbar-message-leave-active{transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s}@keyframes headShake{0%{transform:translate(-25%,-25%)}6.5%{transform:translate(calc(-25% - 6px),-25%) rotateY(-9deg)}18.5%{transform:translate(calc(-25% + 5px),-25%) rotateY(7deg)}31.5%{transform:translate(calc(-25% - 3px),-25%) rotateY(-5deg)}43.5%{transform:translate(calc(-25% + 2px),-25%) rotateY(3deg)}50%{transform:translate(-25%,-25%)}}html,body,#app{height:100%;width:100%;overflow:hidden;background-color:#fafafa}svg{line-height:0}.with-grid{grid-auto-rows:repeat(auto-fill,200px);grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}*[disabled=true]{pointer-events:none}*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}*{--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}audio,video,img{display:block;vertical-align:middle}body{margin:0;font-family:inherit;line-height:inherit}button,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0;text-transform:none;padding:0;line-height:inherit;color:inherit}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role=button]{cursor:pointer}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}img{border-style:solid}video,img{max-width:100%;height:auto}.aspect-video{aspect-ratio:16 / 9}.title{font-family:Georgia;font-weight:400;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgba(33,33,33,var(--tw-text-opacity));letter-spacing:.01em}.bg-info{--tw-bg-opacity: 1;background-color:rgba(75,171,255,var(--tw-bg-opacity))}.bg-grey{--tw-bg-opacity: 1;background-color:rgba(70,85,106,var(--tw-bg-opacity))}.bg-background{--tw-bg-opacity: 1;background-color:rgba(32,33,36,var(--tw-bg-opacity))}.bg-\[\#091C39\]{--tw-bg-opacity: 1;background-color:rgba(9,28,57,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.hover\:bg-light-700:hover{--tw-bg-opacity: 1;background-color:rgba(233,236,239,var(--tw-bg-opacity))}.bg-\[var\(--theme-grey\)\]{background-color:var(--theme-grey)}.bg-red-500{--tw-bg-opacity: 1;background-color:rgba(239,68,68,var(--tw-bg-opacity))}.hover\:bg-red-800:hover{--tw-bg-opacity: 1;background-color:rgba(153,27,27,var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgba(55,65,81,var(--tw-bg-opacity))}.bg-\[\#fafafa\]{--tw-bg-opacity: 1;background-color:rgba(250,250,250,var(--tw-bg-opacity))}.hover\:bg-light-400:hover{--tw-bg-opacity: 1;background-color:rgba(246,246,246,var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgba(59,130,246,var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgba(29,78,216,var(--tw-bg-opacity))}.bg-blue-300{--tw-bg-opacity: 1;background-color:rgba(147,197,253,var(--tw-bg-opacity))}.border-grey{--tw-border-opacity: 1;border-color:rgba(70,85,106,var(--tw-border-opacity))}.border-label{--tw-border-opacity: 1;border-color:rgba(91,97,107,var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-light-blue-400{--tw-border-opacity: 1;border-color:rgba(56,189,248,var(--tw-border-opacity))}.rounded-full{border-radius:9999px}.rounded-8px{border-radius:8px}.rounded-md{border-radius:.375rem}.rounded-4px{border-radius:4px}.rounded-xl{border-radius:.75rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.cursor-pointer,.hover\:cursor-pointer:hover{cursor:pointer}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.grid{display:-ms-grid;display:grid}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.self-center{-ms-flex-item-align:center;-ms-grid-row-align:center;-webkit-align-self:center;align-self:center}.justify-items-center{justify-items:center}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.flex-auto{-webkit-box-flex:1;-ms-flex:1 1 auto;-webkit-flex:1 1 auto;flex:1 1 auto}.h-1{height:.25rem}.h-12{height:3rem}.h-4{height:1rem}.h-full{height:100%}.h-8{height:2rem}.h-6{height:1.5rem}.h-14{height:3.5rem}.h-25px{height:25px}.text-xs{font-size:.75rem;line-height:1rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-\[0\.6rem\]{font-size:.6rem;line-height:1}.leading-none{line-height:1}.m-auto{margin:auto}.m-4{margin:1rem}.mb-0{margin-bottom:0}.max-h-full{max-height:100%}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.min-h-200px{min-height:200px}.opacity-0{opacity:0}.hover\:opacity-20:hover{opacity:.2}.overflow-hidden{overflow:hidden}.p-2{padding:.5rem}.p-4{padding:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pb-3{padding-bottom:.75rem}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-4{top:1rem}.right-4{right:1rem}.-right-2{right:-.5rem}.-top-3{top:-.75rem}.bottom-4{bottom:1rem}.top-0{top:0}.left-0{left:0}.bottom-20{bottom:5rem}.top-3{top:.75rem}.right-3{right:.75rem}.left-2\/4{left:50%}.bottom-5{bottom:1.25rem}.right-5{right:1.25rem}.top-5{top:1.25rem}.left-5{left:1.25rem}.bottom-0{bottom:0}.resize{resize:both}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-info{--tw-ring-opacity: 1;--tw-ring-color: rgba(75, 171, 255, var(--tw-ring-opacity))}.fill-white{--tw-fill-opacity: 1;fill:rgba(255,255,255,var(--tw-fill-opacity))}.fill-label{--tw-fill-opacity: 1;fill:rgba(91,97,107,var(--tw-fill-opacity))}.hover\:fill-gray-200:hover{--tw-fill-opacity: 1;fill:rgba(229,231,235,var(--tw-fill-opacity))}.text-white{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-label{--tw-text-opacity: 1;color:rgba(91,97,107,var(--tw-text-opacity))}.text-blue-400{--tw-text-opacity: 1;color:rgba(96,165,250,var(--tw-text-opacity))}.w-1{width:.25rem}.w-6{width:1.5rem}.w-full{width:100%}.w-16{width:4rem}.w-12{width:3rem}.w-4{width:1rem}.w-8{width:2rem}.w-1\/4{width:25%}.w-25px{width:25px}.z-30{z-index:30}.z-9000{z-index:9000}.z-10{z-index:10}.gap-0\.50{grid-gap:.125rem;gap:.125rem}.gap-3{grid-gap:.75rem;gap:.75rem}.gap-1{grid-gap:.25rem;gap:.25rem}.gap-5{grid-gap:1.25rem;gap:1.25rem}.gap-4{grid-gap:1rem;gap:1rem}.gap-y-2{-webkit-row-gap:.5rem;-moz-row-gap:.5rem;grid-row-gap:.5rem;row-gap:.5rem}.grid-rows-\[1fr\,65px\]{grid-template-rows:1fr 65px}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.transform{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate: 0;--tw-rotate-x: 0;--tw-rotate-y: 0;--tw-rotate-z: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.-translate-x-1\/2{--tw-translate-x: -50%}.transition{-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,filter,backdrop-filter;-o-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-box-shadow,transform,-webkit-transform,filter,backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.transition-colors{-webkit-transition-property:background-color,border-color,color,fill,stroke;-o-transition-property:background-color,border-color,color,fill,stroke;transition-property:background-color,border-color,color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}@media (min-width: 768px){.md\:rounded-md{border-radius:.375rem}.md\:flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.md\:max-w-600px{max-width:600px}.md\:min-w-550px{min-width:550px}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:pt-3{padding-top:.75rem}}@media (min-width: 1024px){.lg\:h-full{height:100%}.lg\:min-h-screen{min-height:100vh}}.volume-level>div{animation:volumeLevelJiggle .6s steps(9,jump-none) 0s infinite}.volume-level.audio-level .left-level{height:.4rem}.volume-level.audio-level .center-level{height:.8rem}.volume-level.audio-level .right-level{height:.4rem}@keyframes volumeLevelJiggle{0%{transform:scaleY(.8)}50%{transform:scaleY(1)}to{transform:scaleY(.8)}}