:root{--maxwidth:772px}.sg-header>*,.sg-main{max-width:var(--maxwidth);margin:auto}.sg-header h1{margin-top:24px}.sg-article>:not(.sg-full-width,.bf-drawer){max-width:var(--maxwidth);margin-inline:auto}.sg-resize,.sg-resize-horizontal{overflow:auto;margin-inline:auto;max-width:100%;min-height:100px;min-width:250px}.sg-resize{resize:both}.sg-resize-horizontal{resize:horizontal}.sg-first-right{display:grid;grid-gap:24px;gap:24px}@media (min-width:960px){.sg-first-right{grid-template-columns:minmax(0,1fr) 374px;align-items:start}.sg-first-right>:first-child{order:2}.sg-first-right>:nth-child(2){order:1}}.linked-heading{position:relative}.linked-heading>*{display:inline-block}.linked-heading:hover>a{visibility:visible}.linked-heading>a{visibility:hidden;-webkit-text-decoration-line:none;text-decoration-line:none;vertical-align:super;margin-left:1em}.linked-heading>a>.icon-link:after{content:"🔗"}.styleguide-content pre code{background-color:transparent}.page-demo{--bf-nav-side-width:0px;overflow:hidden;min-height:200px;position:relative}.page-demo .bf-bottom-bar,.page-demo .bf-nav-mobile,.page-demo .bf-nav-mobile-overlay,.page-demo .bf-nav-side,.page-demo .bf-nav-top.bf-nav-top{position:absolute}.page-demo .bf-nav-top.bf-nav-top{transform:translateY(0)}@media (min-width:1600px){.page-demo .bf-nav-top:not(.to-xl)~:where(main,.bf-nav-main){padding-top:56px}}.sg-article>table:not(.bf-table){width:100%;border-collapse:collapse}.sg-article>table:not(.bf-table) th{text-align:left}.sg-article>table:not(.bf-table) td{padding-block:4px}.rangeContainer{display:grid;grid-gap:8px;gap:8px;align-items:center;grid-template-columns:auto 1fr auto;margin-block:12px;accent-color:var(--bfc-theme)}.chess-pattern{--checqueredbg:hsla(var(--bfc-base-c-inverted-hsl),0.1);background-image:linear-gradient(45deg,var(--checqueredbg) 25%,transparent 25%),linear-gradient(-45deg,var(--checqueredbg) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checqueredbg) 75%),linear-gradient(-45deg,transparent 75%,var(--checqueredbg) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.bf-colortable{width:100%;margin-top:1rem}.bf-colortable th{padding-left:var(--bfs8)}.bf-colortable th:nth-child(1n+4){text-align:center}.bf-colortable td{vertical-align:top;padding:8px 4px}.bf-colortable td:nth-child(2){width:30%}.bf-colortable td:nth-child(3){width:35%}.bf-colortable td:nth-child(2n+4){border-left:var(--bf-border)}.bf-colordemo{padding:var(--bfs2) var(--bfs8);min-width:40px;min-height:27px;display:inline-block;border-radius:var(--bf-radius-xs);text-align:center;vertical-align:middle}.bf-colortable .bf-colortable-spacer{height:30px;white-space:nowrap;display:flex;align-items:center}.bf-colortable-spacer .bf-checkbox-text{display:none}.color-allowed-icon{margin-right:.5rem}.demo-checkbox-wrapper label{padding:var(--bfs4) 0}.bf-contrast-checker{gap:24px}.bf-color-picker{overflow:hidden;border-radius:var(--bf-radius-xs);background-color:var(--bfc-base-3);box-shadow:var(--bf-shadow)}.bf-color-picker-wrapper{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:24px;gap:24px;align-items:center}.bf-color-picker-swatches{--bf-autocol-width:100px;gap:24px;row-gap:16px;text-align:center}.bf-picker-swatch{display:block;width:100%;cursor:pointer;height:50px;position:relative;border:1px solid transparent;font-size:var(--bf-font-size-h4)}.bf-picker-swatch-selected{border-radius:var(--bf-radius-full);width:30px;line-height:31px;display:inline-block}.bf-contrast-table-text{border-radius:var(--bf-radius-xs);padding:12px;height:100px}.bf-contrast-table-icon{text-align:center;padding-top:30px;border-radius:var(--bf-radius-xs);font-size:var(--bf-font-size-h2);height:100px}.bf-contrast-table-border{border:1px solid transparent;height:100px;border-radius:var(--bf-radius-xs)}.bf-contrast-table .bf-h5{margin-top:0;margin-bottom:6px}.colorpicker-filter{margin-top:16px}.wcag-yep{color:var(--bfc-base-c-success)}.wcag-nope{color:var(--bfc-base-c-alert)}.bf-color-info-light{display:none}.bf-darkmode .bf-color-info-light{display:inline-block;display:none}