:where(screenshot-gallery,screenshot-carousel){--_shots-font:var(--shots-font,system-ui, -apple-system, "Segoe UI", sans-serif);--_shots-ink:var(--shots-ink,#1d1d1f);--_shots-ink-muted:var(--shots-ink-muted,#6e6e73);--_shots-surface:var(--shots-surface,#fff);--_shots-surface-raised:var(--shots-surface-raised,#f5f5f7);--_shots-border:var(--shots-border,#d2d2d7);--_shots-accent:var(--shots-accent,#1d1d1f);--_shots-accent-ink:var(--shots-accent-ink,#fff);--_shots-focus:var(--shots-focus,#0071e3);--_shots-radius:var(--shots-radius,12px);--_shots-button-size:var(--shots-button-size,2.25rem);--_shots-bezel:var(--shots-bezel,#1c1c1e);--_shots-bezel-edge:var(--shots-bezel-edge,#3a3a3c);--_shots-shadow:var(--shots-shadow,0 12px 32px #0000002e);--_shots-stage-height:var(--shots-stage-height,min(60vh, 44rem));--_shots-stage-padding:var(--shots-stage-padding,1rem);--_shots-thumb-height:var(--shots-thumb-height,5.5rem);--_shots-thumb-max-width:var(--shots-thumb-max-width,9rem);--_shots-backdrop:var(--shots-backdrop,#000000d1);--_shots-expanded-z:var(--shots-expanded-z,1000);--_shots-carousel-slide-width:var(--shots-carousel-slide-width,clamp(11rem, 58vw, 15rem));--_shots-carousel-gap:var(--shots-carousel-gap,1.5rem);--_shots-carousel-padding:var(--shots-carousel-padding,1rem);color:var(--_shots-ink);font-family:var(--_shots-font);display:block}:where(screenshot-gallery[hidden],screenshot-carousel[hidden]){display:none}@media (prefers-color-scheme:dark){:where(screenshot-gallery,screenshot-carousel){--_shots-ink:var(--shots-ink,#f5f5f7);--_shots-ink-muted:var(--shots-ink-muted,#a1a1a6);--_shots-surface:var(--shots-surface,#161617);--_shots-surface-raised:var(--shots-surface-raised,#232325);--_shots-border:var(--shots-border,#3a3a3c);--_shots-accent:var(--shots-accent,#f5f5f7);--_shots-accent-ink:var(--shots-accent-ink,#161617);--_shots-focus:var(--shots-focus,#2997ff);--_shots-bezel:var(--shots-bezel,#0b0b0c);--_shots-bezel-edge:var(--shots-bezel-edge,#48484a);--_shots-shadow:var(--shots-shadow,0 12px 32px #00000080)}}.shots-host :where(button){font:inherit;color:inherit}:where(.shots-host) :where(button,a,[tabindex]):focus-visible{outline:2px solid var(--_shots-focus);outline-offset:2px}.shots-icon{width:1.25rem;height:1.25rem;display:inline-flex}.shots-icon :where(svg){width:100%;height:100%}.shots-status{border:1px solid var(--_shots-border);border-radius:var(--_shots-radius);background:var(--_shots-surface);color:var(--_shots-ink-muted);text-align:center;place-items:center;padding:2rem 1rem;display:grid}:where(screenshot-gallery) .shots-status:where([data-state=loading]){min-height:calc(var(--_shots-stage-height) + var(--_shots-thumb-height) + 7rem)}.shots-gallery{border:1px solid var(--_shots-border);border-radius:var(--_shots-radius);background:var(--_shots-surface);flex-direction:column;display:flex;overflow:hidden}.shots-gallery:where([data-expanded]){z-index:var(--_shots-expanded-z);border:0;border-radius:0;position:fixed;inset:0}.shots-toolbar{border-bottom:1px solid var(--_shots-border);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem 1rem;display:flex}.shots-title{text-overflow:ellipsis;white-space:nowrap;flex:10rem;margin:0;font-weight:600;overflow:hidden}.shots-toggle{border:1px solid var(--_shots-border);border-radius:999px;padding:2px;display:inline-flex}.shots-toggle-button{cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .75rem;display:inline-flex}.shots-toggle-button:where([aria-pressed=true]){background:var(--_shots-accent);color:var(--_shots-accent-ink)}.shots-actions{gap:.25rem;display:inline-flex}.shots-icon-button{width:var(--_shots-button-size);height:var(--_shots-button-size);border:1px solid var(--_shots-border);background:var(--_shots-surface);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:inline-grid}.shots-icon-button:where(:disabled){opacity:.4;cursor:default}.shots-body{flex-direction:column;flex:auto;min-height:0;display:flex}.shots-track{height:var(--_shots-stage-height);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;background:var(--_shots-surface-raised);display:flex;position:relative;overflow:auto hidden}:where(.shots-gallery[data-expanded]) .shots-track{flex:auto;height:auto}.shots-track::-webkit-scrollbar{display:none}.shots-slide{box-sizing:border-box;height:100%;padding:var(--_shots-stage-padding);scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;justify-content:center;align-items:center;display:flex}.shots-frame{box-sizing:content-box;border:1px solid var(--_shots-border);border-radius:calc(var(--_shots-radius) / 2);background:var(--_shots-surface);cursor:zoom-in;max-width:100%;padding:0;display:block;overflow:hidden}.shots-image{max-width:100%;height:auto;display:block}:where(.shots-gallery[data-frame=phone],.shots-gallery[data-frame=tablet]) .shots-frame:where(:not(.shots-missing)){padding:var(--shots-frame-pad,.6rem);border-radius:calc(var(--shots-frame-radius,1.5rem) + var(--shots-frame-pad,.6rem));background:var(--_shots-bezel);box-shadow:inset 0 0 0 1px var(--_shots-bezel-edge), var(--_shots-shadow);border:0}:where(.shots-gallery[data-frame=phone],.shots-gallery[data-frame=tablet]) :where(.shots-frame:not(.shots-missing)) .shots-image{border-radius:var(--shots-frame-radius,1.5rem)}.shots-missing{max-width:24rem;color:var(--_shots-ink-muted);text-align:center;cursor:default;place-items:center;padding:1.5rem;display:grid}.shots-navrow{justify-content:center;align-items:center;gap:1rem;padding:.5rem;display:flex}.shots-counter{min-width:4.5rem;color:var(--_shots-ink-muted);font-variant-numeric:tabular-nums;text-align:center;margin:0}.shots-filmstrip{--_shots-thumb-width:clamp(4.5rem, calc(var(--_shots-thumb-height) * var(--_shots-thumb-ratio,.75)), calc(var(--_shots-thumb-max-width) - .5rem));overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:.5rem;padding:.25rem 1rem 1rem;display:flex;position:relative;overflow-x:auto}.shots-thumb{box-sizing:content-box;width:var(--_shots-thumb-width);border-radius:calc(var(--_shots-radius) / 2);cursor:pointer;scroll-snap-align:start;background:0 0;border:1px solid #0000;flex-direction:column;flex:none;gap:.25rem;padding:.25rem;display:flex}.shots-thumb:where([aria-current=true]){border-color:var(--_shots-accent)}.shots-thumb-image{width:100%;height:var(--_shots-thumb-height);background:var(--_shots-surface-raised);border-radius:4px;display:block;overflow:hidden}.shots-thumb-image :where(img){object-fit:cover;object-position:top;width:100%;height:100%;display:block}.shots-thumb-label{min-width:0;max-width:100%;color:var(--_shots-ink-muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;display:block;overflow:hidden}:where(.shots-thumb[aria-current=true]) .shots-thumb-label{color:var(--_shots-ink)}.shots-lightbox{background:0 0;border:0;max-width:100vw;max-height:100vh;padding:0;overflow:visible}.shots-lightbox::backdrop{background:var(--_shots-backdrop)}.shots-lightbox-backdrop{cursor:zoom-out;background:0 0;border:0;position:fixed;inset:0}.shots-lightbox-frame{position:relative}.shots-lightbox-image{border-radius:var(--shots-lightbox-radius,8px);width:auto;max-width:94vw;height:auto;max-height:92vh;display:block}:where(.shots-lightbox[data-frame=phone],.shots-lightbox[data-frame=tablet]) .shots-lightbox-frame{padding:var(--shots-frame-pad,.75rem);border-radius:calc(var(--shots-frame-radius,2rem) + var(--shots-frame-pad,.75rem));background:var(--_shots-bezel);box-shadow:inset 0 0 0 1px var(--_shots-bezel-edge)}:where(.shots-lightbox[data-frame=phone],.shots-lightbox[data-frame=tablet]) .shots-lightbox-image{border-radius:var(--shots-frame-radius,2rem)}.shots-lightbox-close{width:var(--_shots-button-size);height:var(--_shots-button-size);color:#1d1d1f;cursor:pointer;background:#ffffffe6;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:fixed;top:1rem;right:1rem}:where(.shots-lightbox) .shots-missing{background:var(--_shots-surface);border-radius:var(--_shots-radius);position:relative}.shots-carousel{position:relative}.shots-carousel-track{overscroll-behavior-x:contain;padding:.5rem var(--_shots-carousel-padding) 2.5rem;scroll-padding-inline:var(--_shots-carousel-padding);scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;overflow-x:auto}.shots-carousel-track::-webkit-scrollbar{display:none}.shots-carousel-list{gap:var(--_shots-carousel-gap);margin:0;padding:0;list-style:none;display:flex}.shots-carousel-slide{flex:0 0 var(--_shots-carousel-slide-width);scroll-snap-align:start}.shots-carousel-slide :where(figure){margin:0}.shots-carousel-slide :where(figcaption){color:var(--_shots-ink-muted);text-align:center;margin-top:.75rem;font-size:.875rem}.shots-device{color:inherit;display:block;container-type:inline-size}.shots-device :where(picture){display:block}.shots-device :where(img){border-radius:calc(var(--_shots-radius) / 2);width:100%;height:auto;display:block}:where(.shots-carousel[data-frame=phone],.shots-carousel[data-frame=tablet]) .shots-device :where(picture){--shots-frame-pad:3.5cqi;--shots-frame-radius:calc((100cqi - 2 * var(--shots-frame-pad)) * .1214);padding:var(--shots-frame-pad);border-radius:calc(var(--shots-frame-radius) + var(--shots-frame-pad));background:var(--_shots-bezel);box-shadow:inset 0 0 0 1px var(--_shots-bezel-edge), var(--_shots-shadow)}:where(.shots-carousel[data-frame=tablet]) .shots-device :where(picture){--shots-frame-pad:3cqi;--shots-frame-radius:calc((100cqi - 2 * var(--shots-frame-pad)) * .025)}:where(.shots-carousel[data-frame=phone],.shots-carousel[data-frame=tablet]) .shots-device :where(img){border-radius:var(--shots-frame-radius)}.shots-device:where(a:focus-visible){outline:none}.shots-device:where(a:focus-visible) :where(picture){outline:2px solid var(--_shots-focus);outline-offset:3px}.shots-carousel-controls{padding:0 var(--_shots-carousel-padding);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.shots-carousel-view-all{color:var(--shots-link,var(--_shots-ink));text-underline-offset:.2em;margin-inline-end:auto;font-weight:600;text-decoration:underline}.shots-carousel-step{width:var(--_shots-button-size);height:var(--_shots-button-size);border:1px solid var(--_shots-border);background:var(--_shots-surface);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:inline-grid}@media (prefers-reduced-motion:no-preference){:is(.shots-track,.shots-carousel-track,.shots-filmstrip){scroll-behavior:smooth}.shots-device:where(a) :where(picture){transition:transform .2s}@media (hover:hover){.shots-device:where(a:hover) :where(picture){transform:translateY(-4px)}}}.phone-carousel{margin-top:var(--site-space-8)}.phone-carousel screenshot-carousel{--shots-carousel-padding:var(--site-gutter);--shots-carousel-gap:var(--site-space-5);--shots-carousel-slide-width:clamp(13.5rem, 60vw, 16.5rem);margin-inline:calc(-1 * var(--site-gutter));display:block}.phone-carousel .shots-carousel-slide figcaption{margin-top:var(--site-space-4);color:var(--site-ink-2);font:500 var(--site-text-mono-sm) / 1.4 var(--site-font-mono)}.phone-carousel .shots-carousel-view-all{padding-block:calc((var(--site-target) - 1.2em) / 2);color:var(--shots-link);font:600 var(--site-text-mono) / 1.2 var(--site-font-mono);text-underline-offset:4px;text-decoration-skip-spaces:none;text-decoration:underline 1px}.phone-carousel .shots-carousel-view-all:after{content:" →" / "";white-space:pre}.phone-carousel .shots-carousel-view-all:focus-visible{text-decoration-thickness:2px}@media (hover:hover){.phone-carousel .shots-carousel-view-all:hover{text-decoration-thickness:2px}}.screenshots-gallery{margin-top:var(--site-space-6);display:block}.screenshots-still{width:auto;max-width:100%;height:auto;max-height:80vh;display:block}