:root{scroll-padding-top:5rem}body{background:var(--bs-tertiary-bg)}.gallery-nav{scrollbar-width:thin;max-height:calc(100vh - 6rem);top:5rem;overflow-y:auto}.gallery-nav .list-group-item{border-radius:var(--bs-border-radius);color:var(--bs-secondary-color);border:0;padding:.45rem .75rem}.gallery-nav .list-group-item:hover,.gallery-nav .list-group-item:focus-visible{background:var(--bs-secondary-bg);color:var(--bs-emphasis-color)}.gallery-hero{background:radial-gradient(ellipse at 90% 0, #ffffff38, transparent 36%), linear-gradient(135deg, var(--bs-primary), var(--sru-purple-deep));color:#fff;overflow:hidden}.gallery-hero .lead{color:#ffffffd1;max-width:58rem}.gallery-hero .card{color:var(--bs-body-color)}.eyebrow{color:var(--bs-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.gallery-hero .eyebrow{color:#e7d8fa}.gallery-section{margin-block:3.5rem;scroll-margin-top:6rem}.gallery-section-heading{margin-bottom:1.25rem}.gallery-section-heading h2{margin-bottom:.35rem;font-weight:800}.gallery-section-heading p:last-child{margin-bottom:0}.showcase-panel{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-lg);background:var(--bs-body-bg);box-shadow:var(--bs-box-shadow-sm);padding:clamp(1rem,2.5vw,1.5rem)}.showcase-panel.has-class-reference{flex-wrap:wrap}.icon-gallery-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.icon-gallery-toolbar .form-control{max-width:28rem}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.65rem;display:grid}.icon-card{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);min-height:6.5rem;color:var(--bs-body-color);text-align:center;align-content:center;justify-items:center;gap:.75rem;padding:.9rem .5rem;display:grid;overflow:hidden}.icon-card svg{flex:none;width:1.5rem;height:1.5rem}.icon-card-name{overflow-wrap:anywhere;max-width:100%;color:var(--bs-secondary-color);font-size:.7rem}.class-reference{border-top:1px dashed var(--bs-border-color);flex:0 0 100%;grid-column:1/-1;width:100%;min-width:100%;margin-top:1.25rem;padding-top:1rem;display:block}.class-reference summary{color:var(--bs-secondary-color);cursor:pointer;font-size:.875rem;font-weight:700}.html-editor{background:#0d1117;border:1px solid #30363d;border-radius:.6rem;margin-top:.75rem;overflow:hidden;box-shadow:0 .4rem 1.2rem #00000029}.html-editor-toolbar{color:#c9d1d9;min-height:2.5rem;font:500 .72rem/1.2 var(--bs-font-monospace);background:#161b22;border-bottom:1px solid #30363d;align-items:center;gap:.7rem;padding:.45rem .75rem;display:flex}.html-editor-dots{flex:none;gap:.3rem;display:inline-flex}.html-editor-dots i{background:#484f58;border-radius:50%;width:.55rem;height:.55rem}.html-editor-dots i:first-child{background:#ff5f57}.html-editor-dots i:nth-child(2){background:#febc2e}.html-editor-dots i:last-child{background:#28c840}.html-editor-filename{color:#c9d1d9}.html-editor-language{color:#8b949e;letter-spacing:.04em;border:1px solid #30363d;border-radius:.3rem;margin-inline-start:auto;padding:.2rem .45rem;font-size:.65rem}.html-editor pre{text-align:left;tab-size:2;direction:ltr;background:#0d1117;max-height:24rem;margin:0;padding:1rem 1.1rem;overflow:auto}.html-editor pre code{color:#e6edf3;font-family:var(--bs-font-monospace);white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font-size:.78rem;line-height:1.65}.syntax-punctuation{color:#8b949e}.syntax-tag{color:#ff7b72}.syntax-attribute{color:#79c0ff}.syntax-value{color:#a5d6ff}.syntax-comment{color:#8b949e;font-style:italic}.guide-code{color:#e6edf3;text-align:left;direction:ltr;background:#0d1117;border:1px solid #30363d;border-radius:.5rem;margin:.75rem 0;padding:.9rem 1rem;overflow:auto}.guide-code code{color:inherit;font-family:var(--bs-font-monospace);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}.ai-prompt summary{color:var(--bs-primary);cursor:pointer}.color-tile{border-radius:var(--bs-border-radius-lg);align-content:center;justify-items:start;gap:.15rem;min-height:6.5rem;padding:1rem;font-weight:700;display:grid}.color-tile code{color:inherit;opacity:.78;font-size:.75rem}.carousel-demo-slide{color:#fff;align-items:end;min-height:20rem;padding:clamp(2rem,7vw,5rem);display:grid}.carousel-demo-slide>div{max-width:38rem}.carousel-demo-slide h3{font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.slide-purple{background:linear-gradient(125deg,#501e8c,#170822)}.slide-blue{background:linear-gradient(125deg,#0a6eaa,#123d63)}.slide-dark{background:linear-gradient(125deg,#44334f,#17121d)}.placeholder-box{min-height:10rem}.toast-mark{border-radius:50%;width:.75rem;height:.75rem}.scrollspy-frame{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);background:var(--bs-tertiary-bg);padding:1rem}.scrollspy-content{border-radius:var(--bs-border-radius);background:var(--bs-body-bg);height:17rem;padding:1rem;position:relative;overflow-y:auto}.scrollspy-content h3{padding-top:.5rem;font-size:1.1rem}.spy-spacer{min-height:4rem}.ratio-demo{background:var(--bs-primary-bg-subtle)}.figure-demo{background:radial-gradient(circle at 25% 30%,#fff 0 8%,#0000 8.5%),radial-gradient(circle at 75% 65%,#ffffffbf 0 12%,#0000 12.5%),linear-gradient(135deg,#501e8c 0 48%,#0a6eaa 48% 100%);min-height:10rem}[data-bs-theme=dark] .gallery-hero{background:radial-gradient(at 90% 0,#ffffff1f,#0000 36%),linear-gradient(135deg,#3a1464,#100719)}[data-bs-theme=dark] .color-tile.bg-light{color:#241331!important}@media (width>=992px){.gallery-nav{padding-inline-end:.5rem}}@media (width<=991.98px){.gallery-nav{max-height:none}}@media (width<=575.98px){.icon-gallery-toolbar{flex-direction:column;align-items:stretch}}