.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);text-align:center;margin-top:13px;line-height:150%}.demo-hero-subtitle h3,.demo-hero-subtitle a{font-size:inherit}.demo-session-nav a{gap:var(--size05);flex-direction:column;text-decoration:none;display:flex}.demo-session-nav a h4,.demo-session-nav a h5{padding-inline:var(--size4) var(--size9);text-wrap:pretty;border-left:2px solid #0000}.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{width:100%;margin-block:0}.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);padding:var(--size1);text-transform:uppercase;font-weight:300}.demo .editorial-copy p{line-height:1.5}.demo p.meta{align-items:center;gap:var(--size2);display:flex}.author{font-size:var(--font-xs);display:inline-flex}.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{border-radius:var(--radius-sm);font-size:var(--font-sm);text-align:center;background:#fff8e6;border:1px solid #ffbd14;line-height:1.5}