[v-cloak]{display:none}.school-shell{min-height:100vh;padding:1.5rem 6vw;background:linear-gradient(145deg,#fffdf9,#eeeafb)}.school-card{max-width:28rem;margin:12vh auto 0;background:#fffdf9;padding:2rem;border-radius:1.25rem;box-shadow:0 20px 55px #6e5cb71a}.school-card h1{font-size:clamp(2.1rem,8vw,3rem)}.school-card form,.profile-modal form{display:grid;gap:1rem}.school-card label,.profile-modal label{display:grid;gap:.35rem;font-size:.9rem}.school-card input,.profile-modal input{width:100%;padding:.75rem;border:1px solid #d8d3e4;border-radius:.5rem;font:inherit}.text-button{display:block;margin-top:1rem;padding:0;color:#6e5cb7;text-decoration:underline}.form-error{color:#a33354;margin:0}.profile-head{display:flex;align-items:center;gap:1rem}.profile-head h1{margin:.2rem 0}.avatar-edit-button{position:relative;display:grid;place-items:center;flex:none;width:5rem;height:5rem;padding:0;border-radius:50%;overflow:hidden;background:#eeeafb;cursor:pointer}.avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-edit-icon{position:absolute;z-index:1;top:.05rem;right:.05rem;display:grid;place-items:center;width:1.8rem;height:1.8rem;border:2px solid #fff;border-radius:50%;background:#6e5cb7;color:#fff;box-shadow:0 2px 8px #27243b55;font-size:1rem}.profile-modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:1rem;background:#27243b66;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);overflow:hidden}.school-shell--modal>.brand,.school-shell--modal>.school-card{filter:blur(5px);pointer-events:none}.profile-modal{display:flex;flex-direction:column;width:min(100%,35rem);max-height:calc(100dvh - 2rem);padding:1.25rem;background:#fffdf9;border-radius:1.25rem;box-shadow:0 24px 80px #27243b4d}.profile-modal__heading{display:flex;flex:none;align-items:center;justify-content:space-between;margin-bottom:1rem}.profile-modal__heading h2{margin:0}.modal-close{display:grid;place-items:center;width:2rem;height:2rem;padding:0;border-radius:50%;font-size:1.5rem;line-height:1;color:#6e5cb7}.modal-close:hover{background:#eeeafb}.profile-modal form{grid-template-rows:minmax(0,1fr) auto;flex:1;min-height:0;overflow:hidden}.profile-modal__scroll{display:grid;gap:1rem;overflow-y:auto;padding-right:.25rem}.avatar-settings{display:grid;gap:.75rem}.avatar-settings h3{margin:0;font-size:1rem}.avatar-choice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem}.avatar-option{position:relative;aspect-ratio:1;padding:2px;border:2px solid transparent;border-radius:50%;background:transparent}.avatar-option img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-option:hover,.avatar-option:focus-visible{background:#eeeafb}.avatar-option--selected{border-color:#6e5cb7;box-shadow:0 0 0 2px #eeeafb}.avatar-option--selected::after{position:absolute;right:-.12rem;bottom:-.12rem;display:grid;place-items:center;width:1.25rem;height:1.25rem;border:2px solid #fff;border-radius:50%;background:#6e5cb7;color:#fff;font-family:"Font Awesome 7 Free";font-weight:900;content:"\f00c";font-size:.8rem;font-weight:700}.avatar-option--custom span{position:absolute;right:-.25rem;bottom:-.25rem;padding:.15rem .35rem;border:1px solid #fff;border-radius:99px;background:#27243b;color:#fff;font-size:.62rem;line-height:1}.avatar-option--custom.avatar-option--selected span{display:none}.avatar-upload-button{display:inline-flex!important;justify-self:start;width:max-content;padding:.55rem 1rem;border-radius:99px;background:#27243b;color:#fff;cursor:pointer}.avatar-upload-button input{display:none}.crop-help{margin:0;color:#6f6b82;font-size:.85rem}.avatar-canvas{display:block;width:min(100%,22rem);aspect-ratio:1;border-radius:50%;background:#27243b;cursor:grab;touch-action:none}.avatar-canvas:active{cursor:grabbing}.profile-modal__footer{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:.85rem;padding-top:1rem}.profile-modal__footer .text-button{margin:0}.profile-modal__footer .button{min-width:9rem}@media(min-width:700px){.school-shell{padding-top:1.25rem}.school-card{margin:2rem auto 0;padding:1.5rem}.school-card h1{font-size:2.35rem}.school-card form{gap:.7rem}.school-card input{padding:.6rem}}
.profile-modal__footer .text-button{margin:0;padding:.65rem 1rem;border:1px solid #d8d3e4;border-radius:99px;background:#fff;color:#27243b;text-decoration:none}.profile-modal__footer .text-button:hover{background:#f5f3f8}
.profile-head{position:relative}.signout-icon{position:absolute;top:0;right:0;display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid #d8d3e4;border-radius:50%;background:#fff;color:#6e5cb7}.signout-icon:hover{background:#eeeafb}.signout-icon span{position:relative;display:block;width:1rem;height:1.15rem;border:1.8px solid currentColor;border-radius:.15rem}.signout-icon span::before{position:absolute;top:.4rem;left:-.45rem;width:.85rem;height:1.8px;background:currentColor;content:""}.signout-icon span::after{position:absolute;top:.24rem;left:-.45rem;width:.42rem;height:.42rem;border-top:1.8px solid currentColor;border-left:1.8px solid currentColor;content:"";transform:rotate(-45deg)}.signout-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:.7rem .8rem;border:1px solid #e3dfed;border-radius:.75rem;background:#f5f3f8;font-size:.9rem}.signout-confirm span{margin-right:auto}.signout-cancel,.signout-confirm-button{padding:.4rem .65rem;border-radius:99px;font:inherit}.signout-cancel{border:1px solid #d8d3e4;background:#fff;color:#27243b}.signout-confirm-button{background:#a33354;color:#fff}
.avatar-edit-button{overflow:visible}.avatar-edit-icon{z-index:2}
.crop-modal-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:1rem;background:#27243b80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden}.crop-modal{display:flex;flex-direction:column;gap:1rem;width:min(100%,29rem);max-height:calc(100dvh - 2rem);padding:1.25rem;background:#fffdf9;border-radius:1.25rem;box-shadow:0 24px 80px #27243b66}.crop-modal .crop-help{flex:none}.crop-modal .avatar-canvas{width:min(100%,24rem);max-height:calc(100dvh - 18rem);margin:auto}.crop-modal .profile-modal__footer{margin-top:auto}
.signout-icon::before{width:1.15rem;height:1.15rem;background:currentColor;content:"";right:-.2rem}
.crop-zoom{display:grid;gap:.35rem;font-size:.9rem}.crop-zoom input[type=range]{width:100%;padding:0;accent-color:#6e5cb7}
.my-courses{max-width:28rem;margin:1.5rem auto}
.my-courses{max-width:42rem}.school-course-card{display:grid;gap:0;padding:0;overflow:hidden}.school-course-card img,.school-course-placeholder{width:100%;height:auto;aspect-ratio:2/1;border-radius:0;object-fit:cover}.school-course-placeholder{font-size:2rem}.school-course-card span{gap:.2rem;padding:1rem 1.1rem}.school-course-card b{font-size:1.08rem}.school-course-card small,.school-course-card em{font-size:.88rem}.school-course-card em{white-space:normal}
.my-courses{width:min(100%,42rem);margin-right:auto;margin-left:auto}
.my-courses{display:grid;gap:.7rem;margin:1.5rem 0}.my-courses h2{margin:0 0 .1rem;font-size:1.25rem}.school-course-card{position:relative;display:flex;gap:.75rem;align-items:center;padding:.7rem;border:1px solid #e3dfed;border-radius:.85rem;background:#fff;text-decoration:none;transition:background .15s,transform .15s}.school-course-card:hover{background:#eeeafb;transform:translateY(-1px)}.school-course-card img,.school-course-placeholder{width:4.3rem;height:3.1rem;flex:none;border-radius:.5rem;object-fit:cover;background:#eeeafb}.school-course-placeholder{display:grid;place-items:center;color:#6e5cb7;font-size:1.25rem}.school-course-card span{display:grid;gap:.12rem;min-width:0}.school-course-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.school-course-card small,.school-course-card em,.courses-empty{color:#6f6b82;font-size:.82rem}.school-course-card em{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.courses-empty{margin:0;padding:.7rem;border-radius:.75rem;background:#f5f3f8}
.my-courses{display:grid;width:min(100%,42rem);max-width:42rem;gap:.7rem;margin:1.5rem auto}.school-course-card{position:relative;display:grid;gap:0;align-items:stretch;padding:0;overflow:hidden}.school-course-main{display:grid;color:inherit;text-decoration:none}.school-course-card img,.school-course-placeholder{width:100%;height:auto;aspect-ratio:2/1;border-radius:0;object-fit:cover}.school-course-placeholder{display:grid;font-size:2rem}.school-course-card span{display:grid;gap:.2rem;padding:1rem 1.1rem}.school-course-card b{font-size:1.08rem}.school-course-card small,.school-course-card em{font-size:.88rem}.school-course-card em{overflow:visible;white-space:normal}.school-course-complete{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:99px;background:#e4f5e9;color:#176b39;font-size:.78rem;box-shadow:0 2px 8px #176b3930}.school-course-get{position:absolute;z-index:1;top:3.2rem;right:.75rem;display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem;border-radius:99px;background:#fffdf9e8;color:#176b39;font-size:.72rem;font-weight:700;text-decoration:none}