.demo-picker-view_page__qFa7R{min-height:calc(100vh - 64px);padding:var(--space-11) var(--space-4) var(--space-10);background:var(--color-paper)}.demo-picker-view_inner__6N6Uc{max-width:620px;margin:0 auto}.demo-picker-view_eyebrow__ck0FY{margin:0 0 var(--space-3);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--type-meta);letter-spacing:var(--track-mono);text-transform:uppercase}.demo-picker-view_title__o3H3O{margin:0 0 var(--space-4);color:var(--color-ink);font-family:var(--font-display);font-size:var(--type-display-m);line-height:var(--lh-snug);letter-spacing:var(--track-display)}.demo-picker-view_lede__lT8VW{margin:0 0 var(--space-8);color:var(--color-ink-soft);font-size:var(--type-body-l);line-height:var(--lh-base)}.demo-picker-view_roles__l1cma{display:grid;gap:var(--space-3);margin:0 0 var(--space-7);padding:0;list-style:none}.demo-picker-view_role__yjaJB{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-4);width:100%;padding:var(--space-4) var(--space-5);border:1px solid var(--color-edge);border-radius:var(--radius-1);background:var(--color-card);text-align:left;cursor:pointer;transition:border-color var(--duration-quick) var(--ease-standard),box-shadow var(--duration-quick) var(--ease-standard)}.demo-picker-view_role__yjaJB:hover{border-color:var(--color-accent);box-shadow:var(--elev-2)}.demo-picker-view_role__yjaJB:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.demo-picker-view_roleName__VKWW3{grid-column:1;color:var(--color-ink);font-size:var(--type-body-l);font-weight:600}.demo-picker-view_roleBody__3OzN9{grid-column:1;color:var(--color-muted);font-size:var(--type-body-s);line-height:var(--lh-base)}.demo-picker-view_roleGo__ni0tx{grid-column:2;grid-row:1/span 2;align-self:center;color:var(--color-accent);font-size:var(--type-display-s);line-height:1}.demo-picker-view_note__U8YJY{margin:0;padding-top:var(--space-5);border-top:1px solid var(--color-rule);color:var(--color-muted);font-size:var(--type-body-s);line-height:var(--lh-base)}@media (max-width:560px){.demo-picker-view_page__qFa7R{padding-top:var(--space-8)}.demo-picker-view_title__o3H3O{font-size:var(--type-display-s)}}