@layer bricks {.brxe-shortcode{width:100%}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {.brxe-button{width:auto}}@layer bricks {.brxe-code{width:100%}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}#brxe-dmtytf {color: var(--neutral-dark)}document.addEventListener('DOMContentLoaded', function() { const buttonThemes = document.querySelectorAll('[data-ui-button-theme]'); const buttonGroups = document.querySelectorAll('[data-ui-button-group]'); function updateVisibility() { buttonThemes.forEach(theme => { const button = theme.querySelector('[data-ui-button]'); if (button) { const computedStyle = window.getComputedStyle(button); const backgroundColor = computedStyle.backgroundColor; const isTransparent = backgroundColor === 'rgba(0, 0, 0, 0)' || backgroundColor === 'transparent'; const buttonStyle = button.getAttribute('data-ui-button-style'); if (isTransparent && buttonStyle === 'outline') { theme.style.display = 'none'; } else { theme.style.display = isTransparent ? 'none' : ''; } } }); buttonGroups.forEach(group => { const visibleThemes = group.querySelectorAll('[data-ui-button-theme]:not([style*="display: none"])'); group.style.display = visibleThemes.length === 0 ? 'none' : ''; }); const groupTypes = ['primary', 'secondary', 'tertiary', 'accent', 'base', 'neutral']; groupTypes.forEach(type => { const group = document.querySelector(`[data-ui-button-group="${type}" i]`); if (group) { const optionBtnOutline = getComputedStyle(document.documentElement).getPropertyValue(`--option-${type}-btn-outline`); if (optionBtnOutline.trim() !== 'on') { const outlineButtons = group.querySelectorAll('[data-ui-button-style="outline" i]'); outlineButtons.forEach(button => { button.style.display = 'none'; }); } else { const outlineButtons = group.querySelectorAll('[data-ui-button-style="outline" i]'); outlineButtons.forEach(button => { button.style.display = ''; }); } } }); } const resizeObserver = new ResizeObserver(updateVisibility); buttonThemes.forEach(theme => resizeObserver.observe(theme)); updateVisibility(); // Initial update});#brxe-atbstx {border-top: 1px solid var(--neutral-ultra-light)}#brxe-hrfpsw { --min: 500px;}#brxe-tkhfuw {border-top: 1px solid var(--neutral-ultra-light)}#brxe-tctijj {row-gap: var(--card-gap)}#brxe-jrjcts {row-gap: calc(var(--content-gap) / 2)}#brxe-njfujo {border-top: 1px solid var(--neutral-ultra-light)}#brxe-fjsdjk {border-top: 1px solid var(--neutral-ultra-light)}#brxe-oevqvn {width: 70ch}.brxe-ynaptr .brxe-fqwsvy.brxe-text-basic {margin-bottom: 0}.brxe-ynaptr .brxe-rwgtwm.brxe-button {margin-top: var(--heading-spacing)}.brxe-ynaptr.brxe-block {padding-top: var(--space-m); padding-right: var(--space-m); padding-bottom: var(--space-m); padding-left: var(--space-m); border: 1px solid var(--neutral-light)}#brxe-seysuy {display: grid; align-items: initial; grid-gap: var(--grid-gap); grid-template-columns: var(--grid-2)}@media (max-width: 767px) {#brxe-seysuy {grid-template-columns: var(--grid-2)}}#brxe-gzsbdc {border-top: 1px solid var(--neutral-ultra-light)}#brxe-nzrztq {width: 70ch}.brxe-cehogt .brxe-mpcnst.brxe-text-basic {margin-bottom: 0}.brxe-cehogt .brxe-cijnzp.brxe-button {margin-top: var(--heading-spacing)}.brxe-cehogt.brxe-block {padding-top: var(--space-m); padding-right: var(--space-m); padding-bottom: var(--space-m); padding-left: var(--space-m); border: 1px solid var(--neutral-light)}#brxe-rkfcux {display: grid; align-items: initial; grid-gap: var(--grid-gap); grid-template-columns: var(--grid-3)}@media (max-width: 767px) {#brxe-rkfcux {grid-template-columns: var(--grid-2)}}#brxe-mqgguc {border-top: 1px solid var(--neutral-ultra-light)}#brxe-wctqvf {width: 70ch}#brxe-sgjnpm {width: var(--width-l)}.brxe-cjsoin.brxe-block {padding-top: var(--space-m); padding-right: var(--space-m); padding-bottom: var(--space-m); padding-left: var(--space-m); border: 1px solid var(--neutral-light)}#brxe-papzwe {display: grid; align-items: initial; grid-gap: var(--grid-gap); width: var(--width-l)}@media (max-width: 767px) {#brxe-papzwe {grid-template-columns: var(--grid-2)}}@media (max-width: 478px) {#brxe-papzwe {grid-template-columns: var(--grid-1)}}#brxe-bjmriu {border-top: 1px solid var(--neutral-ultra-light)}#brxe-taoloe {display: grid; align-items: initial; grid-template-columns: var(--grid-auto-5); grid-gap: var(--grid-gap)}#brxe-ialjrr {background-color: var(--tertiary-light-trans-10)}#brxe-ghcijr {display: grid; align-items: initial; grid-template-columns: var(--grid-auto-5); grid-gap: var(--grid-gap)}#brxe-fucyko {display: grid; align-items: initial; grid-template-columns: var(--grid-auto-5); grid-gap: var(--grid-gap)}#brxe-cintsb {background-color: var(--tertiary-light-trans-10)}