.showcase-index{flex-direction:column;min-height:100vh;display:flex}.showcase-index-navbar.bp6-navbar{justify-content:space-between;align-items:center;padding:0 16px;display:flex}.showcase-index-navbar .bp6-navbar-group{gap:4px}.showcase-index-brand{color:var(--cs-color-text);font-size:var(--cs-font-size-lg);font-weight:var(--cs-font-weight-semibold);letter-spacing:-.01em;align-items:center;gap:10px;margin-right:4px;text-decoration:none;display:flex}.showcase-index-brand:hover{color:var(--cs-color-text);text-decoration:none}.showcase-index-main{width:100%;max-width:1120px;margin:0 auto;padding:44px 24px 72px}.showcase-index-header h1{color:var(--cs-color-text);font-size:var(--cs-font-size-3xl);font-weight:var(--cs-font-weight-semibold);letter-spacing:-.02em;margin:0 0 8px}.showcase-index-header p{color:var(--cs-color-text-muted);font-size:var(--cs-font-size-lg);line-height:var(--cs-line-height-normal);max-width:660px;margin:0 0 32px}.showcase-index-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.showcase-index-card.bp6-card{flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.showcase-index-card:has(.showcase-index-link:focus-visible){outline:2px solid var(--cs-color-focus);outline-offset:2px}.showcase-index-preview{aspect-ratio:8/5;border-bottom:1px solid var(--cs-color-border)}.showcase-index-preview svg{width:100%;height:100%;display:block}.showcase-index-body{flex-direction:column;gap:6px;padding:16px 18px 18px;display:flex}.showcase-index-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.showcase-index-title h2{font-size:var(--cs-font-size-xl);font-weight:var(--cs-font-weight-semibold);letter-spacing:-.01em;margin:0}.showcase-index-link,.showcase-index-link:hover{color:var(--cs-color-text);text-decoration:none}.showcase-index-link:focus-visible{outline:none}.showcase-index-link:after{content:"";position:absolute;inset:0}.showcase-index-body p{color:var(--cs-color-text-muted);line-height:var(--cs-line-height-normal);margin:0}.showcase-index-body .showcase-index-highlights{color:var(--cs-color-text-subtle);font-size:var(--cs-font-size-sm)}.showcase-preview-canvas{fill:var(--cs-color-canvas)}.showcase-preview-surface{fill:var(--cs-color-surface)}.showcase-preview-card{fill:var(--cs-color-surface);stroke:var(--cs-color-border)}.showcase-preview-border{fill:none;stroke:var(--cs-color-border)}.showcase-preview-text{fill:var(--cs-color-text-muted)}.showcase-preview-faint{fill:var(--cs-color-border-strong)}.showcase-preview-primary{fill:var(--cs-color-primary)}.showcase-preview-success{fill:var(--cs-color-success)}.showcase-preview-warning{fill:var(--cs-chart-warning)}.showcase-preview-danger{fill:var(--cs-color-danger)}.showcase-preview-neutral{fill:var(--cs-color-neutral)}.showcase-preview-success-subtle{fill:var(--cs-color-success-subtle)}.showcase-preview-danger-subtle{fill:var(--cs-color-danger-subtle)}.showcase-preview-bar{fill:var(--cs-chart-1)}.showcase-preview-line-1,.showcase-preview-line-2{fill:none;stroke:var(--cs-chart-1);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}.showcase-preview-line-2{stroke:var(--cs-chart-2)}.showcase-preview-sea{fill:color-mix(in srgb, var(--cs-chart-1) 7%, var(--cs-color-canvas))}.showcase-preview-land{fill:var(--cs-color-surface-raised);stroke:var(--cs-color-border-strong)}.showcase-preview-ring{fill:none;stroke:var(--cs-color-border-strong)}.showcase-preview-area{fill:var(--cs-color-danger);fill-opacity:.12;stroke:var(--cs-color-danger);stroke-opacity:.55}.showcase-preview-route,.showcase-preview-track{fill:none;stroke:var(--cs-color-danger);stroke-linecap:round;stroke-width:1.25px}.showcase-preview-route{stroke-dasharray:4 3}.showcase-preview-marker{stroke:var(--cs-color-surface);stroke-width:1.5px}.showcase-preview-drawing,.showcase-preview-baseline{fill:none;stroke:var(--cs-color-text-muted)}