.meeting-share-layout{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;min-width:0;gap:8px;overflow:hidden}.meeting-share-rail{display:flex;flex:0 0 auto;gap:8px;min-height:0;overflow:auto;padding:2px}.meeting-share-rail[hidden]{display:none}.meeting-share-rail>div{width:96px;height:96px;flex-shrink:0}.meeting-rail-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:6px 10px;border:1px solid var(--stage-line);border-radius:24px;color:white;background:#ffffff12;font-size:12px}.meeting-rail-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.meeting-speaker-primary video{object-fit:contain!important;background:#000}.meeting-speaker-rail:empty{display:none}.meeting-gallery{align-content:start;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),260px));justify-content:center}.live-meeting-classroom-stage.is-fullscreen{height:100dvh;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.live-meeting-classroom-stage.is-expanded-fallback{position:fixed;inset:0;width:100vw;z-index:1200;border-radius:0}.live-meeting-waiting-stage.is-expanded-fallback{position:fixed;inset:0;width:100vw;height:100dvh;min-height:0;z-index:1200;overflow-y:auto}body:has(.is-expanded-fallback) .persistent-media-layer{z-index:1200}.live-meeting-classroom-stage .meeting-notice-backdrop{z-index:200}.meeting-sidebar{min-width:0;min-height:0}.meeting-sidebar input{min-width:0}.persistent-media-mini-bar a{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:inherit}.persistent-media-mini-bar a:hover{background:#ffffff20}.persistent-media-layer.is-mini{transition:none;box-shadow:4px 4px 0 var(--purple),0 6px 18px rgb(0 0 0/22%)}.persistent-media-layer.is-mini [aria-label="Meeting controls"]{backdrop-filter:none}@media (min-width:1024px),(orientation:landscape) and (min-width:560px){.meeting-share-layout{flex-direction:row}.meeting-share-rail{flex-direction:column;flex-basis:20%;max-width:220px;overflow-x:hidden;overflow-y:auto}.meeting-share-rail>div{width:100%;height:auto;aspect-ratio:1}.meeting-speaker-layout{flex-direction:row;gap:10px}.meeting-speaker-rail{flex-direction:column;align-items:stretch;width:min(20%,180px);margin:0;overflow-y:auto;overflow-x:hidden}.meeting-speaker-rail>div{width:100%;height:auto;aspect-ratio:1}}@media (orientation:landscape) and (max-height:540px){.meeting-stage-header{padding-block:4px}.meeting-gallery{grid-template-columns:repeat(auto-fit,minmax(120px,min(30dvh,210px)))}.live-meeting-classroom-stage [aria-label="Meeting controls"]{padding-block:4px;gap:4px}.live-meeting-classroom-stage [aria-label="Meeting controls"] button span{display:none}.meeting-sidebar{position:absolute;inset:0 0 0 auto;width:min(320px,100%)}}.persistent-media-layer.is-mini .live-meeting-classroom-stage:not(.is-fullscreen) .meeting-stage-header{display:none}.persistent-media-layer.is-mini .live-meeting-classroom-stage:not(.is-fullscreen) .meeting-share-layout{flex-direction:column}.persistent-media-layer.is-mini .live-meeting-classroom-stage:not(.is-fullscreen) .meeting-share-rail,.persistent-media-layer.is-mini .live-meeting-classroom-stage:not(.is-fullscreen) .meeting-speaker-rail{display:none}.persistent-media-layer.is-mini .live-meeting-classroom-stage:not(.is-fullscreen) .meeting-gallery{grid-template-columns:repeat(auto-fit,minmax(70px,100px))}.persistent-media-layer.is-mini .live-meeting-classroom-stage:not(.is-fullscreen) [aria-label="Meeting controls"]{padding:3px;gap:2px;flex-wrap:nowrap;overflow-x:auto}.persistent-media-layer.is-mini .live-meeting-classroom-stage:not(.is-fullscreen) [aria-label="Meeting controls"]>div{gap:2px}.persistent-media-layer.is-mini .live-meeting-classroom-stage:not(.is-fullscreen) [aria-label="Meeting controls"] button{min-width:36px;padding-inline:8px}.persistent-media-layer.is-mini .live-meeting-classroom-stage:not(.is-fullscreen) [aria-label="Meeting controls"] button span{display:none}.persistent-media-layer.is-mini .meeting-sidebar{position:absolute;inset:0;width:100%}.persistent-media-layer.is-mini .live-meeting-classroom-stage.is-fullscreen{height:100dvh!important}.persistent-media-layer.is-mini .live-meeting-waiting-stage:not(.is-expanded-fallback){min-height:0;height:100%;padding:12px;overflow-y:auto}@media (max-width:760px){body:has(.persistent-media-layer.is-anchored.is-live) .student-app-frame{padding-block:0!important}body:has(.persistent-media-layer.is-anchored.is-live) .student-app-header,body:has(.persistent-media-layer.is-anchored.is-live) .student-bottom-navigation,body:has(.persistent-media-layer.is-anchored.is-live) .student-payment-notice,body:has(.persistent-media-layer.is-anchored.is-live) .theme-toggle{display:none!important}body:has(.persistent-media-layer.is-anchored.is-live) .persistent-media-anchor.is-live{height:100dvh!important;min-height:0!important}body:has(.persistent-media-layer.is-anchored.is-live) .persistent-media-layer.is-anchored.is-live{z-index:65;top:0!important;left:0!important;width:100vw!important;height:100dvh!important}body:has(.persistent-media-layer.is-anchored.is-live) .persistent-media-layer.is-anchored.is-live .live-meeting-classroom-stage:not(.is-fullscreen),body:has(.persistent-media-layer.is-anchored.is-live) .persistent-media-layer.is-anchored.is-live .live-meeting-waiting-stage:not(.is-expanded-fallback),body:has(.persistent-media-layer.is-anchored.is-live) .persistent-media-layer.is-anchored.is-live .live-waiting-minimal{height:100%!important;min-height:0!important;border-radius:0}body:has(.persistent-media-layer.is-anchored.is-live) .persistent-media-layer.is-anchored.is-live .live-meeting-classroom-stage [aria-label="Meeting controls"]{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-right:max(8px,env(safe-area-inset-right));padding-left:max(8px,env(safe-area-inset-left));padding-bottom:max(8px,env(safe-area-inset-bottom))}body:has(.persistent-media-layer.is-anchored.is-live) .persistent-media-layer.is-anchored.is-live .live-meeting-classroom-stage [aria-label="Meeting controls"]::-webkit-scrollbar{display:none}}