body{background-color:#1b4972;font-size:20px;height:100%;position:fixed;width:100%}#viewport{opacity:0;position:absolute;transition:opacity 2s ease-out}#viewport.active{opacity:1}.container{position:absolute;z-index:1}#introLogo{perspective:1000px}#introLogo img{animation:introLogoIn 3s ease .5s forwards,introLogoOut 2s ease-in-out 5s forwards;height:30%;opacity:0;transform:rotateX(77deg) rotateY(-41deg) rotate(-14deg)}@keyframes introLogoIn{0%{opacity:0;transform:rotateX(77deg) rotateY(-41deg) rotate(-14deg)}to{opacity:1;transform:rotate(0deg)}}@keyframes introLogoOut{0%{opacity:1}to{opacity:0}}#vrDebug{background:rgba(50,0,0,.5);bottom:10px;color:#fff;display:none;height:300px;overflow:auto;position:absolute;right:10px;width:400px;z-index:2}.ui{z-index:1}.ui .leftMenu{background:#2265a490;width:250px}.ui .leftMenu .logo{align-items:flex-end;display:flex;flex:0 0 auto;height:100px;overflow:hidden;padding:0 30px;transition:height .5s ease-out}.ui .leftMenu .logo.mini{height:32px}.ui .leftMenu .logo img{height:100px}.ui .leftMenu .btn{display:inline-flex;line-height:1}.ui .leftMenu .btn i{text-align:center;width:32px}#menuContainer{overflow-x:hidden;overflow-y:auto}#menuContainer .btn{color:#fff;font-size:120%;text-align:left;width:100%}.av-white-panel{background:#fffe;border-radius:10px;overflow:hidden}#chatPanel{overflow:hidden}#chatPanel #chatOutput{flex:1 1 auto}#chatPanel .chatControls{background:#2265a490;flex:0 0 170px;padding:20px}#chatPanel .chatControls .inputText{gap:10px}#chatPanel .chatControls .buttons{display:flex;flex-direction:column;gap:5px}#chatPanel .chatControls .buttons .btn{align-items:center;border-radius:5px;cursor:pointer;display:flex;flex:1 1 auto;justify-content:center;text-align:center}#chatPanel .message{border-radius:10px;display:flex;margin:0 20px 20px;max-width:80%;padding:10px;position:relative}#chatPanel .message .avatar{border-radius:4px;flex:0 0 40px;height:40px;width:40px}#chatPanel .message .text{padding-top:4px}#chatPanel .message:after{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";height:0;margin-top:-8px;position:absolute;top:50%;width:0}#chatPanel .message.speaker_user{align-self:end;background:#fde2bf}#chatPanel .message.speaker_user .avatar{background-color:#fff;margin-left:5px}#chatPanel .message.speaker_user .avatar:after{content:"👨🏻‍🎓";display:block;font-size:30px;height:40px;position:relative;text-align:center;top:-2px;width:40px}#chatPanel .message.speaker_user:after{border-left:8px solid #fde2bf;right:-8px}#chatPanel .message.speaker_bot{background:#fffbf7}#chatPanel .message.speaker_bot .avatar{background-position:-15px -5px;background-size:175%;margin-right:5px}#chatPanel .message.speaker_bot:after{border-right:8px solid #fffbf7;left:-8px}#chatPanel .message.thinking .avatar{animation:gelatine .5s infinite}@keyframes gelatine{0%,to{transform:scale(1)}25%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}75%{transform:scale(.95,1.05)}}#chatPanel .quizReplies{align-items:center;clear:both;display:flex;gap:10px;justify-content:center;padding:20px 0}#imaginePanel .imagineControls{background:#2265a490;flex:0 0 170px;padding:20px}#imaginePanel .imagineControls .inputText{gap:10px}#imaginePanel .imagineControls .buttons{display:flex;flex-direction:column;gap:5px}#imaginePanel .imagineControls .buttons .btn{align-items:center;border-radius:5px;cursor:pointer;display:flex;flex:1 1 auto;justify-content:center;text-align:center}#errorOutput{color:red;text-shadow:#00000090}#lessonPanel{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}#lessonPanel .charPic{animation:pulse 5s infinite;border-radius:1000px;box-shadow:10px 10px 10px 0 #0007;height:0;left:4%;overflow:hidden;padding-bottom:25%;position:absolute;top:4%;width:25%}#lessonPanel .charPic img{width:100%}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}#lessonPanel .lessonImage{height:100%;position:relative;width:100%}#lessonPanel .lessonImage img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#lessonPanel .lessonImage img.zoom{animation:zoom 20s 1}@keyframes zoom{0%{transform:scale(1)}60%{transform:scale(1.1)}}#lessonPanel #lessonText{font-size:21px;height:40%;margin-top:25%;padding:30px;right:50px;top:0;width:30%}#lessonPanel #lessonImgDescr,#lessonPanel #lessonText{background:rgba(0,0,0,.5);color:#fff;font-weight:700;position:absolute;text-align:center}#lessonPanel #lessonImgDescr{bottom:0;font-size:20px;left:0;padding:10px;width:100%}#lessonPanel .buttons{bottom:80px;display:flex;flex-direction:row;gap:40px;justify-content:center;position:absolute;right:20px;width:100%}#lessonPanel .buttons .button{padding:10px}