.Huddle_main__0cz7g{background:url(https://images.unsplash.com/photo-1570475501127-a9413237866c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;color:#000;--primary-bg:#fff}.Huddle_devInfo__WiE8O{position:absolute;top:0;right:0;width:200px;height:200px;background-color:hsla(0,0%,50%,.185)}.Huddle_roomLayout__sCn2n{max-width:100vw;display:grid;grid-template-columns:1rem minmax(0,1fr) 1rem;grid-template-rows:min-content minmax(0,1fr) min-content;grid-template-areas:"header header header" ". participants ." ". controls .";grid-row-gap:1rem;row-gap:1rem;height:100vh}.Huddle_headerBar__chQVG{grid-area:header;display:flex;flex-direction:row;justify-content:space-between}.Huddle_headerBar__chQVG .Huddle_participantCount__12zvE{width:-moz-min-content;width:min-content;background-color:var(--primary-bg);padding:.8rem 1rem;display:flex;gap:.5rem;font-size:1.1rem;border-radius:1rem;margin:.5rem;justify-items:center}.Huddle_headerBar__chQVG .Huddle_participantCount__12zvE svg{width:1.2rem;height:100%;overflow:visible}.Huddle_headerBar__chQVG .Huddle_participantCount__12zvE svg path{fill:none;stroke:#000}.Huddle_headerBar__chQVG .Huddle_backToGridLayoutBtn__CcFEj{border-radius:1rem;background-color:var(--lk-primary-color);padding:.8rem 1rem;margin:.5rem;border:none}.Huddle_screenShareContainer__irzBU{place-self:center;max-width:100%;max-height:100%}.Huddle_screenShareContainer__irzBU video{-o-object-fit:contain;object-fit:contain}.Huddle_gridLayout__pioSz{--participant-size:20rem;grid-area:participants;place-self:center;width:100%;height:100%;max-height:100%;display:flex;flex-wrap:wrap;gap:1rem;align-content:center;justify-content:center;overflow-x:hidden;overflow-y:scroll}.Huddle_gridLayout__pioSz::-webkit-scrollbar{display:none}.Huddle_focusLayout__bzlqy{grid-area:participants;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,4fr) minmax(0,1fr);grid-template-areas:"focus" "aside";grid-gap:1rem;gap:1rem}.Huddle_focusLayout__bzlqy>div{grid-area:focus;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);-o-object-fit:contain;object-fit:contain}.Huddle_focusLayout__bzlqy>aside{grid-area:aside;max-height:100%;place-content:center;display:grid}.Huddle_focusLayout__bzlqy>aside section{grid-auto-flow:column;overflow-x:auto;overflow-y:hidden;display:grid;grid-gap:1rem;gap:1rem;--participant-size:8rem}.Huddle_participantView__o4tad{place-self:center;display:relative;height:var(--participant-size);width:var(--participant-size);max-height:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;border:0;transition:outline,box-shadow 80ms cubic-bezier(.36,.19,.29,1);cursor:pointer;background-color:red}.Huddle_participantView__o4tad[data-lk-speaking=true]{box-shadow:0 0 8px 5px var(--primary-bg);outline:3px solid var(--primary-bg)}.Huddle_participantView__o4tad video{-o-object-fit:cover;object-fit:cover}.Huddle_participantView__o4tad .Huddle_nameContainer___1Bdr{position:absolute;bottom:0;left:0;margin:2%;background-color:var(--primary-bg);border-radius:99999px;display:flex;align-items:center;gap:.2rem;height:1.5rem}.Huddle_participantView__o4tad[data-lk-audio-muted=true] .Huddle_nameContainer___1Bdr{padding:.1em .4em}.Huddle_participantView__o4tad .Huddle_name__IwCCn{opacity:0;display:none;text-decoration:none;transition:opacity 80ms cubic-bezier(.36,.19,.29,1)}.Huddle_participantView__o4tad .Huddle_nameMutedIcon__7M6wm{display:none;max-height:100%}.Huddle_participantView__o4tad[data-lk-audio-muted=true] .Huddle_nameMutedIcon__7M6wm{display:block;max-height:1rem}.Huddle_participantView__o4tad:hover .Huddle_nameContainer___1Bdr{padding:.1em .4em}.Huddle_participantView__o4tad:hover .Huddle_name__IwCCn{display:inline-block;opacity:1}.Huddle_participantView__o4tad[data-lk-video-muted=true] video{opacity:0;transition-delay:.3s}.Huddle_participantView__o4tad video{opacity:1;transition:opacity .1s linear;transition-delay:0s}.Huddle_participantView__o4tad[data-lk-video-muted=true] svg{opacity:1;scale:1;transition-delay:0s}.Huddle_participantView__o4tad svg{position:absolute;background-color:var(--lk-primary-color);top:0;left:0;width:100%;height:100%;opacity:0;scale:2;transition:opacity .1s,scale .3s cubic-bezier(.215,.61,.355,1);transition-delay:.3s}.Huddle_mediaControls__9xCe9{--size:3.125rem;grid-area:controls;display:grid;place-content:center}.Huddle_mediaControls__9xCe9>div{display:flex;flex-direction:row;gap:1rem;margin:.5rem}.Huddle_mediaControls__9xCe9 button{width:var(--size);height:var(--size);border-radius:999999px;background-size:contain;background-size:2rem;background-repeat:no-repeat;background-position:50%}button.Huddle_disconnectBtn__8qYjF{height:var(--size);width:auto;border-radius:8px;cursor:pointer}button.Huddle_screenBtn__es1xa{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Crect x='32' y='48' width='192' height='144' rx='16' transform='translate(256 240) rotate(180)' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/rect%3E%3Cline x1='160' y1='224' x2='96' y2='224' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3C/svg%3E")}button.Huddle_screenBtn__es1xa[aria-pressed=true]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Crect x='32' y='48' width='192' height='144' rx='16' transform='translate(256 240) rotate(180)' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/rect%3E%3Cline x1='160' y1='224' x2='96' y2='224' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3Cpolygon points='160 120 112 88 112 152 160 120' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/polygon%3E%3C/svg%3E")}button.Huddle_mediaBtn__Lh0VP{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Ccircle cx='128' cy='128' r='48' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/circle%3E%3Cpath d='M183.7,65.1q3.8,3.5,7.2,7.2l27.3,3.9a103.2,103.2,0,0,1,10.2,24.6l-16.6,22.1s.3,6.8,0,10.2l16.6,22.1a102.2,102.2,0,0,1-10.2,24.6l-27.3,3.9s-4.7,4.9-7.2,7.2l-3.9,27.3a103.2,103.2,0,0,1-24.6,10.2l-22.1-16.6a57.9,57.9,0,0,1-10.2,0l-22.1,16.6a102.2,102.2,0,0,1-24.6-10.2l-3.9-27.3q-3.7-3.5-7.2-7.2l-27.3-3.9a103.2,103.2,0,0,1-10.2-24.6l16.6-22.1s-.3-6.8,0-10.2L27.6,100.8A102.2,102.2,0,0,1,37.8,76.2l27.3-3.9q3.5-3.7,7.2-7.2l3.9-27.3a103.2,103.2,0,0,1,24.6-10.2l22.1,16.6a57.9,57.9,0,0,1,10.2,0l22.1-16.6a102.2,102.2,0,0,1,24.6,10.2Z' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/path%3E%3C/svg%3E");border:none}button.Huddle_mediaBtn__Lh0VP:after{display:none}.Huddle_screenShareBanner__ULiTg{background-color:var(--primary-bg);position:absolute;bottom:0;left:0;height:max(3rem,18%);width:100%;padding:.5em;display:flex;flex-direction:column;justify-content:space-between}.Huddle_screenShareBanner__ULiTg span{text-decoration:none}.Huddle_screenShareBanner__ULiTg span:nth-child(2){color:gray}