.overlay.svelte-12mc2nn.svelte-12mc2nn{pointer-events:none;position:fixed;z-index:99;top:0;left:0;width:100%;height:100vh;background-color:#000a;opacity:0;transition:opacity .4s}.drawer.svelte-12mc2nn.svelte-12mc2nn{display:none;position:fixed;z-index:100;top:100px;right:0;max-width:600px;height:calc(100vh - 100px);background-color:#fff;color:var(--secondary-black);border-top-left-radius:var(--b-r-container);border-bottom-left-radius:var(--b-r-container);padding:32px 32px 0;font-size:25px;font-weight:500;line-height:1.4;transform:translate(100%);visibility:hidden;transition:transform .4s,visibility 0s .4s;display:flex;flex-direction:column}.drawer.svelte-12mc2nn p.svelte-12mc2nn{margin-bottom:30px}.container.svelte-12mc2nn.svelte-12mc2nn{padding-right:2rem;overflow-y:auto}.container.svelte-12mc2nn .relation-to-student.svelte-12mc2nn{margin-bottom:2rem}.container.svelte-12mc2nn img.svelte-12mc2nn{border-radius:50%;width:6rem;height:6rem;margin-bottom:4rem;object-fit:cover}.author-profile-container.svelte-12mc2nn.svelte-12mc2nn{position:relative;display:inline-block}.author-profile-container.svelte-12mc2nn button.svelte-12mc2nn{position:absolute;right:0}.author-profile-container.svelte-12mc2nn button svg.svelte-12mc2nn{width:1.8rem;height:1.8rem}.overlay.show.svelte-12mc2nn.svelte-12mc2nn{pointer-events:auto;opacity:1;transform:translate(0)}.drawer.show.svelte-12mc2nn.svelte-12mc2nn{transform:translate(0);visibility:visible;transition:transform .4s}.drawer.svelte-12mc2nn .close-button.svelte-12mc2nn{border-radius:50%;background-color:#d3d3d3;cursor:pointer;margin-bottom:20px}