.school-notifications{bottom:92px;z-index:95;color:#234e40;font-family:inherit;position:fixed;inset-inline-end:20px}.school-notification-bell{color:#fff;cursor:pointer;background:#234e40;border:1px solid #becbb5;border-radius:50%;align-items:center;gap:6px;padding:14px;display:flex;box-shadow:0 4px 16px #0002}.school-notification-bell b{font-size:12px}.school-notification-panel{bottom:64px;background:#fffef7;border:1px solid #cdd7c5;border-radius:18px;width:min(380px,100vw - 32px);max-height:calc(100dvh - 190px);padding:20px;font-size:15px;line-height:1.6;position:absolute;inset-inline-end:0;overflow:auto;box-shadow:0 8px 35px #0003}.school-notification-panel header{justify-content:space-between;align-items:center;display:flex}.school-notification-panel button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;padding:8px;text-decoration:underline}.school-notification-panel button:disabled{opacity:.5}.school-notification-panel section{border-bottom:1px solid #dbe1d4;padding:16px 0}.school-notification-panel p{margin:8px 0}.school-notification-panel a{color:#234e40;padding-block:8px;font-weight:700;text-decoration:underline;display:inline-block}.school-notification-panel small{line-height:1.6;display:block}.school-alert-toggle{cursor:pointer;align-items:center;gap:10px;margin:18px 0 10px;display:flex}.school-alert-toggle input{accent-color:#234e40;flex:none;width:20px;height:20px}@media (width<=600px){.school-notifications{inset-inline-end:12px;bottom:88px}.school-notification-panel{padding:16px}}