.video-filter-button svg{transition:fill .2s ease}.open .video-filter-button svg{fill:var(--primaryBrand)}.video-filter-popup{background:var(--surface1);border:1px solid var(--graph1);border-radius:8px;padding:16px;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:4px}.video-filter-content{display:flex;flex-direction:column;gap:8px}.video-filter-content button{white-space:nowrap}.filters{box-sizing:border-box}.filters,.filters button{display:flex;gap:8px;width:100%}.filters button{align-items:center;justify-content:center;flex-direction:column;height:100%;flex:1 1;min-width:100px}.filters button svg{scale:1.5}.clear-filter-button{border:1px solid var(--graph1);border-radius:8px;width:100%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clear-filter-button:hover{background:var(--surface2);border-color:transparent}.stage-layout-button svg{transition:fill .2s ease}.open .stage-layout-button svg{fill:var(--primaryBrand)}.stage-layout-popup{background:var(--surface1);border:1px solid var(--graph1);border-radius:8px;padding:16px;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:4px}.stage-layout-content{display:flex;flex-direction:column;gap:8px}.stage-layout-content button{white-space:nowrap}.layout-options{display:flex;gap:8px;width:100%;box-sizing:border-box}.layout-options button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;height:100%;flex:1 1;width:100%;min-width:100px}.layout-options .button-secondary.active{border-color:var(--primaryBrand)}.layout-options button svg{scale:1.5}.pip{display:flex;flex-direction:column}.pip-video-container{position:relative}.pip-video-container .stage-controls{top:2px;inset-inline-end:2px;bottom:unset;left:unset;transform:unset}.pip-video{display:flex;height:50vh;background-color:var(--surface2)}.pip-video video{height:50vh;width:100%;object-fit:cover}.pip-chat{height:50vh;overflow-y:auto;display:flex;flex-direction:column-reverse;gap:2px;padding:0 2px}.pip-message{display:flex;gap:4px}.pip-message-author{font-weight:700;white-space:pre}.livestream{position:absolute;top:0;left:0;right:0;bottom:0}.livestream.minified{height:100%;width:100%;position:relative;display:flex;justify-content:flex-end}.owner-container{height:100%}.owner-container.screen-share .video-container{display:flex;align-items:center;justify-content:center;transform:unset;-webkit-transform:unset;-moz-transform:unset;position:unset}.owner-container.screen-share video{position:unset;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:16px}.minified .owner-container{width:85%}.stage-participants{position:absolute;display:grid;grid-template-rows:1fr 1fr;grid-auto-flow:column;grid-auto-columns:1fr;grid-gap:8px;gap:8px;overflow-y:hidden;margin-bottom:12px;right:12px;bottom:0;box-shadow:0 4px 32px 8px #00000040;border-radius:16px}.stage-participants:has(.participant-container:only-child){grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:1fr}.minified .stage-participants{width:100%;display:flex;flex-direction:column;bottom:unset;top:50%;transform:translateY(-50%);right:0;box-shadow:none;justify-content:start;gap:4px}.participant-container{position:relative;height:200px;width:200px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:16px;box-shadow:0 4px 32px 8px #00000040;background-color:var(--surface1)}.minified .participant-container{width:15%;height:unset;aspect-ratio:1;box-shadow:none}.minified .participant-container:not(.has-video){background-color:var(--surface1)}.fake-participant-video{border-radius:16px}@media (orientation:portrait){.participant-container{height:96px;width:96px}}.video-call{height:100%;display:flex}.video-call-owner,.video-call-participants{position:relative;width:100%}.video-call-participants{height:100%;inset-inline-end:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:25% 25% 25% 25%}.video-call-participants.dynamic-layout-0{display:none}.video-call-participants.dynamic-layout-1{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr)}.video-call-participants.dynamic-layout-2{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,1fr)}.video-call-participants.dynamic-layout-3{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.video-call-participants.speaker-layout.dynamic-layout-3 .p-participant:nth-child(-n+2){grid-column:span 2}.video-call-participants.speaker-layout.dynamic-layout-3 .p-participant:nth-child(3){grid-column:2/4}.video-call-participants.dynamic-layout-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.video-call-participants.dynamic-layout-5{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.video-call-participants.dynamic-layout-5 .p-participant:nth-child(-n+4){grid-column:span 2}.video-call-participants.dynamic-layout-5 .p-participant:nth-child(5){grid-column:2/4}.video-call-participants.dynamic-layout-6{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.video-call-participants.dynamic-layout-7{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.video-call-participants.dynamic-layout-7 .p-participant:nth-child(-n+6){grid-column:span 2}.video-call-participants.dynamic-layout-7 .p-participant:nth-child(7){grid-column:2/4}.video-call-participants.dynamic-layout-8{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}.video-call-participants[class*=dynamic-layout-] .p-participant{border-bottom:none!important;border-right:none!important}.video-call-participants .p-participant{border-bottom:1px solid var(--graph1)}.video-call-participants .p-participant:nth-child(odd){border-right:1px solid var(--graph1)}.video-call-participants .video-container.hide-border-bottom{border-bottom:none}.video-call-participants .p-participant.participant-speaking{outline:1px solid var(--primaryBrand)}.video-call-participants .stage-controls{overflow:hidden;white-space:nowrap}.video-call-participants .stage-controls .link-button{padding:4px 0}.p-participant{position:relative;display:flex;justify-content:center}.pagination-controls{top:4px;bottom:unset!important}.gallery-layout .video-call-participants{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.gallery-participants.dynamic-layout-0{display:none}.gallery-participants.dynamic-layout-1{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr)}.gallery-participants.dynamic-layout-2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr)}.gallery-participants.dynamic-layout-3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr)}.gallery-participants.dynamic-layout-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.gallery-participants.dynamic-layout-5{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr)}.gallery-participants.dynamic-layout-5 .p-participant:nth-child(-n+3){grid-column:span 2}.gallery-participants.dynamic-layout-5 .p-participant:nth-child(4){grid-column:2/4}.gallery-participants.dynamic-layout-5 .p-participant:nth-child(5){grid-column:4/6}.gallery-participants.dynamic-layout-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.gallery-participants.dynamic-layout-7{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(2,1fr)}.gallery-participants.dynamic-layout-7 .p-participant:nth-child(-n+4){grid-column:span 2}.gallery-participants.dynamic-layout-7 .p-participant:nth-child(5){grid-column:2/4}.gallery-participants.dynamic-layout-7 .p-participant:nth-child(6){grid-column:4/6}.gallery-participants.dynamic-layout-7 .p-participant:nth-child(7){grid-column:6/8}.gallery-participants.dynamic-layout-8{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.gallery-participants.dynamic-layout-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.gallery-participants.dynamic-layout-10{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr)}.gallery-participants.dynamic-layout-10 .p-participant:nth-child(-n+9){grid-column:span 2}.gallery-participants.dynamic-layout-10 .p-participant:nth-child(10){grid-column:3/5}.gallery-participants.dynamic-layout-11{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr)}.gallery-participants.dynamic-layout-11 .p-participant:nth-child(-n+9){grid-column:span 2}.gallery-participants.dynamic-layout-11 .p-participant:nth-child(10){grid-column:2/4}.gallery-participants.dynamic-layout-11 .p-participant:nth-child(11){grid-column:4/6}.gallery-participants.dynamic-layout-12{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.gallery-participants.dynamic-layout-13{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(4,1fr)}.gallery-participants.dynamic-layout-13 .p-participant:nth-child(-n+12){grid-column:span 2}.gallery-participants.dynamic-layout-13 .p-participant:nth-child(13){grid-column:4/6}.gallery-participants.dynamic-layout-14{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(4,1fr)}.gallery-participants.dynamic-layout-14 .p-participant:nth-child(-n+12){grid-column:span 2}.gallery-participants.dynamic-layout-14 .p-participant:nth-child(13){grid-column:3/5}.gallery-participants.dynamic-layout-14 .p-participant:nth-child(14){grid-column:5/7}.gallery-participants.dynamic-layout-15{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(4,1fr)}.gallery-participants.dynamic-layout-15 .p-participant:nth-child(-n+12){grid-column:span 2}.gallery-participants.dynamic-layout-15 .p-participant:nth-child(13){grid-column:2/4}.gallery-participants.dynamic-layout-15 .p-participant:nth-child(14){grid-column:4/6}.gallery-participants.dynamic-layout-15 .p-participant:nth-child(15){grid-column:6/8}.gallery-participants.dynamic-layout-16{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.gallery-participants[class*=dynamic-layout-] .p-participant{border-bottom:none!important;border-right:none!important}.gallery-participants:not([class*=dynamic-layout-]) .p-participant{border-bottom:1px solid var(--graph1)}.gallery-participants:not([class*=dynamic-layout-]) .p-participant:nth-child(4n+1),.gallery-participants:not([class*=dynamic-layout-]) .p-participant:nth-child(4n+2),.gallery-participants:not([class*=dynamic-layout-]) .p-participant:nth-child(4n+3){border-right:1px solid var(--graph1)}.livestream-container{position:absolute;top:0;left:0;right:0;bottom:0}.livestream-container.minified{height:100%;width:100%;position:relative;display:flex;justify-content:flex-end}.stage-controls-position{position:absolute;z-index:10;bottom:4px;left:50%;transform:translateX(-50%)}.stage-controls{border-radius:24px;padding:0 16px;background-color:var(--surface1);border:1px solid var(--graph2);display:flex;align-items:center}.stage-controls .link-button{padding:4px 8px}.stage-controls .link-button:disabled{opacity:.5}.video-call-speaker-controls{.speaker-controls-content{flex-direction:row}.link-button:disabled{opacity:.8}}.participant-controls{z-index:1;display:flex;position:absolute;align-items:center;gap:4px;background-color:#00000040;color:#fff;bottom:4px;border-radius:2px;padding:0 4px}.participant-controls .microphone-muted-icon,.participant-controls .speaker-muted-icon{width:16px;height:16px}.participant-controls svg{fill:#fff}.participant-name{color:#fff;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:700}.fake-participant-video{width:100%;height:100%;object-fit:cover}.speaker-request-button{background:var(--surface1);color:var(--primaryText);display:flex;align-items:center;justify-content:center;gap:4px;min-width:231px;height:40px;font-size:14px;font-weight:700}.invite-to-join,.speaker-request-button{border:1px solid var(--graph2);border-radius:24px}.invite-to-join{position:absolute;z-index:1;bottom:4px;left:50%;transform:translateX(-50%);background-color:var(--surface1);padding:16px;text-align:center}.invite-to-join p{margin:0 0 12px;font-size:14px;font-weight:600}.invite-to-join-buttons{display:flex;gap:8px;justify-content:center}.invite-to-join-buttons .button{background-color:var(--primaryBrand);color:white;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.invite-to-join-buttons .button-secondary{background-color:transparent;color:var(--text1);border:1px solid var(--graph2);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.invite-to-join-buttons .button-secondary:hover{background-color:var(--surface2)}.permission-error{background-color:var(--surface1);border:1px solid var(--error);border-radius:24px;padding:16px;text-align:center;max-width:400px;display:flex;flex-direction:column;gap:8px}.permission-error p{font-size:14px;font-weight:600;color:var(--error)}.publish-speaker-button{position:unset}.speaker-actions{top:8px;position:absolute;display:flex;width:100%;height:32px;justify-content:space-between;padding:0 8px}.speaker-actions-main{display:flex;gap:4px}.stage-live{z-index:1;position:absolute;top:8px;inset-inline-start:8px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 8px;background:#00000080;color:#fff;border-radius:8px}.stage-live-dot{width:8px;height:8px;border-radius:50%;background-color:var(--error)}@media (orientation:portrait){.speaker-request-button{height:24px;width:unset;padding:0 8px}}