.screenshots-browser{height:min(80vh,52.5rem);margin-top:var(--site-space-6);contain:inline-size;border:1px solid var(--site-line-strong);background:var(--site-bg);color:var(--site-ink);flex-direction:column;display:flex;overflow:hidden}.screenshots-browser__toggle-button,.screenshots-browser__icon-button,.screenshots-browser__thumb,.screenshots-browser__zoom,.screenshots-browser__lightbox-close{appearance:none;border-radius:var(--site-radius);color:inherit;cursor:pointer;margin:0}.screenshots-browser__toggle-button:focus-visible,.screenshots-browser__thumb:focus-visible{z-index:1;position:relative}.screenshots-browser__icon-button{width:var(--site-target);height:var(--site-target);border:1px solid var(--site-line-strong);background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.screenshots-browser__icon-button:disabled{cursor:default;opacity:.4}@media (hover:hover){.screenshots-browser__icon-button:hover:not(:disabled){background:var(--site-surface-muted)}.screenshots-browser__toolbar .screenshots-browser__icon-button:hover,.screenshots-browser__toggle-button:not([aria-pressed=true]):hover{background:var(--site-surface)}}@media (prefers-reduced-motion:no-preference){.screenshots-browser__toggle-button,.screenshots-browser__icon-button,.screenshots-browser__thumb,.screenshots-browser__lightbox-close{transition:background-color .12s,color .12s}.screenshots-browser__filmstrip{scroll-behavior:smooth}}.screenshots-browser__toolbar{align-items:center;gap:var(--site-space-2) var(--site-space-3);padding:var(--site-space-2) var(--site-space-2) var(--site-space-2) var(--site-space-4);border-bottom:1px solid var(--site-line-strong);background:var(--site-surface-muted);flex-wrap:wrap;display:flex}.screenshots-browser__title{min-width:0;font:600 var(--site-text-mono) / 1.3 var(--site-font-mono);flex:12rem;margin:0}.screenshots-browser__toggle{border:1px solid var(--site-line-strong);min-width:0;margin:0;padding:0;display:inline-flex}.screenshots-browser__toggle-button{justify-content:center;align-items:center;gap:var(--site-space-2);min-height:var(--site-target);padding:0 var(--site-space-3);font:500 var(--site-text-mono-sm) / 1 var(--site-font-mono);white-space:nowrap;background:0 0;border:0;display:inline-flex}.screenshots-browser__toggle-button+.screenshots-browser__toggle-button{border-left:1px solid var(--site-line-strong)}.screenshots-browser__toggle-button[aria-pressed=true]{background:var(--site-ink);color:var(--site-bg)}.screenshots-browser__body{flex-direction:column;flex:1;min-height:0;display:flex}.screenshots-browser__stage{min-width:0;min-height:0;padding:var(--site-space-5) var(--site-space-5) var(--site-space-3);flex:1;justify-content:center;align-items:center;display:flex}.screenshots-browser__frame{border:1px solid var(--site-line-strong);background:var(--site-surface);justify-content:center;align-items:center;min-width:0;max-width:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.screenshots-browser__zoom{font:inherit;cursor:zoom-in;padding:0}.screenshots-browser__image{object-fit:contain;max-width:100%;height:auto;max-height:100%;display:block}.screenshots-browser__missing{max-width:22rem;padding:var(--site-space-7) var(--site-space-5);color:var(--site-ink-2);font-size:var(--site-text-small);text-align:center;line-height:1.5}.screenshots-browser__navrow{justify-content:center;align-items:center;gap:var(--site-space-3);padding:0 var(--site-space-5) var(--site-space-3);flex:none;display:flex}.screenshots-browser__counter{min-width:7ch;color:var(--site-ink-3);font:500 var(--site-text-mono-sm) / 1 var(--site-font-mono);font-variant-numeric:tabular-nums;text-align:center;margin:0}.screenshots-browser__filmstrip{gap:var(--site-space-2);padding:var(--site-space-3);border-top:1px solid var(--site-line-strong);background:var(--site-surface-muted);scrollbar-width:thin;flex:none;display:flex;position:relative;overflow:auto hidden}.screenshots-browser__thumb{gap:var(--site-space-2);width:9.5rem;padding:var(--site-space-1);border:1px solid var(--site-line-strong);background:var(--site-surface);text-align:left;flex-direction:column;flex:none;display:flex}@media (hover:hover){.screenshots-browser__thumb:not([aria-current=true]):hover{border-color:var(--site-ink)}}.screenshots-browser__thumb[aria-current=true]{border-color:var(--site-ink);background:var(--site-ink);color:var(--site-bg)}.screenshots-browser__thumb img,.screenshots-browser__thumb-missing{background:var(--site-bg);object-fit:cover;object-position:left top;width:100%;height:4.5rem;display:block}.screenshots-browser__thumb-label{min-height:2.6em;padding:0 var(--site-space-1) var(--site-space-1);font:500 var(--site-text-mono-sm) / 1.3 var(--site-font-mono);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.screenshots-browser__lightbox{--site-focus:var(--site-chrome-ink);width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:var(--site-space-8) var(--site-space-6);background:0 0;border:0;justify-content:center;align-items:center;margin:0}.screenshots-browser__lightbox[open]{display:flex}.screenshots-browser__lightbox::backdrop{background:#000000d9}.screenshots-browser__lightbox-backdrop{appearance:none;cursor:zoom-out;background:0 0;border:0;padding:0;position:absolute;inset:0}.screenshots-browser__lightbox-image{border:1px solid var(--site-chrome-line);object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;position:relative}.screenshots-browser__lightbox .screenshots-browser__missing{background:var(--site-surface);position:relative}.screenshots-browser__lightbox-close{top:var(--site-space-3);right:var(--site-space-3);width:var(--site-target);height:var(--site-target);border:1px solid var(--site-chrome-ink-2);background:var(--site-chrome);color:var(--site-chrome-ink);font:400 1.75rem / 1 var(--site-font-sans);justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}@media (hover:hover){.screenshots-browser__lightbox-close:hover{background:var(--site-chrome-ink);color:var(--site-chrome)}}.screenshots-browser--compact{height:auto;min-height:12rem}.screenshots-browser__status{max-width:32rem;padding:var(--site-space-5);color:var(--site-ink-2);text-align:center;margin:auto}@media (scripting:none){.screenshots-browser{display:none}}.screenshots-noscript{margin-top:var(--site-space-6)}@media (width<=699px){.screenshots-browser{height:min(85svh,45rem)}.screenshots-browser__toolbar{padding:var(--site-space-2)}.screenshots-browser__title{padding:var(--site-space-1) var(--site-space-2) 0;flex-basis:100%}.screenshots-browser__toggle{flex:1}.screenshots-browser__toggle-button{min-width:0;padding-inline:var(--site-space-2);flex:1 1 0}.screenshots-browser__stage{padding:var(--site-space-3) var(--site-space-3) var(--site-space-2)}.screenshots-browser__navrow{padding:0 var(--site-space-3) var(--site-space-2)}.screenshots-browser__filmstrip{padding:var(--site-space-2)}.screenshots-browser__thumb{width:7.5rem}.screenshots-browser__thumb img,.screenshots-browser__thumb-missing{height:3.75rem}.screenshots-browser__lightbox{padding:var(--site-space-8) var(--site-space-3) var(--site-space-3)}}@media (width<=419px){.screenshots-browser__toggle-button svg{display:none}}