body {font-size: var(--text-m); font-family: "Satoshi"; font-weight: 400; font-style: normal; font-variation-settings: 'wght' 400; color: var(--color-neutral-300)} h1, h2, h3, h4, h5, h6 {font-family: "Clash Display"; font-weight: 400; font-style: normal; font-variation-settings: 'wght' 600; color: var(--color-neutral-50)} h1 {font-size: var(--text-4xl)} h2 {font-size: var(--text-3xl)} h3 {font-size: var(--text-2xl)} h4 {font-size: var(--text-xl)} h5 {font-size: var(--text-l)} h6 {font-size: var(--text-m)} html {background-color: var(--color-neutral-950)} body {background: none}a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 0.2rem solid var(--color-primary-500); outline-offset: 0.2rem; transition: none;}::selection { color: var(--color-neutral-50); background-color: var(--color-primary-700);} :where(.bricks-button) {font-size: var(--text-m); font-family: "Clash Display"; font-weight: 400; font-style: normal; font-variation-settings: 'wght' 600; transition: all .25s ease-in-out; border-radius: 999rem} :where(:root .bricks-button[class*="primary"]:not(.outline)) {background-color: var(--color-primary-700)} :where(:root .bricks-button[class*="primary"]) {color: var(--color-neutral-50)} :where(:root .bricks-button[class*="primary"]:not(.outline)):hover {background-color: var(--color-primary-800)}