.page.demos .section-hero{padding-bottom:var(--size6);padding-top:var(--size14)}.page.demos .section-hero .section-hero-content{padding-bottom:var(--size6)}.demo-hero-subtitle{font-size:var(--font-md);line-height:150%;margin-top:13px;text-align:center}.demo-hero-subtitle h3,.demo-hero-subtitle a{font-size:inherit}.demo-session-nav a{display:flex;flex-direction:column;gap:var(--size05);text-decoration:none}.demo-session-nav a h4,.demo-session-nav a h5{border-left:2px solid transparent;padding-inline:var(--size4) var(--size9);text-wrap:pretty}.demo-session-nav a h4{padding-block:var(--size1)}.demo-session-nav a.active h4,.demo-session-nav a:hover h4{background:var(--color-foreground1)}.demo-session-nav a.active h4{border-left-color:var(--wow, var(--color-brand))}.demo-session>hgroup{padding-bottom:var(--size3)}.demo-session>hgroup h1{font-weight:600}.demo figure.video{margin-block:0;width:100%}.demo a{color:var(--color-text);text-decoration:none}.demo a:hover{text-decoration:none}.demo a:hover h3{text-decoration:underline}.demo .demo-badge{border:1px solid var(--color-border);font-size:var(--font-xxs);font-weight:300;padding:var(--size1);text-transform:uppercase}.demo .editorial-copy p{line-height:1.5}.demo p.meta{align-items:center;display:flex;gap:var(--size2)}.author{display:inline-flex;font-size:var(--font-xs)}.author .photo{background-color:var(--color-border);border-radius:var(--radius-round);height:var(--size5);width:var(--size5)}.banner{margin:0 auto var(--size8);max-width:var(--page-width);padding-inline:var(--page-width-padding-inline)}.banner>div{padding-block:var(--size4);padding-inline:var(--page-width-padding-inline)}.banner.demo-disclosure div{background:#fff8e5;border:1px solid hsl(43deg 100% 54%);border-radius:var(--radius-sm);font-size:var(--font-sm);line-height:1.5;text-align:center}