/* stage.css · the page inside a component's frame. The component's own
   stylesheet comes after it and sets everything else. */
html, body { height: auto; min-height: 100%; }
/* the collections were written for the browser's own base, 16 px with a normal line height */
body { margin: 0; font-size: 16px; line-height: normal; letter-spacing: 0; font-family: var(--font); font-feature-settings: var(--font-features); -webkit-font-smoothing: antialiased; }
:where(svg) { display: inline; }
:where(em, i, cite) { font-style: inherit; }
:focus-visible { outline: 1px solid var(--accent); outline-offset: 2px; }
/* the live pointer's finger, for a component that shows a phone (assets/pointer.js) */
.finger { background: color-mix(in srgb, var(--gray-900) 16%, transparent); border: 2px solid color-mix(in srgb, var(--gray-0) 90%, transparent); }
.finger.tap { background: color-mix(in srgb, var(--gray-900) 32%, transparent); }