@property --m3-util-bottom-offset{syntax: "<length>"; inherits: true; initial-value: 0;}@property --m3-util-density{syntax: "<number>"; inherits: true; initial-value: 0;}@layer tokens{:root{--m3-util-elevation-0: none;--m3-util-elevation-1: 0px 1px 2px 0px rgb(var(--m3-scheme-shadow) / .3), 0px 1px 3px 1px rgb(var(--m3-scheme-shadow) / .15);--m3-util-elevation-2: 0px 1px 2px 0px rgb(var(--m3-scheme-shadow) / .3), 0px 2px 6px 2px rgb(var(--m3-scheme-shadow) / .15);--m3-util-elevation-3: 0px 1px 3px 0px rgb(var(--m3-scheme-shadow) / .3), 0px 4px 8px 3px rgb(var(--m3-scheme-shadow) / .15);--m3-util-elevation-4: 0px 2px 3px 0px rgb(var(--m3-scheme-shadow) / .3), 0px 6px 10px 4px rgb(var(--m3-scheme-shadow) / .15);--m3-util-elevation-5: 0px 4px 4px 0px rgb(var(--m3-scheme-shadow) / .3), 0px 8px 12px 6px rgb(var(--m3-scheme-shadow) / .15);--m3-util-density-term: calc(var(--m3-util-density) * .25rem);--m3-util-rounding-none: 0;--m3-util-rounding-extra-small: 4px;--m3-util-rounding-small: 8px;--m3-util-rounding-medium: 12px;--m3-util-rounding-large: 16px;--m3-util-rounding-extra-large: 28px;--m3-util-rounding-full: calc(infinity * 1px);--m3-util-optical-centering-coefficient: .11;--m3-font: Roboto, system-ui;--m3-font-mono: "Google Sans Code", "Roboto Mono", monospace;--m3-font-display: var(--m3-font);--m3-font-headline: var(--m3-font);--m3-font-title: var(--m3-font);--m3-font-label: var(--m3-font);--m3-font-body: var(--m3-font);--m3-font-display-large-size: 3.563rem;--m3-font-display-large-height: 1.123;--m3-font-display-large-tracking: 0;--m3-font-display-large-weight: 400;--m3-font-display-medium-size: 2.813rem;--m3-font-display-medium-height: 1.156;--m3-font-display-medium-tracking: 0;--m3-font-display-medium-weight: 400;--m3-font-display-small-size: 2.25rem;--m3-font-display-small-height: 1.222;--m3-font-display-small-tracking: 0;--m3-font-display-small-weight: 400;--m3-font-headline-large-size: 2rem;--m3-font-headline-large-height: 1.25;--m3-font-headline-large-tracking: 0;--m3-font-headline-large-weight: 400;--m3-font-headline-medium-size: 1.75rem;--m3-font-headline-medium-height: 1.286;--m3-font-headline-medium-tracking: 0;--m3-font-headline-medium-weight: 400;--m3-font-headline-small-size: 1.5rem;--m3-font-headline-small-height: 1.333;--m3-font-headline-small-tracking: 0;--m3-font-headline-small-weight: 400;--m3-font-title-large-size: 1.375rem;--m3-font-title-large-height: 1.273;--m3-font-title-large-tracking: 0;--m3-font-title-large-weight: 400;--m3-font-title-medium-size: 1rem;--m3-font-title-medium-height: 1.5;--m3-font-title-medium-tracking: 0;--m3-font-title-medium-weight: 500;--m3-font-title-small-size: .875rem;--m3-font-title-small-height: 1.429;--m3-font-title-small-tracking: .006rem;--m3-font-title-small-weight: 500;--m3-font-label-large-size: .875rem;--m3-font-label-large-height: 1.429;--m3-font-label-large-tracking: .006rem;--m3-font-label-large-weight: 500;--m3-font-label-medium-size: .75rem;--m3-font-label-medium-height: 1.333;--m3-font-label-medium-tracking: .031rem;--m3-font-label-medium-weight: 500;--m3-font-label-small-size: .688rem;--m3-font-label-small-height: 1.455;--m3-font-label-small-tracking: .031rem;--m3-font-label-small-weight: 500;--m3-font-body-large-size: 1rem;--m3-font-body-large-height: 1.5;--m3-font-body-large-tracking: 0;--m3-font-body-large-weight: 400;--m3-font-body-medium-size: .875rem;--m3-font-body-medium-height: 1.429;--m3-font-body-medium-tracking: .016rem;--m3-font-body-medium-weight: 400;--m3-font-body-small-size: .75rem;--m3-font-body-small-height: 1.333;--m3-font-body-small-tracking: .025rem;--m3-font-body-small-weight: 400;--m3-util-timing-function-fast-spatial: cubic-bezier(.42, 1.67, .21, .9);--m3-util-duration-fast-spatial: .35s;--m3-util-easing-fast-spatial: var(--m3-util-timing-function-fast-spatial) var(--m3-util-duration-fast-spatial);--m3-util-timing-function-spatial: cubic-bezier(.38, 1.21, .22, 1);--m3-util-duration-spatial: .5s;--m3-util-easing-spatial: var(--m3-util-timing-function-spatial) var(--m3-util-duration-spatial);--m3-util-timing-function-slow-spatial: cubic-bezier(.39, 1.29, .35, .98);--m3-util-duration-slow-spatial: .65s;--m3-util-easing-slow-spatial: var(--m3-util-timing-function-slow-spatial) var(--m3-util-duration-slow-spatial);--m3-util-timing-function-fast: cubic-bezier(.31, .94, .34, 1);--m3-util-duration-fast: .15s;--m3-util-easing-fast: var(--m3-util-timing-function-fast) var(--m3-util-duration-fast);--m3-util-timing-function: cubic-bezier(.34, .8, .34, 1);--m3-util-duration: .2s;--m3-util-easing: var(--m3-util-timing-function) var(--m3-util-duration);--m3-util-timing-function-slow: cubic-bezier(.34, .88, .34, 1);--m3-util-duration-slow: .3s;--m3-util-easing-slow: var(--m3-util-timing-function-slow) var(--m3-util-duration-slow);--m3-util-timing-function-emphasized: linear( 0, .034 6%, .073 9%, .126 11%, .194 13%, .273 15%, .351 16%, .541 18%, .652 20%, .755 24%, .839 30%, .91 39%, .959 53%, .989 72%, 1 );--m3-util-timing-function-emphasized-accel: cubic-bezier(.3, 0, .8, .15);--m3-util-timing-function-emphasized-decel: cubic-bezier(.05, .7, .1, 1);--m3-util-curve: var(--m3-util-timing-function-emphasized);--m3-util-curve-accel: var(--m3-util-timing-function-emphasized-accel);--m3-util-curve-decel: var(--m3-util-timing-function-emphasized-decel);accent-color:rgb(var(--m3-scheme-primary))}}.m3-font-display-large,.m3-font-display-medium,.m3-font-display-small{font-family:var(--m3-font-display)}.m3-font-headline-large,.m3-font-headline-medium,.m3-font-headline-small{font-family:var(--m3-font-headline)}.m3-font-title-large,.m3-font-title-medium,.m3-font-title-small{font-family:var(--m3-font-title)}.m3-font-label-large,.m3-font-label-medium,.m3-font-label-small{font-family:var(--m3-font-label)}.m3-font-body-large,.m3-font-body-medium,.m3-font-body-small{font-family:var(--m3-font-body)}.m3-font-display-large{font-size:var(--m3-font-display-large-size);line-height:var(--m3-font-display-large-height);letter-spacing:var(--m3-font-display-large-tracking);font-weight:var(--m3-font-display-large-weight)}.m3-font-display-medium{font-size:var(--m3-font-display-medium-size);line-height:var(--m3-font-display-medium-height);letter-spacing:var(--m3-font-display-medium-tracking);font-weight:var(--m3-font-display-medium-weight)}.m3-font-display-small{font-size:var(--m3-font-display-small-size);line-height:var(--m3-font-display-small-height);letter-spacing:var(--m3-font-display-small-tracking);font-weight:var(--m3-font-display-small-weight)}.m3-font-headline-large{font-size:var(--m3-font-headline-large-size);line-height:var(--m3-font-headline-large-height);letter-spacing:var(--m3-font-headline-large-tracking);font-weight:var(--m3-font-headline-large-weight)}.m3-font-headline-medium{font-size:var(--m3-font-headline-medium-size);line-height:var(--m3-font-headline-medium-height);letter-spacing:var(--m3-font-headline-medium-tracking);font-weight:var(--m3-font-headline-medium-weight)}.m3-font-headline-small{font-size:var(--m3-font-headline-small-size);line-height:var(--m3-font-headline-small-height);letter-spacing:var(--m3-font-headline-small-tracking);font-weight:var(--m3-font-headline-small-weight)}.m3-font-title-large{font-size:var(--m3-font-title-large-size);line-height:var(--m3-font-title-large-height);letter-spacing:var(--m3-font-title-large-tracking);font-weight:var(--m3-font-title-large-weight)}.m3-font-title-medium{font-size:var(--m3-font-title-medium-size);line-height:var(--m3-font-title-medium-height);letter-spacing:var(--m3-font-title-medium-tracking);font-weight:var(--m3-font-title-medium-weight)}.m3-font-title-small{font-size:var(--m3-font-title-small-size);line-height:var(--m3-font-title-small-height);letter-spacing:var(--m3-font-title-small-tracking);font-weight:var(--m3-font-title-small-weight)}.m3-font-label-large{font-size:var(--m3-font-label-large-size);line-height:var(--m3-font-label-large-height);letter-spacing:var(--m3-font-label-large-tracking);font-weight:var(--m3-font-label-large-weight)}.m3-font-label-medium{font-size:var(--m3-font-label-medium-size);line-height:var(--m3-font-label-medium-height);letter-spacing:var(--m3-font-label-medium-tracking);font-weight:var(--m3-font-label-medium-weight)}.m3-font-label-small{font-size:var(--m3-font-label-small-size);line-height:var(--m3-font-label-small-height);letter-spacing:var(--m3-font-label-small-tracking);font-weight:var(--m3-font-label-small-weight)}.m3-font-body-large{font-size:var(--m3-font-body-large-size);line-height:var(--m3-font-body-large-height);letter-spacing:var(--m3-font-body-large-tracking);font-weight:var(--m3-font-body-large-weight)}.m3-font-body-medium{font-size:var(--m3-font-body-medium-size);line-height:var(--m3-font-body-medium-height);letter-spacing:var(--m3-font-body-medium-tracking);font-weight:var(--m3-font-body-medium-weight)}.m3-font-body-small{font-size:var(--m3-font-body-small-size);line-height:var(--m3-font-body-small-height);letter-spacing:var(--m3-font-body-small-tracking);font-weight:var(--m3-font-body-small-weight)}@layer base{*,*:before,*:after{box-sizing:inherit}.m3-container{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.m3-container a,a.m3-container{text-decoration:none}.m3-container dialog,dialog.m3-container{margin:auto}}@layer tokens{:root{--m3-util-refocus: refocus-outward .6s cubic-bezier(.14, 5.63, .4, .5) forwards}}:focus-visible:not(.focus-inset,.focus-none){animation:var(--m3-util-refocus);outline:none}:focus-visible:is(.focus-inset):not(.focus-none){animation:refocus-inward .6s cubic-bezier(.14,5.63,.4,.5) forwards;outline:none}:focus-visible.focus-none{outline:none}@keyframes refocus-outward{0%{box-shadow:0 0 rgb(var(--m3-scheme-secondary))}to{box-shadow:0 0 0 3px rgb(var(--m3-scheme-secondary))}}@keyframes refocus-inward{0%{box-shadow:inset 0 0 rgb(var(--m3-scheme-secondary))}to{box-shadow:inset 0 0 0 3px rgb(var(--m3-scheme-secondary))}}[placeholder]::placeholder{color:rgb(var(--m3-scheme-on-background) / .5);opacity:1}::selection{background-color:rgb(var(--m3-scheme-tertiary-container));color:rgb(var(--m3-scheme-on-tertiary-container))}html{height:100%}body{background-color:rgb(var(--m3-scheme-background));color:rgb(var(--m3-scheme-on-background));display:flex;align-items:center;justify-content:center;padding:1rem;margin:0;height:100%;box-sizing:border-box;--m3-font-display: Rubik, system-ui, sans-serif;--m3-font-headline: Rubik, system-ui, sans-serif;--m3-font-title: Rubik, system-ui, sans-serif;--m3-font-title-weight: 500;--m3-font-body: Rubik, system-ui, sans-serif;--m3-font-label: Rubik, system-ui, sans-serif}p{margin:0}
