/* Large frame view over the page and over the student window. */
.v2 dialog.photo-viewer{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:24px 72px 64px;border:0;background:transparent;display:none;place-items:center;overflow:hidden}
.v2 dialog.photo-viewer[open]{display:grid}
.v2 dialog.photo-viewer::backdrop{background:rgba(20,20,18,.92);backdrop-filter:none}
.photo-viewer img{max-width:100%;max-height:calc(100vh - 88px);object-fit:contain;border-radius:4px;box-shadow:0 10px 40px #0006;background:#2b2b28}
.photo-viewer .pv-nav,.photo-viewer .pv-close{position:fixed;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;opacity:.75}
.photo-viewer .pv-nav:hover,.photo-viewer .pv-close:hover{opacity:1;background:#ffffff1f}
.photo-viewer .pv-nav{top:50%;width:52px;height:52px;margin-top:-26px}
.photo-viewer .pv-nav.prev{left:12px}
.photo-viewer .pv-nav.next{right:12px}
.photo-viewer .pv-close{top:14px;right:14px;width:44px;height:44px}
.photo-viewer .pv-caption{position:fixed;left:0;right:0;bottom:20px;display:flex;justify-content:center;align-items:center;gap:14px;color:#e9e9e4;font-size:var(--fs-base)}
.photo-viewer .pv-caption b{font-weight:600}
.photo-viewer .pv-mark{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;background:var(--yellow,#ffdc20);color:#242522;font-size:var(--fs-small)}
.photo-viewer .pv-small,.photo-viewer .pv-count{color:#a5a59f}
/* One response for every photo that opens: it lifts a little on hover, a click opens it. */
.v2 .photo-tile.viewing,.v2 .teacher-group{cursor:pointer;transition:border-color .2s,box-shadow .2s}
.v2 .photo-tile.viewing img,.v2 .teacher-group .folder-open>img,.v2 .teacher-group .card-photo>img{transition:transform .3s ease}
.v2 .teacher-group .folder-open{overflow:hidden;border-radius:15px}
.v2 .photo-tile.viewing:hover img,.v2 .teacher-group:hover .folder-open>img,.v2 .teacher-group:hover .card-photo>img{transform:scale(1.04)}
.v2 .photo-tile.viewing:hover,.v2 .teacher-group:hover{border-color:#c9cbbf;box-shadow:0 6px 18px #24252214}
.v2 .photo-tile.viewing:focus-visible{outline:2px solid #242522;outline-offset:-1px}
@media(prefers-reduced-motion:reduce){.v2 .photo-tile.viewing img,.v2 .teacher-group .folder-open>img,.v2 .teacher-group .card-photo>img{transition:none}}
@media(max-width:600px){.photo-viewer{padding:16px 16px 72px}.photo-viewer .pv-nav{top:auto;bottom:8px;margin:0}.photo-viewer .pv-caption{bottom:64px;flex-wrap:wrap;gap:8px}}