:root { --mouse-x: 50%; --mouse-y: 50%;}header{ border: 0 solid var(--border-t-8);border-bottom-width: 1px;}.animated-gradient,.animated-gradient-hover:hover{  background: linear-gradient( to right, var(--primary) 0%, var(--secondary) 50%, var(--primary) 100% );  background-size: 200% auto;  animation: spotlight 3s ease-in-out infinite alternate;}@keyframes float { 0%,to { transform: translateY(0) } 50% { transform: translateY(-10px) }}@keyframes spotlight { 0% { background-position: 100% center; } 100% { background-position: -100% center; }}@keyframes bounce { 0%,to { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8,0,1,1) } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,.2,1) }}@keyframes pulse { 50% { opacity: .5 }}@keyframes ping { 75%,to { transform: scale(2); opacity: 0 }} html {font-size: 100%} body {font-family: "Inter"} h1, h2, h3, h4, h5, h6 {font-family: "Space Grotesk"; font-weight: 700; letter-spacing: -.025em} h1 {font-size: var(--h1); color: var(--foreground)} h2 {font-size: var(--h2); font-weight: 700} h3 {font-size: var(--h3)} h4 {font-size: var(--h4)} h5 {font-size: var(--h5)} h6 {font-size: var(--h6)} .brxe-container {width: 1152px; padding-right: var(--space-s); padding-left: var(--space-s)} .woocommerce main.site-main {width: 1152px} #brx-content.wordpress {width: 1152px} html {background-color: var(--background)} body {background: none} .brxe-section {padding-top: 8rem; padding-bottom: 8rem}@media (max-width: 991px) { .brxe-section {padding-top: 6rem; padding-bottom: 6rem}}@media (max-width: 767px) { .brxe-section {padding-top: 5rem; padding-bottom: 5rem}}