.cl-swatch{display:inline-block;width:2rem;height:2rem;border:var(--tblr-border-width) solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);background:var(--cl-swatch);vertical-align:middle}.cl-swatch-wide{width:100%;height:2.5rem}.cl-preview{padding:calc(1.5rem * var(--dcm-space-scale));border:var(--tblr-border-width) dashed var(--tblr-border-color);border-radius:var(--tblr-border-radius-lg);background:var(--tblr-bg-surface-secondary)}.cl-preview>.page-header{margin:0}.cl-code{white-space:pre-wrap;word-break:break-word}.cl-nav-sample{padding:.75rem 1rem;border-radius:var(--tblr-border-radius);background:var(--dcm-nav-bg);color:var(--dcm-nav-fg)}