:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)} .bricks-button {color: var(--white); font-weight: 700; font-size: var(--text-l); border-radius: var(--radius-m); padding-top: var(--space-m); padding-right: var(--space-l); padding-bottom: var(--space-m); padding-left: var(--space-l)} .bricks-button.md {padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)} .bricks-button.lg {padding-top: var(--space-l); padding-right: var(--space-xl); padding-bottom: var(--space-l); padding-left: var(--space-xl); font-size: var(--gap-m)} .bricks-button.xl {padding-top: var(--space-xl); padding-right: var(--space-xxl); padding-bottom: var(--space-xl); padding-left: var(--space-xxl)} .bricks-button.sm {padding-top: var(--space-xs); padding-right: var(--space-s); padding-bottom: var(--space-xs); padding-left: var(--space-s)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--accent)} h1, h2, h3, h4, h5, h6 {font-family: "DM Sans"; font-weight: 600}.brxe-form ::placeholder {color: var(--info-ultra-dark-trans-60)}.brxe-form select {color: var(--info-ultra-dark-trans-60)}@media (min-width: 919px) { .bricks-button {padding-top: var(--space-xs); padding-right: var(--space-l); padding-bottom: var(--space-xs); padding-left: var(--space-l); font-size: var(--text-m)}}