.stgb-columns-showcase{--stgb-font-interface:var(--wp--preset--font-family--space-grotesk, "Space Grotesk", sans-serif);--stgb-font-display:var(--wp--preset--font-family--outfit, "Outfit", sans-serif);--stgb-surface:var(--wp--preset--color--darker-grey, #202020);--stgb-ink:var(--wp--preset--color--darkest-grey, #050505);--stgb-paper:var(--wp--preset--color--secondary, #fff8e2);--stgb-orange:var(--wp--preset--color--primary, #e67d53);--stgb-orange-light:var(--wp--preset--color--primary-light, #f2946e);--stgb-orange-dark:var(--wp--preset--color--primary-dark, #a94b28);--showcase-background:#101614;--showcase-text:var(--stgb-paper);--showcase-muted:#c9d7c4;--showcase-border:#3b4941;--showcase-accent:var(--stgb-orange);--showcase-divider:#344039;--showcase-focus:var(--stgb-orange-light);--showcase-tab-background:transparent;--showcase-tab-text:var(--showcase-text);--showcase-tab-border:#48564c;--showcase-active-background:var(--stgb-orange);--showcase-active-text:#101614;--showcase-active-border:var(--showcase-active-background);--showcase-parent-background:rgba(255, 248, 226, .025);--showcase-parent-border:rgba(230, 125, 83, .55);--showcase-column-background:#25382c;--showcase-column-border:#6b836b;--showcase-column-text:#d8e5cc;--showcase-heading-background:#c9d7bb;--showcase-paragraph-background:#94ad8e;--showcase-image-background:#3b5641;--showcase-buttons-background:#c9d7bb;--showcase-custom-background:#94ad8e;--showcase-element-text:#122319;--showcase-image-text:#e4ecd8;--showcase-element-border:#91a987;box-sizing:border-box;container-type:inline-size;min-width:0;max-width:100%;padding:min(4%,var(--showcase-padding, 32px));border:1px solid var(--showcase-border);background:var(--showcase-background);color:var(--showcase-text);font-family:var(--stgb-font-interface);font-size:14px;font-weight:400;line-height:1.5}.stgb-columns-showcase *,.stgb-columns-showcase *::before,.stgb-columns-showcase *::after{box-sizing:border-box}.stgb-columns-showcase p{margin:0;color:inherit;font:inherit}.stgb-columns-showcase__parent-label,.stgb-columns-showcase__column-label{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.stgb-columns-showcase__header,.stgb-columns-showcase__footer,.stgb-columns-showcase__parent-label>span+span{display:none}.stgb-columns-showcase__accent{color:var(--showcase-accent)}.stgb-columns-showcase__tabs{display:none;flex-wrap:wrap;gap:10px;margin-bottom:20px}.stgb-columns-showcase.is-interactive .stgb-columns-showcase__tabs{display:flex}.stgb-columns-showcase__tab{appearance:none;cursor:pointer;margin:0;min-height:44px;padding:8px 14px;border:1px solid var(--showcase-tab-border);border-radius:0;box-shadow:none;background:var(--showcase-tab-background);color:var(--showcase-tab-text);font:inherit;font-size:15px;line-height:1.4;text-transform:none;letter-spacing:0;transition:color 160ms ease,background-color 160ms ease,border-color 160ms ease}.stgb-columns-showcase__tab[aria-selected=true],.stgb-columns-showcase__tab:hover{background:var(--showcase-active-background);border-color:var(--showcase-active-border);color:var(--showcase-active-text)}.stgb-columns-showcase__tab:focus-visible,.stgb-columns-showcase__viewport:focus-visible,.stgb-columns-showcase__panel:focus-visible{outline:2px solid var(--showcase-focus);outline-offset:4px}.stgb-columns-showcase__panel{min-width:0}.stgb-columns-showcase__panel[hidden]{display:none!important}.stgb-columns-showcase__panel+.stgb-columns-showcase__panel{margin-top:24px}.stgb-columns-showcase.is-interactive .stgb-columns-showcase__panel+.stgb-columns-showcase__panel{margin-top:0}.stgb-columns-showcase__fallback-title{margin:0 0 12px;color:var(--showcase-text);font:600 20px/1.2 var(--stgb-font-display)}.stgb-columns-showcase.is-interactive .stgb-columns-showcase__fallback-title{display:none}.stgb-columns-showcase__viewport{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--showcase-column-border) var(--showcase-parent-background);padding:1px}.stgb-columns-showcase__diagram{padding:14px;border:1px solid var(--showcase-parent-border);background:var(--showcase-parent-background)}.stgb-columns-showcase__parent-label{margin-bottom:12px;color:var(--showcase-muted)}.stgb-columns-showcase__columns{display:grid;align-items:start;gap:var(--showcase-gap,12px)}.stgb-columns-showcase__column{display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid var(--showcase-column-border);background:var(--showcase-column-background);color:var(--showcase-column-text)}.stgb-columns-showcase__column-label{gap:4px 8px;flex-wrap:wrap;margin-bottom:12px;line-height:1.4}.stgb-columns-showcase__column-label>span{overflow-wrap:anywhere}.stgb-columns-showcase__column-label>span:last-child{white-space:nowrap;margin-inline-start:auto}.stgb-columns-showcase__elements{display:flex;flex-direction:column;gap:var(--showcase-element-gap,12px)}.stgb-columns-showcase__element{display:flex;flex-direction:column;justify-content:center;padding:8px;border:1px solid var(--showcase-element-line,var(--showcase-element-border));background:var(--showcase-element-background);color:var(--showcase-element-color,var(--showcase-element-text));font-size:12px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.stgb-columns-showcase__description{margin-top:16px!important;white-space:pre-line;overflow-wrap:anywhere}.stgb-columns-showcase__scroll-hint{display:none;margin-top:10px!important;color:var(--showcase-muted)!important;font-size:12px!important}.stgb-columns-showcase__parent-label span{overflow-wrap:anywhere}@container (width < 522px){.stgb-columns-showcase__panel--columns-1 .stgb-columns-showcase__scroll-hint{display:block}}@container (width < 522px){.stgb-columns-showcase__panel--columns-2 .stgb-columns-showcase__scroll-hint{display:block}}@container (width < 522px){.stgb-columns-showcase__panel--columns-3 .stgb-columns-showcase__scroll-hint{display:block}}@container (width < 642px){.stgb-columns-showcase__panel--columns-4 .stgb-columns-showcase__scroll-hint{display:block}}@container (width < 802px){.stgb-columns-showcase__panel--columns-5 .stgb-columns-showcase__scroll-hint{display:block}}@container (width < 962px){.stgb-columns-showcase__panel--columns-6 .stgb-columns-showcase__scroll-hint{display:block}}@container (max-width:521px){.stgb-columns-showcase__tab{min-height:44px;font-size:14px;padding:8px 12px}.stgb-columns-showcase__tabs{gap:8px;margin-bottom:16px}}@media(prefers-reduced-motion:reduce){.stgb-columns-showcase__tab{transition:none}}