/* Selected expands over the existing gallery. Notes keeps its own album view. */
#htb-site #htb-photo-viewer.htb-selected-viewer{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;background:transparent;overflow:hidden;overscroll-behavior:contain;touch-action:pinch-zoom}
#htb-site #htb-photo-viewer.htb-selected-viewer::backdrop{background:rgb(0 0 0 / .36);opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:opacity .28s ease,backdrop-filter .28s ease,-webkit-backdrop-filter .28s ease}
#htb-site #htb-photo-viewer.htb-selected-viewer[data-selected-state=open]::backdrop{opacity:1;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
#htb-site #htb-photo-viewer.htb-selected-viewer[data-selected-state=closing]::backdrop{transition-duration:.24s}
#htb-site .htb-selected-frame{position:absolute;margin:0;transform-origin:0 0;user-select:none;-webkit-user-select:none}
#htb-site .htb-selected-frame img{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:contain;pointer-events:none;-webkit-touch-callout:none;-webkit-user-drag:none}
#htb-site #htb-photo-viewer.htb-selected-viewer [data-photo-step]{display:none}
#htb-site #htb-photo-viewer.htb-selected-viewer[data-selected-navigation=true] [data-photo-step]{display:block;top:var(--htb-selected-controls-y);right:auto;bottom:auto;width:44px;height:44px;z-index:3;background:none;color:var(--htb-ink);font:20px/44px Arial,Helvetica,sans-serif;opacity:0;pointer-events:none;cursor:pointer;transition:opacity .16s ease}
#htb-site #htb-photo-viewer.htb-selected-viewer[data-selected-navigation=true] [data-photo-step="-1"]{left:calc(var(--htb-selected-controls-x) - 46px)}
#htb-site #htb-photo-viewer.htb-selected-viewer[data-selected-navigation=true] [data-photo-step="1"]{left:calc(var(--htb-selected-controls-x) + 2px)}
#htb-site #htb-photo-viewer.htb-selected-viewer[data-selected-state=open] [data-photo-step]{opacity:.65;pointer-events:auto}
#htb-site #htb-photo-viewer.htb-selected-viewer [data-photo-step]:hover,#htb-site #htb-photo-viewer.htb-selected-viewer [data-photo-step]:focus-visible{opacity:1;color:var(--htb-accent)}
#htb-site #htb-photo-viewer.htb-selected-viewer [data-photo-step]:focus-visible{outline:2px solid var(--htb-accent);outline-offset:-4px}
#htb-site #htb-photo-viewer.htb-selected-viewer .htb-viewer-close{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:3;min-height:44px;padding:0 8px;border-radius:0;background:none;color:var(--htb-ink);font:12px/1 Arial,Helvetica,sans-serif;opacity:0;transition:opacity .2s ease;cursor:pointer}
#htb-site #htb-photo-viewer.htb-selected-viewer[data-selected-state=open] .htb-viewer-close{opacity:1}
#htb-site #htb-photo-viewer.htb-selected-viewer .htb-viewer-close:focus-visible{outline:2px solid var(--htb-accent);outline-offset:3px}
#htb-site #htb-photo-viewer.htb-selected-viewer .htb-viewer-close:focus:not(:focus-visible){outline:none}
#htb-site #htb-photo-viewer.htb-selected-viewer[data-selected-input=pointer] button:focus{outline:none}
@media(prefers-reduced-motion:reduce){#htb-site #htb-photo-viewer.htb-selected-viewer::backdrop,#htb-site #htb-photo-viewer.htb-selected-viewer .htb-viewer-close,#htb-site #htb-photo-viewer.htb-selected-viewer [data-photo-step]{transition:none}}
