:has(.divider-curved) {
    position: relative
}

.divider-curved {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.divider-curved svg {
    position: relative;
    display: block;
    width: calc(150% + 1.3px);
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    height: 300px;
}

.divider-curved--white .shape-fill {
    fill: var(--white);
}

.divider-curved--base-ultra-light .shape-fill {
    fill: var(--base-ultra-light);
}


#brx-header.scrolling {
    background-color: var(--base);
}

.highlight {
    text-decoration: underline;
    text-underline-offset: .15em;
    text-decoration-color: var(--action);
    text-decoration-thickness: .035em
    
}