.classroom-container{transition:background-color .5s}.classroom-container.is-cinema-mode{z-index:1000;background-color:#000;position:fixed;top:0;bottom:0;left:0;right:0}.classroom-video-player-wrapper{z-index:1001;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative}.is-cinema-mode .classroom-video-player-wrapper{border-radius:1.5rem;width:95vw;max-width:168.889vh;height:53.4375vw;max-height:95vh;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 50px rgba(0,0,0,.5)}.classroom-sidebar,.classroom-description-card,.suggested-courses-section,.classroom-main-content .classroom-description-card .flex{transition:opacity .3s,transform .3s}.is-cinema-mode .classroom-sidebar,.is-cinema-mode .classroom-description-card,.is-cinema-mode .suggested-courses-section,.is-cinema-mode .classroom-main-content .classroom-description-card .flex{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(20px)}.cinema-mode-exit-btn{z-index:1002;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background-color:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);border-radius:9999px;padding:.75rem;transition:all .2s;position:fixed;top:2rem;right:2rem}.cinema-mode-exit-btn:hover{background-color:rgba(255,255,255,.2);transform:scale(1.1)}.classroom-playlist{flex-direction:column;max-height:500px;display:flex}.classroom-playlist__list{flex-direction:column;flex-grow:1;gap:.25rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.classroom-playlist__item{text-align:left;border:1px solid transparent;border-radius:.75rem;align-items:center;gap:1rem;width:100%;padding:.75rem;transition:background-color .2s,color .2s;display:flex}.classroom-playlist__item:hover{background-color:rgba(255,255,255,.05)}.classroom-playlist__item.active{color:var(--gds-text);background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}.classroom-playlist__item.active .gds-text{color:var(--gds-text);font-weight:600}.classroom-playlist__item-icon{background-color:rgba(255,255,255,.05);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:700;display:flex}.classroom-playlist__item.active .classroom-playlist__item-icon{background-color:var(--gds-primary);color:var(--gds-primary-on)}.classroom-video-player{background-color:#000;border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.classroom-video-player iframe{width:100%;height:100%;position:absolute;top:0;left:0}