.brxe-text-link{gap:5px;vertical-align:middle}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link svg:not([width]){min-width:3px}.brxe-text-link svg:not([height]){min-height:3px}.brxe-button{width:auto}.brxe-code{width:100%}: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-11f6f1 {row-gap: var(--card-gap)}#brxe-808105 {row-gap: calc(var(--content-gap) / 2)}#brxe-8a222d {color: var(--neutral-dark)}#brxe-b27221 {font-weight: 700; text-decoration: underline}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});