.school-popup, .school-popup * { box-sizing: border-box; }
.school-popup { position: fixed; inset: 0; width: fit-content; height: fit-content; max-width: calc(100vw - 2rem); max-height: calc(100vh - 2rem); max-height: calc(100dvh - 2rem); margin: auto; padding: 0; border: 0; background: transparent; overflow: visible; }
.school-popup:not([open]) { display: none; }
.school-popup[open] { display: block; }
.school-popup::backdrop { background: #091c36b3; }
.school-popup-image { display: block; width: auto; height: auto; max-width: min(1100px, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); max-height: calc(100dvh - 2rem); object-fit: contain; border-radius: 8px; box-shadow: 0 24px 80px #061c3640; }
.school-popup-close { position: absolute; top: 8px; right: 8px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #dce4eb; border-radius: 50%; background: #fff; color: #123a61; box-shadow: 0 2px 10px #0002; cursor: pointer; }
.school-popup-close:hover { background: #eaf1f6; }
.school-popup-close:focus-visible { outline: 3px solid #3e81e8; outline-offset: 2px; }