@layer { body { min-height: 100vh; min-height: 100svh; min-height: 100dvh; & :is(p, ul, ol) { margin: unset; } & :is(ul, ol) { padding-inline-start: var(--space-m); } :focus { outline-color: transparent; } :focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); } } .brxe-section { display: flex; flex-direction: column; gap: var(--section-gap); padding-block: var(--section-padding-block); padding-inline: var(--section-padding-inline); align-items: center; } .brxe-container { inline-size: 100%; max-inline-size: calc(var(--max-screen-width) - var(--section-padding-inline) * 2); gap: var(--content-gap); } ul:is(.brxe-container, .brxe-div) { padding-inline-start: 0; margin-block: 0; } .brxe-text-link:not([data-button="1"], .btn, .header-nav__link) { color: var(--dark); transition: var(--transition-global-all); position: relative; &::before { content: ''; position: absolute; bottom: 0; left: 0; inline-size: 0%; block-size: 0.2rem; background: currentcolor; transition: var(--transition-global-all); } &:is(:hover, :focus-visible)::before { inline-size: 100%; } &:is(:hover, :focus-visible) { color: var(--primary); } &[aria-current='page'] { color: var(--color-link--active); pointer-events: none; } } a:not(.brxe-text-link, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a, .brx-submenu-toggle > a) { text-decoration: underline; color: var(--primary); } [target="_blank"] { &::after { content: '\2197'; z-index: 1; transition: var(--transition-global-all); color: currentColor; } &:is(:hover, :focus-visible)::after { transform: rotate(45deg); } }}.brxe-text { * { margin: unset; } * + * { margin-block-start: 1em; } * + :is(p, ol, ul, .wp-block-image) { margin-block-start: 1.5em; } * + :is(h1, h2, h3, h4, h5, h6) { margin-block-start: 2em; } & img { box-shadow: none; } & h1 { font-size: var(--h2); } & h2 { font-size: var(--h3); } & h3 { font-size: var(--h4); } & h4 { font-size: var(--h5); } & h5 { font-size: var(--h6); } & a { color: var(--color-link); transition: var(--transition-global-all); }}.cmplz-cookiebanner { color: var(--text-body); background: var(--bg-body) !important; border: 0.1rem solid var(--secondary) !important; :is(.cmplz-title, .cmplz-message) { color: var(--text-body) !important; } :is(.cmplz-message a) { color: var(--secondary) !important; } .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--secondary) !important; color: var(--dark) !important; border: 0.1rem solid var(--secondary) !important; }}@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }  [class*=fade-], [class*=-fade] { opacity: 1 !important; }}