.school-photo-dialog{--photo-gutter:40px;--photo-chrome:128px;--photo-available-height:min(calc(800px - var(--photo-chrome)), calc(100dvh - var(--photo-gutter) - var(--photo-chrome)));--photo-window-width:max(min(280px, calc(100vw - var(--photo-gutter))), min(1120px, calc(100vw - var(--photo-gutter)), calc(var(--photo-available-height)*var(--school-photo-ratio))));--photo-image-height:min(calc(var(--photo-window-width)/var(--school-photo-ratio)), var(--photo-available-height));height:calc(var(--photo-image-height) + var(--photo-chrome));max-height:calc(100dvh - var(--photo-gutter));background:var(--popover);color:var(--foreground);overscroll-behavior:contain;border-radius:4px;flex-direction:column;transition:width .28s cubic-bezier(.22,.61,.36,1),height .28s cubic-bezier(.22,.61,.36,1);overflow:hidden;width:var(--photo-window-width)!important;max-width:calc(100vw - var(--photo-gutter))!important;gap:0!important;padding:0!important;display:flex!important}.school-photo-dialog-heading{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:10px 20px;display:flex}.school-photo-text-scroll{overscroll-behavior:contain;overflow-wrap:anywhere;white-space:normal;scrollbar-width:thin;min-width:0;max-height:100%;overflow:auto}.school-photo-text-scroll:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.school-photo-title-scroll{flex:1}.school-photo-dialog-heading [data-slot=dialog-title]{white-space:normal;min-width:0;font-size:17px;font-weight:650;line-height:1.5}.school-photo-dialog-heading button{width:44px;height:44px;color:var(--foreground);flex-shrink:0}.school-photo-dialog-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.school-photo-dialog-heading .school-photo-fit,.school-photo-dialog-heading .school-photo-playback{gap:7px;width:auto;font-size:12px}.school-photo-fit[aria-pressed=true]{background:var(--accent);color:var(--primary)}.school-photo-dialog-heading button>svg,.school-photo-stage>button>svg{width:22px;height:22px}.school-photo-dialog button:hover{background:var(--muted);color:var(--foreground)}.school-photo-stage{background:var(--popover);flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.school-photo-stage>img{object-fit:contain;object-position:center;width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0}.school-photo-stage>button{border:1px solid var(--border);background:var(--popover);width:44px;height:48px;color:var(--foreground);border-radius:3px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000014}.school-photo-prev{left:12px}.school-photo-next{right:12px}.school-photo-dialog-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:14px 20px;font-size:13px;display:flex}.school-photo-caption-scroll{flex:1}.school-photo-dialog-footer [data-slot=dialog-description]{min-width:0;color:var(--muted-foreground);white-space:normal;font-size:13px;line-height:1.65}.school-photo-position{white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto}@media (max-width:640px){.school-photo-dialog{--photo-gutter:20px;--photo-chrome:112px}.school-photo-dialog-heading{gap:8px;height:56px;padding:6px 12px}.school-photo-dialog-heading [data-slot=dialog-title]{font-size:16px}.school-photo-fit>span,.school-photo-playback>span{display:none}.school-photo-dialog-heading .school-photo-fit,.school-photo-dialog-heading .school-photo-playback{width:44px;padding:0}.school-photo-dialog-footer{gap:10px;height:56px;padding:12px;font-size:12px}.school-photo-dialog-footer [data-slot=dialog-description]{font-size:12px}.school-photo-prev{left:8px}.school-photo-next{right:8px}}@media (max-height:500px){.school-photo-dialog{--photo-gutter:20px;--photo-chrome:96px}.school-photo-dialog-heading{gap:8px;height:48px;padding:2px 8px}.school-photo-dialog-heading [data-slot=dialog-title]{font-size:14px}.school-photo-dialog-footer{gap:8px;height:48px;padding:8px;font-size:11px}.school-photo-dialog-footer [data-slot=dialog-description]{font-size:11px}}:-webkit-any(.school-photo-dialog[data-fullscreen=true],.school-photo-dialog:-webkit-full-screen){color:#fff;background:#111;border-radius:0;transition:none;--tw-translate-x:0px!important;--tw-translate-y:0px!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;position:fixed!important;inset:0!important;transform:translate(0,0)!important}:is(.school-photo-dialog[data-fullscreen=true],.school-photo-dialog:fullscreen){color:#fff;background:#111;border-radius:0;transition:none;--tw-translate-x:0px!important;--tw-translate-y:0px!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;position:fixed!important;inset:0!important;transform:translate(0,0)!important}.school-photo-dialog::backdrop{background:#111}.school-photo-dialog[data-fullscreen=true] .school-photo-stage{background:#111;width:100%;height:100%}.school-photo-dialog[data-fullscreen=true] .school-photo-stage>img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.school-photo-slide-current{z-index:1}.school-photo-dialog[data-fullscreen=true] .school-photo-slide-current{--photo-pan-from-x:-1%;--photo-pan-from-y:0.6%;--photo-pan-to-x:1%;--photo-pan-to-y:-0.6%;--photo-camera-direction:alternate;transform-origin:50%;will-change:transform;animation:school-photo-ken-burns 15s ease-in-out infinite var(--photo-camera-direction)}.school-photo-dialog[data-fullscreen=true] .school-photo-slide-current[data-reveal=true]{animation:school-photo-ken-burns 15s ease-in-out infinite var(--photo-camera-direction), school-photo-slide-reveal .8s ease-in-out both}.school-photo-slide-current[data-camera-direction="1"]{--photo-pan-from-x:1%!important;--photo-pan-to-x:-1%!important;--photo-camera-direction:alternate-reverse!important}.school-photo-slide-current[data-camera-direction="2"]{--photo-pan-from-y:-0.6%!important;--photo-pan-to-y:0.6%!important}.school-photo-slide-current[data-camera-direction="3"]{--photo-pan-from-x:1%!important;--photo-pan-from-y:-0.6%!important;--photo-pan-to-x:-1%!important;--photo-pan-to-y:0.6%!important;--photo-camera-direction:alternate-reverse!important}.school-photo-dialog[data-fullscreen=true][data-slideshow-paused=true] .school-photo-slide-current{animation-play-state:paused,running}@keyframes school-photo-ken-burns{0%{transform:translate(var(--photo-pan-from-x), var(--photo-pan-from-y)) scale(1.025)}to{transform:translate(var(--photo-pan-to-x), var(--photo-pan-to-y)) scale(1.16)}}@keyframes school-photo-slide-reveal{0%{opacity:0}to{opacity:1}}.school-photo-dialog[data-fullscreen=true] .school-photo-dialog-heading,.school-photo-dialog[data-fullscreen=true] .school-photo-dialog-footer{z-index:3;color:#fff;border:0;transition:opacity .35s;position:absolute;left:0;right:0}.school-photo-dialog[data-fullscreen=true] .school-photo-dialog-heading{background:linear-gradient(#000b,#0000);top:0}.school-photo-dialog[data-fullscreen=true] .school-photo-dialog-footer{background:linear-gradient(#0000,#000b);bottom:0}.school-photo-dialog[data-fullscreen=true] .school-photo-dialog-heading button,.school-photo-dialog[data-fullscreen=true] .school-photo-dialog-footer [data-slot=dialog-description]{color:#fff}.school-photo-dialog[data-fullscreen=true] .school-photo-fit[aria-pressed=true],.school-photo-dialog[data-fullscreen=true] button:hover{color:#fff;background:#ffffff24}.school-photo-dialog[data-fullscreen=true] .school-photo-stage>button{z-index:2;color:#fff;box-shadow:none;background:#1119;border-color:#ffffff40;transition:opacity .35s}.school-photo-dialog[data-fullscreen=true][data-controls-visible=false]{cursor:none}.school-photo-dialog[data-fullscreen=true][data-controls-visible=false] .school-photo-dialog-heading,.school-photo-dialog[data-fullscreen=true][data-controls-visible=false] .school-photo-dialog-footer,.school-photo-dialog[data-fullscreen=true][data-controls-visible=false] .school-photo-stage>button{opacity:0;pointer-events:none}.school-photo-slide-error{z-index:3;text-align:center;color:#fff;background:#0009;margin:0;padding:12px;position:absolute;top:72px;left:16px;right:16px}@media (prefers-reduced-motion:reduce){.school-photo-dialog,.school-photo-dialog[data-fullscreen=true] .school-photo-dialog-heading,.school-photo-dialog[data-fullscreen=true] .school-photo-dialog-footer,.school-photo-dialog[data-fullscreen=true] .school-photo-stage>button{transition:none}.school-photo-dialog[data-fullscreen=true] .school-photo-slide-current{transform:none;animation:none!important}}