*{box-sizing:border-box}body{background:var(--ui-canvas);color:var(--ui-ink);font-family:var(--ui-font-sans);font-size:var(--ui-body);line-height:var(--ui-body-line);margin:0}a{color:inherit}h1,h2,h3{letter-spacing:-.025em;font-weight:500}h1{font-size:var(--ui-page)}h2{font-size:var(--ui-section)}p{max-width:68ch}.demo-shell{padding-inline:var(--ui-page-gutter)}.demo-header,.demo-footer{align-items:center;gap:var(--ui-space-4);padding-block:var(--ui-space-4);flex-wrap:wrap;display:flex}.demo-header{border-bottom:1px solid var(--ui-line)}.demo-header nav{gap:var(--ui-space-4);flex-wrap:wrap;margin-left:auto;display:flex}.demo-header nav a{min-height:var(--ui-control-height);text-underline-offset:.25em;align-items:center;display:inline-flex}.demo-header nav a[aria-current]{font-weight:600}.demo-intro{padding-top:var(--ui-section-space)}.demo-panel{max-width:44rem;padding-block:var(--ui-section-space);min-height:60vh;margin-inline:auto}.demo-panel form{gap:var(--ui-space-4);max-width:28rem;display:grid}.demo-panel form button{justify-self:start}.demo-address{overflow-wrap:anywhere;font-family:var(--ui-font-mono)}.demo-footer{border-top:1px solid var(--ui-line);font-size:var(--ui-caption);color:var(--ui-muted);margin-top:var(--ui-section-space)}.demo-skip{position:absolute;top:-10rem}.demo-skip:focus{background:var(--ui-canvas);padding:var(--ui-space-4);z-index:10;top:0}@media (pointer:coarse){.demo-header nav a{min-height:44px}}