.app-shot{--gutter:0px;--gap:22px;width:min(100%, calc(var(--w) + var(--gutter)));min-width:0;margin:0}.app-shot[data-notes]{--gutter:210px}.app-shot[data-notes=right]{padding-right:var(--gutter)}.app-shot[data-notes=left]{padding-left:var(--gutter);margin-left:auto}.app-shot-frame{background:var(--surface-panel);border:1px solid var(--border-strong);box-shadow:0 40px 80px -44px var(--scrim), var(--shadow-2);border-radius:16px}.app-shot-screen{background:var(--surface-canvas);border-radius:15px;position:relative}.app-shot[data-bare] .app-shot-frame{border-radius:var(--radius-lg,16px);background:0 0;border:0}.app-shot[data-bare] .app-shot-screen{border-radius:var(--radius-lg,16px);background:0 0}.app-shot-img{object-fit:cover;object-position:top left;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}html[data-appearance=mineral] .app-shot-dark,html[data-appearance=dune] .app-shot-dark,html:not([data-appearance=mineral]):not([data-appearance=dune]) .app-shot-light{display:none}.shot-note{z-index:2;pointer-events:none;position:absolute;inset:0}.shot-pin{left:var(--x);top:var(--y);background:var(--card-color,var(--primary));width:11px;height:11px;box-shadow:0 0 0 3px var(--surface-panel);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.shot-lead{top:var(--y);border-top:1.5px solid var(--card-color,var(--primary));height:0;position:absolute}.shot-label{top:var(--y);width:calc(var(--gutter) - var(--gap) - 8px);color:var(--text-0);font-size:13px;font-weight:600;line-height:1.4;position:absolute;transform:translateY(-50%)}[data-notes=right] .shot-lead{left:var(--x);right:calc(-1 * var(--gap))}[data-notes=right] .shot-label{left:calc(100% + var(--gap) + 8px)}[data-notes=left] .shot-lead{left:calc(-1 * var(--gap));right:calc(100% - var(--x))}[data-notes=left] .shot-label{right:calc(100% + var(--gap) + 8px);text-align:right}@media (max-width:760px){.app-shot[data-notes]{--gutter:0px}.shot-note{display:none}.app-shot-frame{border-radius:12px}.app-shot-screen{border-radius:11px}}@media (forced-colors:active){.app-shot-frame{border:1px solid canvastext}.shot-pin{background:highlight}.shot-lead{border-color:canvastext}}