.google-classroom-overlay-backpanel{background-color:var(--default-color-2);opacity:.4;z-index:200;width:100%;height:calc(100% - 40px);position:fixed;top:40px;left:0}@media screen and (width>=769px){.google-classroom-overlay-backpanel{width:calc(100% - 150px);left:150px}}.google-classroom-overlay-message{background-color:var(--default-bg-2);width:80vw;max-width:600px;height:auto;box-shadow:var(--dropshadow);z-index:201;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (width>=769px){.google-classroom-overlay-message{left:calc(50% + 75px)}}.google-classroom-message{flex-direction:row;padding:20px;display:flex}.google-classroom-message h2{text-transform:none;align-self:center;margin:0;padding:0 0 0 55px;font-size:clamp(16px,2vw,23px);font-weight:700;line-height:1.3em;position:relative}.google-classroom-message h2:before{content:"";background-image:url(https://constellation-backend-images.s3.ca-central-1.amazonaws.com/production/icons/classroom-group-google.svg);background-repeat:no-repeat;background-size:cover;width:40px;height:40px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.google-classroom-message a{color:var(--troubadour-main);text-decoration:none}.google-classroom-message a:hover{text-decoration:underline}.google-classroom-message.flex-grow{flex:1}.google-classroom-message.justify-right{justify-content:flex-end}.google-classroom-message.justify-center{justify-content:center}.google-classroom-message.align-top{align-content:flex-start}.google-classroom-message.align-bottom{align-content:flex-end}.google-classroom-message.align-center{align-content:center}.google-classroom-message.smaller{padding:5px}.google-classroom-message.smaller h2{padding-left:25px;font-size:15px;line-height:20px}.google-classroom-message.smaller h2:before{width:20px;height:20px}.classroom-association-popup .classrooms-panel{background-color:var(--default-bg);border-radius:10px;max-height:300px;padding:10px;overflow-y:auto}.classroom-association-popup .classrooms-panel .classroom-input,.classroom-association-popup .classrooms-panel .classroom-google{border:1px solid var(--default-color);color:var(--default-color);cursor:pointer;border-radius:10px;margin:10px 0;padding:5px;display:flex}.classroom-association-popup .classrooms-panel .classroom-input .group-name,.classroom-association-popup .classrooms-panel .classroom-google .group-name{width:66%;display:flex}.classroom-association-popup .classrooms-panel .classroom-input .group-name input,.classroom-association-popup .classrooms-panel .classroom-google .group-name input,.classroom-association-popup .classrooms-panel .classroom-input .group-name label,.classroom-association-popup .classrooms-panel .classroom-google .group-name label{margin:auto 0 auto 20px}.classroom-association-popup .classrooms-panel .classroom-input .status,.classroom-association-popup .classrooms-panel .classroom-google .status{width:33%;display:flex}.classroom-association-popup .classrooms-panel .classroom-input input[name=classroom],.classroom-association-popup .classrooms-panel .classroom-google input[name=classroom]{border:1px solid var(--default-color);border-radius:30px}.classroom-association-popup .classrooms-panel .classroom-input label,.classroom-association-popup .classrooms-panel .classroom-google label{color:var(--default-color)}.classroom-association-popup .classrooms-panel .classroom-input.checked,.classroom-association-popup .classrooms-panel .classroom-google.checked{border:1px solid var(--primary-text-1);color:var(--primary-text-1)}.classroom-association-popup .classrooms-panel .classroom-input.checked input[name=classroom],.classroom-association-popup .classrooms-panel .classroom-google.checked input[name=classroom]{background-color:var(--primary-text-1);border:1px solid var(--primary-text-1)}.classroom-association-popup .classrooms-panel .classroom-input.checked label,.classroom-association-popup .classrooms-panel .classroom-google.checked label{color:var(--primary-text-1)}.classroom-association-popup .classrooms-panel .classroom-input .icon-on,.classroom-association-popup .classrooms-panel .classroom-google .icon-on,.classroom-association-popup .classrooms-panel .classroom-input .icon-off,.classroom-association-popup .classrooms-panel .classroom-google .icon-off{display:flex}.classroom-association-popup .classrooms-panel .classroom-input .icon-on svg,.classroom-association-popup .classrooms-panel .classroom-google .icon-on svg,.classroom-association-popup .classrooms-panel .classroom-input .icon-off svg,.classroom-association-popup .classrooms-panel .classroom-google .icon-off svg{color:rgba(var(--challenge-deactivate), .6);margin:auto 10px auto auto;font-size:22px}.classroom-association-popup .classrooms-panel .classroom-input .icon-on div,.classroom-association-popup .classrooms-panel .classroom-google .icon-on div,.classroom-association-popup .classrooms-panel .classroom-input .icon-off div,.classroom-association-popup .classrooms-panel .classroom-google .icon-off div{margin:auto}.classroom-association-popup .classrooms-panel .classroom-input .activation-icon.active svg,.classroom-association-popup .classrooms-panel .classroom-google .activation-icon.active svg{color:var(--challenge-activate)}.classroom-association-popup .no-group-description{color:var(--default-color);opacity:.6;padding:20px;font-weight:700}.classroom-association-popup .button-group{place-content:center;min-width:300px;margin:30px auto auto;display:flex}.classroom-association-popup .button-group .first-group-button{margin:auto 0 auto 10px}.classroom-association-popup .button-group .close-button,.classroom-association-popup .button-group .create-button{margin:auto 10px}.classroom-association-popup .button-group .nano-button-small-alt{margin-bottom:10px;text-decoration:none;display:inline-flex}.classroom-association-popup .button-group .nano-button-small-alt svg{margin:auto 10px auto auto}.classroom-association-popup .button-group .nano-button-small-alt div{margin:auto auto auto 0}.classroom-association-popup .button-group .nano-button-small-alt div:only-child{margin:auto}.classroom-association-popup .button-group .share-button-container{min-width:33%;color:var(--primary-text-1);margin:auto 10px auto auto;font-size:16px;font-weight:700;display:flex}.classroom-association-popup .button-group .share-button-container label,.classroom-association-popup .button-group .share-button-container svg{text-align:right;margin:auto 0}.classroom-association-popup .button-group .share-button-container svg{font-size:20px}.classroom-association-popup .button-group .share-button-container input{margin:auto 10px}