.component-section{margin-bottom:var(--cds-spacing-10)}.component-section:last-child{margin-bottom:0}.component-section__accordion{margin-top:var(--cds-spacing-06)}.component-section__accordion-header{justify-content:space-between;align-items:center;gap:var(--cds-spacing-03);width:100%;display:flex}.component-section__accordion-title{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);line-height:var(--cds-heading-01-line-height,1.42857);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);flex:1}.component-section__accordion-meta{align-items:center;gap:var(--cds-spacing-03);flex-shrink:0;display:flex}.component-section__accordion-labels{align-items:center;gap:var(--cds-spacing-02);flex-wrap:wrap;display:flex}.component-section__grid{margin-top:var(--cds-spacing-06)}.component-section__preview{background-color:var(--cds-background);width:100%;min-height:200px;padding:var(--cds-spacing-05);border-bottom:1px solid var(--cds-border-subtle);margin:calc(var(--cds-spacing-05)*-1)calc(var(--cds-spacing-05)*-1)var(--cds-spacing-05)calc(var(--cds-spacing-05)*-1);border-radius:6px 6px 0 0;justify-content:center;align-items:center;display:flex}
.component-navigation{z-index:10;background-color:var(--cds-background);border-bottom:1px solid var(--cds-border-subtle);padding:var(--cds-spacing-05)0;margin-bottom:var(--cds-spacing-07);position:sticky;top:80px}.component-navigation__list{gap:var(--cds-spacing-05);scrollbar-width:none;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.component-navigation__list::-webkit-scrollbar{display:none}.component-navigation__item{flex-shrink:0}.component-navigation__link{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);padding:var(--cds-spacing-03)var(--cds-spacing-05);color:var(--cds-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;transition:all .2s}.component-navigation__link:hover{color:var(--cds-text-primary);background-color:var(--cds-layer-hover)}.component-navigation__link.active{color:var(--cds-text-primary);background-color:var(--cds-layer-selected);font-weight:600}