:root{--shots-gap:12px;--shots-panel:#141414;--shots-border:#333;--shots-text:#ddd;--shots-dim:#888;--shots-warn:#f5c518;--shots-bad:#ff5c5c}body{color:var(--shots-text);padding:0 0 var(--shots-gap);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:none;font-family:DepartureMono,ui-monospace,monospace;font-size:11px}#demo-banner .shots-banner-title{text-align:center;flex-direction:column;gap:6px}:is(#demo-banner .shots-banner-title) h1,:is(#demo-banner .shots-banner-title) p{margin:0}:is(#demo-banner .shots-banner-title) h1{font-size:22px;font-weight:400}@media (max-width:740px){:is(#demo-banner .shots-banner-title) h1{font-size:16px}}:is(:is(#demo-banner .shots-banner-title) h1) a{color:inherit;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}@media (max-width:740px){:is(#demo-banner .shots-banner-title) p{text-wrap:balance;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:50vw;font-size:10px;line-height:1.2;display:-webkit-box;overflow:hidden}}#demo-banner .shots-banner-tools{grid-column:3;justify-self:end;gap:8px;display:flex}:is(#demo-banner .shots-banner-tools) button{color:inherit;font:inherit;background:0 0;border:2px solid;padding:6px 10px}#demo-banner .shots-banner-filter{width:15vw;max-width:210px}#shots-capture{border:2px solid var(--shots-border);margin:var(--shots-gap);padding:var(--shots-gap)}#shots-capture .shots-demos{flex-wrap:wrap;gap:4px 12px;margin-bottom:8px;display:flex;overflow-y:auto}#shots-capture .shots-row{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}:is(#shots-capture .shots-row):last-child{margin-bottom:0}#shots-capture button{background:var(--shots-panel);border:2px solid var(--shots-border);color:var(--shots-text);padding:4px 10px}#shots-gallery{padding:0 var(--shots-gap);outline:none;flex-wrap:wrap;align-items:flex-start;gap:2px;display:flex}.shots-tile{--shots-tile-pad:4px;padding:var(--shots-tile-pad);border:2px solid #0000;margin:0;position:relative}.shots-tile .shots-diff-overlay{left:var(--shots-tile-pad);top:var(--shots-tile-pad);position:absolute}.shots-tile img,.shots-tile canvas{image-rendering:pixelated;display:block}.shots-tile .shots-caption{justify-content:center;gap:8px;padding-top:4px;display:flex}.shots-tile .shots-badge{background:var(--shots-warn);color:#000;padding:0 4px}.shots-tile .shots-badge-error{background:var(--shots-bad)}.shots-tile .shots-stack-count{background:var(--shots-border);color:inherit;cursor:pointer;font:inherit;border:0;padding:0 4px;position:absolute;top:4px;right:4px}.shots-tile .shots-error{color:var(--shots-bad);padding:8px}.shots-tile[data-focused=true]{border-color:var(--color-accent)}.shots-tile[data-selected=true]{outline:2px solid var(--color-accent)}.shots-tile[data-flagged=true] .shots-caption:before{color:var(--shots-warn);content:"x"}#shots-info{background:var(--shots-panel);border:1px solid var(--shots-border);bottom:var(--shots-gap);max-width:360px;padding:var(--shots-gap);right:var(--shots-gap);white-space:pre-wrap;position:fixed}#shots-lightbox,#shots-help-overlay{z-index:10;background:#000000f2;position:fixed;inset:0;overflow:auto}#shots-lightbox .shots-stage{place-items:center;min-height:100%;display:grid;position:relative}#shots-lightbox img{image-rendering:pixelated;display:block}#shots-lightbox .shots-diff-overlay{pointer-events:none;position:absolute}[hidden]:is(#shots-lightbox .shots-diff-overlay){display:none}#shots-lightbox .shots-grid{pointer-events:none;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);position:absolute;inset:0}#shots-lightbox .shots-lightbox-caption{color:var(--shots-dim);white-space:nowrap;font-size:11px;position:absolute;transform:translate(-50%)}#shots-help-overlay{padding:32px}#shots-help-overlay table{border-collapse:collapse}#shots-help-overlay td{vertical-align:top;padding:2px 16px 2px 0}#shots-help-overlay kbd{background:var(--shots-panel);border:1px solid var(--shots-border);padding:0 4px}#shots-frame{border:0;width:960px;height:720px;position:fixed;top:0;left:-10000px}