body{position:relative;overflow:hidden}#google_classroom_popup.show_popup_true .google_classroom_popup{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}#google_classroom_popup.show_popup_true .google_classroom_popup__overlay{opacity:1;visibility:visible}#google_classroom_popup .google_classroom_popup{position:fixed;top:15vh;bottom:15vh;left:20px;right:20px;margin:0 auto;max-width:860px;z-index:9999;min-height:470px;padding:60px 0 30px 60px;background-color:#fff;border-radius:5px;opacity:0;visibility:hidden;-webkit-transform:translateY(-30px);transform:translateY(-30px);transition:.3s ease}#google_classroom_popup .google_classroom_popup__close{position:absolute;top:0;right:-50px;width:40px;height:40px;background-color:#000;color:#fff;font-size:26px;border-radius:50%;text-align:center;line-height:42px;cursor:pointer;transition:.3s ease}#google_classroom_popup .google_classroom_popup__close:hover{background-color:#195ec8}#google_classroom_popup .google_classroom_popup__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:.1s ease}#google_classroom_popup .google_classroom_popup__inner{display:flex;align-items:flex-start;height:100%}#google_classroom_popup .google_classroom_popup__data{position:relative;flex-basis:40%;margin-right:30px}#google_classroom_popup .google_classroom_popup__bg{position:absolute;bottom:0;left:0;width:50%;height:24vh;background-size:cover!important;background-repeat:no-repeat;background-position:100% 10%;z-index:-1}#google_classroom_popup .google_classroom_popup__bg:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;background:linear-gradient(180deg,#fff 0,rgba(255,255,255,.1783088235) 81%,rgba(255,255,255,0) 100%)}#google_classroom_popup .google_classroom_popup__title{font-size:36px;line-height:1.2;font-weight:700}#google_classroom_popup .google_classroom_popup__content{font-size:14px;line-height:27px;letter-spacing:-.5px}#google_classroom_popup .google_classroom_popup__search{position:relative}#google_classroom_popup .google_classroom_popup__search i{position:absolute;top:0;left:0;width:48px;height:48px;text-align:center;line-height:48px;font-size:22px;background-color:#195ec8;color:#fff;border-radius:50%;transition:.3s ease}#google_classroom_popup .google_classroom_popup__search input{height:48px;padding:11px 12px 13px 65px!important;border-radius:31px;font-weight:700;color:#273044;text-transform:uppercase;transition:.3s ease}#google_classroom_popup .google_classroom_popup__search input::-webkit-input-placeholder{font-weight:700;color:#273044;text-transform:uppercase;opacity:.5}#google_classroom_popup .google_classroom_popup__search input::-moz-placeholder{font-weight:700;color:#273044;text-transform:uppercase;opacity:.5}#google_classroom_popup .google_classroom_popup__search input::-ms-input-placeholder{font-weight:700;color:#273044;text-transform:uppercase;opacity:.5}#google_classroom_popup .google_classroom_popup__search input::placeholder{font-weight:700;color:#273044;text-transform:uppercase;opacity:.5}#google_classroom_popup .google_classroom_popup__auditories{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;padding:40px 5px;overflow:auto}#google_classroom_popup .google_classroom_popup__auditories_wrapper{max-height:calc(100% + 90px);flex-basis:56%;margin:-60px 0 -30px auto;overflow:hidden}#google_classroom_popup .google_classroom_popup__auditory{position:relative;width:178px;height:178px;padding:0 10px;border-radius:90px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;line-height:1.5;margin:0 15px 30px;text-align:center;word-break:break-word;overflow:hidden;cursor:pointer}#google_classroom_popup .google_classroom_popup__auditory:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;transition:.3s ease}#google_classroom_popup .google_classroom_popup__auditory>span{position:relative;z-index:99}#google_classroom_popup .google_classroom_popup__auditory:hover:after{background-color:rgba(0,0,0,.1)}#google_classroom_popup .google_classroom_popup .mCSB_inside>.mCSB_container{margin-right:15px}#google_classroom_popup .google_classroom_popup .mCustomScrollBox{border-bottom-right-radius:5px;border-top-right-radius:5px}#google_classroom_popup .google_classroom_popup .mCSB_scrollTools{width:11px}#google_classroom_popup .google_classroom_popup .mCSB_scrollTools .mCSB_draggerRail{width:11px;background-color:#fff;border:1px solid #d2d2d2;margin:0;border-radius:0}#google_classroom_popup .google_classroom_popup .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#ccc}@media (max-width:1024px){#google_classroom_popup .google_classroom_popup{right:60px;left:60px}#google_classroom_popup .google_classroom_popup__auditories_wrapper,#google_classroom_popup .google_classroom_popup__data{flex-basis:50%}#google_classroom_popup .google_classroom_popup__auditory{width:120px;height:120px;font-size:14px}#google_classroom_popup .google_classroom_popup__title{margin-bottom:15px;font-size:24px}#google_classroom_popup .google_classroom_popup__content{font-size:13px;line-height:20px}}@media (max-width:878px){#google_classroom_popup .google_classroom_popup{padding:0}#google_classroom_popup .google_classroom_popup__inner{padding:20px 30px;flex-wrap:wrap;overflow:scroll}#google_classroom_popup .google_classroom_popup__auditories_wrapper,#google_classroom_popup .google_classroom_popup__data{flex-basis:100%;text-align:center}#google_classroom_popup .google_classroom_popup__data{margin:0 0 10px}#google_classroom_popup .google_classroom_popup__auditories{padding:20px 0}#google_classroom_popup .google_classroom_popup__auditories_wrapper{margin:0;max-height:inherit}#google_classroom_popup .google_classroom_popup .mCSB_inside>.mCSB_container{margin:0}}