:root{--mat-tooltip-container-color: #2f3033;--mat-tooltip-container-shape: 4px;--mat-tooltip-supporting-text-color: #f2f0f4;--mat-tooltip-supporting-text-font: Roboto, sans-serif;--mat-tooltip-supporting-text-line-height: 1rem;--mat-tooltip-supporting-text-size: .75rem;--mat-tooltip-supporting-text-tracking: .025rem;--mat-tooltip-supporting-text-weight: 400}*{--color-gray-0: oklch(1 0 0);--color-gray-10: oklch(.95 0 0);--color-gray-20: oklch(.9 0 0);--color-gray-30: oklch(.85 0 0);--color-gray-40: oklch(.8 0 0);--color-gray-50: oklch(.77 0 0);--color-gray-60: oklch(.65 0 0);--color-gray-70: oklch(.55 0 0);--color-gray-80: oklch(.45 0 0);--color-gray-90: oklch(.35 0 0);--color-gray-100: oklch(0 0 0);--color-primary-10: oklch(from var(--theme-primary) .95 .039 h);--color-primary-20: oklch(from var(--theme-primary) .9 .065 h);--color-primary-30: oklch(from var(--theme-primary) .85 .092 h);--color-primary-40: oklch(from var(--theme-primary) .8 .117 h);--color-primary-50: oklch(from var(--theme-primary) .75 .162 h);--color-primary-60: oklch(from var(--theme-primary) .7 .155 h);--color-primary-70: oklch(from var(--theme-primary) .65 .147 h);--color-primary-80: oklch(from var(--theme-primary) .6 .139 h);--color-primary-90: oklch(from var(--theme-primary) .55 .132 h);--color-accent-10: oklch(from var(--theme-accent) .95 .04 h);--color-accent-20: oklch(from var(--theme-accent) .9 .08 h);--color-accent-30: oklch(from var(--theme-accent) .85 .12 h);--color-accent-40: oklch(from var(--theme-accent) .8 .25 h);--color-accent-50: oklch(from var(--theme-accent) .75 .24 h);--color-accent-60: oklch(from var(--theme-accent) .7 .23 h);--color-accent-70: oklch(from var(--theme-accent) .65 .22 h);--color-accent-80: oklch(from var(--theme-accent) .6 .21 h);--color-accent-90: oklch(from var(--theme-accent) .55 .2 h);--n-0: light-dark(var(--color-gray-0), var(--color-gray-100));--n-10: light-dark(var(--color-gray-10), var(--color-gray-90));--n-20: light-dark(var(--color-gray-20), var(--color-gray-80));--n-30: light-dark(var(--color-gray-30), var(--color-gray-70));--n-40: light-dark(var(--color-gray-40), var(--color-gray-60));--n-50: light-dark(var(--color-gray-50), var(--color-gray-50));--n-60: light-dark(var(--color-gray-60), var(--color-gray-40));--n-70: light-dark(var(--color-gray-70), var(--color-gray-30));--n-80: light-dark(var(--color-gray-80), var(--color-gray-20));--n-90: light-dark(var(--color-gray-90), var(--color-gray-10));--n-100: light-dark(var(--color-gray-100), var(--color-gray-0));--p-10: light-dark(var(--color-primary-10), var(--color-primary-90));--p-20: light-dark(var(--color-primary-20), var(--color-primary-80));--p-30: light-dark(var(--color-primary-30), var(--color-primary-70));--p-40: light-dark(var(--color-primary-40), var(--color-primary-60));--p-50: light-dark(var(--color-primary-50), var(--color-primary-50));--p-60: light-dark(var(--color-primary-60), var(--color-primary-40));--p-70: light-dark(var(--color-primary-70), var(--color-primary-30));--p-80: light-dark(var(--color-primary-80), var(--color-primary-20));--p-90: light-dark(var(--color-primary-90), var(--color-primary-10));--a-10: light-dark(var(--color-accent-10), var(--color-accent-90));--a-20: light-dark(var(--color-accent-20), var(--color-accent-80));--a-30: light-dark(var(--color-accent-30), var(--color-accent-70));--a-40: light-dark(var(--color-accent-40), var(--color-accent-60));--a-50: light-dark(var(--color-accent-50), var(--color-accent-50));--a-60: light-dark(var(--color-accent-60), var(--color-accent-40));--a-70: light-dark(var(--color-accent-70), var(--color-accent-30));--a-80: light-dark(var(--color-accent-80), var(--color-accent-20));--a-90: light-dark(var(--color-accent-90), var(--color-accent-10))}:root{--theme-primary: blue;--theme-accent: pink;color-scheme:light;--shadow-light: rgba(0, 0, 0, .05);--shadow-medium: rgba(0, 0, 0, .1);--shadow-dark: rgba(0, 0, 0, .15);--foreground-translucent: rgb(from var(--n-0)r g b / .6);--mat-toolbar-container-background-color: var(--n-20);--mat-toolbar-container-text-color: var(--n-70);--mat-chip-label-text-color: var(--n-70);--mat-chip-outline-color: var(--n-70)}.theme-2{--theme-primary: purple;--theme-accent: orange;color-scheme:dark}.theme-3{--theme-primary: green;--theme-accent: brown;color-scheme:light}*{margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}body{margin:0}html{scroll-behavior:smooth}section{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;box-sizing:border-box}