@keyframes _8nfcrb0{0%{opacity:0}to{opacity:1}}
@keyframes _8nfcrb1{0%{opacity:0;transform:scale(.5)rotate(-8deg)}55%{opacity:1;transform:scale(1.08)rotate(2deg)}to{transform:scale(1)rotate(0)}}
._8nfcrb2{z-index:4500;pointer-events:none;background:var(--_1x1jkkx25);opacity:1;transition:opacity .28s var(--_1x1jkkx66);animation:_8nfcrb0 var(--_1x1jkkx69) var(--_1x1jkkx66);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}
._8nfcrb3{opacity:0}
._8nfcrb4{transition:transform .28s var(--_1x1jkkx66)}
._8nfcrb5{transform:scale(.9)translateY(-8px)}
._8nfcrb6{animation:_8nfcrb1 .48s var(--_1x1jkkx67) both}
._8nfcrb7{width:240px;height:240px;display:block}
._8nfcrb9{display:none}
[data-role=teacher] ._8nfcrb8{display:none}
[data-role=teacher] ._8nfcrb9{display:block}
.yo2tnr0{border-radius:var(--_1x1jkkx3b);box-sizing:border-box;background:var(--_1x1jkkx15);min-height:46px;color:var(--_1x1jkkx22);align-items:center;gap:8px;padding:16px 12px;display:flex}
.yo2tnr3{justify-content:center;padding:8px 12px}
.yo2tnr4{background:var(--_1x1jkkx16);box-shadow:inset 0 0 0 1px var(--_1x1jkkx17);color:var(--_1x1jkkxg)}
.yo2tnr5{min-width:0;font-family:var(--_1x1jkkx3k);letter-spacing:.015em;color:inherit;flex:1;font-size:14px;font-weight:500;line-height:1.429}
.yo2tnr6{flex:none}
.yo2tnr8{all:unset;cursor:pointer;font-family:var(--_1x1jkkx3k);color:var(--_1x1jkkx8);flex-shrink:0;font-size:14px;font-weight:600;line-height:1}
@keyframes _1puwken0{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
._1puwken1{left:0;right:0;bottom:calc(72px + var(--sab,0px));box-sizing:border-box;max-width:440px;z-index:var(--_1x1jkkx6g);pointer-events:none;justify-content:center;margin:0 auto;padding:0 20px;display:flex;position:fixed}
._1puwken2{max-width:100%;box-shadow:var(--_1x1jkkx64);animation:_1puwken0 var(--_1x1jkkx69) cubic-bezier(.2,.9,.3,1);word-break:keep-all}