.clickable-parent { position: relative;}.clickable-parent a { position: static;}.clickable-parent a::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }.clickable-parent button,.clickable-parent input,.clickable-parent select,.clickable-parent textarea,.clickable-parent .exclude-clickable { position: relative; z-index: 2; } html {font-size: var(--root-font-size)} body {color: color-mix(in oklch, var(--neutral) 80%, transparent); font-size: var(--text-m); line-height: 1.5; text-wrap: pretty; font-family: "Int"} h1, h2, h3, h4, h5, h6 {color: var(--neutral); line-height: 1.2; text-wrap: balance; font-family: "Out"} body.bricks-is-frontend :focus-visible {outline: var(--focus-width) solid var(--neutral)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: var(--focus-width) solid var(--neutral); }} .brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} .bricks-button {transition: var(--transition-duration, 0.3s)}