/* Element defaults. Component styling lives in the React components. */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--surface-canvas);color:var(--text-muted);font-family:var(--font-sohne-var);font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--font-weight-light);font-feature-settings:var(--font-features);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-light);color:var(--text-primary)}
h1{font-size:var(--text-heading-lg);line-height:var(--leading-heading-lg);letter-spacing:var(--tracking-heading-lg)}
h2{font-size:var(--text-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}
h3{font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);letter-spacing:var(--tracking-heading-sm)}
h4{font-size:var(--text-subheading);line-height:var(--leading-subheading);letter-spacing:var(--tracking-subheading)}
p{margin:0}
a{color:var(--text-link);text-decoration:none}
a:hover{color:var(--action-hover);text-decoration:underline}
hr{border:0;border-top:var(--hairline);margin:var(--spacing-96) 0}
.material-symbols-outlined,.icon{font-family:'Material Symbols Outlined';font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}
.icon--sm{font-size:16px}
.icon--lg{font-size:24px}
:focus-visible{outline:2px solid var(--action);outline-offset:2px;border-radius:var(--radius-md)}