From db46d4449801898a38446a413b54759284c76b33 Mon Sep 17 00:00:00 2001 From: bre97-web Date: Mon, 2 Sep 2024 05:45:54 +0000 Subject: [PATCH] deploy: d70c54d9d7785577c4021ad75e776383ccdf7c0c --- assets/{index-BYQOVHhy.js => index-ChhQj8wD.js} | 0 assets/index-Cte0cwej.css | 1 - assets/index-DDib3Jbd.css | 1 + index.html | 13 +++++++++++-- 4 files changed, 12 insertions(+), 3 deletions(-) rename assets/{index-BYQOVHhy.js => index-ChhQj8wD.js} (100%) delete mode 100644 assets/index-Cte0cwej.css create mode 100644 assets/index-DDib3Jbd.css diff --git a/assets/index-BYQOVHhy.js b/assets/index-ChhQj8wD.js similarity index 100% rename from assets/index-BYQOVHhy.js rename to assets/index-ChhQj8wD.js diff --git a/assets/index-Cte0cwej.css b/assets/index-Cte0cwej.css deleted file mode 100644 index 8a748f7..0000000 --- a/assets/index-Cte0cwej.css +++ /dev/null @@ -1 +0,0 @@ -*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.text-display-large{font-weight:var(--md-sys-typescale-display-large-font-weight, 400);font-size:var(--md-sys-typescale-display-large-font-size, 57px);line-height:var(--md-sys-typescale-display-large-line-height, 64px);letter-spacing:var(--md-sys-typescale-display-large-letter-spacing, -.25px)}.text-display-medium{font-weight:var(--md-sys-typescale-display-medium-font-weight, 400);font-size:var(--md-sys-typescale-display-medium-font-size, 45px);line-height:var(--md-sys-typescale-display-medium-line-height, 52px);letter-spacing:var(--md-sys-typescale-display-medium-letter-spacing, 0px)}.text-display-small{font-weight:var(--md-sys-typescale-display-small-font-weight, 400);font-size:var(--md-sys-typescale-display-small-font-size, 36px);line-height:var(--md-sys-typescale-display-small-line-height, 44px);letter-spacing:var(--md-sys-typescale-display-small-letter-spacing, 0px)}.text-headline-large{font-weight:var(--md-sys-typescale-headline-large-font-weight, 400);font-size:var(--md-sys-typescale-headline-large-font-size, 32px);line-height:var(--md-sys-typescale-headline-large-line-height, 40px);letter-spacing:var(--md-sys-typescale-headline-large-letter-spacing, 0px)}.text-headline-medium{font-weight:var(--md-sys-typescale-headline-medium-font-weight, 400);font-size:var(--md-sys-typescale-headline-medium-font-size, 28px);line-height:var(--md-sys-typescale-headline-medium-line-height, 36px);letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing, 0px)}.text-headline-small{font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);font-size:var(--md-sys-typescale-headline-small-font-size, 24px);line-height:var(--md-sys-typescale-headline-small-line-height, 32px);letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing, 0px)}.text-title-large{font-weight:var(--md-sys-typescale-title-large-font-weight, 400);font-size:var(--md-sys-typescale-title-large-font-size, 22px);line-height:var(--md-sys-typescale-title-large-line-height, 28px);letter-spacing:var(--md-sys-typescale-title-large-letter-spacing, 0px)}.text-title-medium{font-weight:var(--md-sys-typescale-title-medium-font-weight, 500);font-size:var(--md-sys-typescale-title-medium-font-size, 16px);line-height:var(--md-sys-typescale-title-medium-line-height, 24px);letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing, .15px)}.text-title-small{font-weight:var(--md-sys-typescale-title-small-font-weight, 500);font-size:var(--md-sys-typescale-title-small-font-size, 14px);line-height:var(--md-sys-typescale-title-small-line-height, 20px);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing, .1px)}.text-body-large{font-weight:var(--md-sys-typescale-body-large-font-weight, 400);font-size:var(--md-sys-typescale-body-large-font-size, 16px);line-height:var(--md-sys-typescale-body-large-line-height, 24px);letter-spacing:var(--md-sys-typescale-body-large-letter-spacing, .5px)}.text-body-medium{font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);font-size:var(--md-sys-typescale-body-medium-font-size, 14px);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, .25px)}.text-body-small{font-weight:var(--md-sys-typescale-body-small-font-weight, 400);font-size:var(--md-sys-typescale-body-small-font-size, 12px);line-height:var(--md-sys-typescale-body-small-line-height, 16px);letter-spacing:var(--md-sys-typescale-body-small-letter-spacing, .4px)}.text-label-large{font-weight:var(--md-sys-typescale-label-large-font-weight, 500);font-size:var(--md-sys-typescale-label-large-font-size, 14px);line-height:var(--md-sys-typescale-label-large-line-height, 20px);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, .1px)}.text-label-medium{font-weight:var(--md-sys-typescale-label-medium-font-weight, 500);font-size:var(--md-sys-typescale-label-medium-font-size, 12px);line-height:var(--md-sys-typescale-label-medium-line-height, 16px);letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, .5px)}.text-label-small{font-weight:var(--md-sys-typescale-label-small-font-weight, 500);font-size:var(--md-sys-typescale-label-small-font-size, 11px);line-height:var(--md-sys-typescale-label-small-line-height, 16px);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing, .5px)}.fixed{position:fixed}.relative{position:relative}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.h-24{height:6rem}.w-24{width:6rem}.max-w-6xl{max-width:72rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.gap-10{gap:2.5rem}.gap-4{gap:1rem}.overflow-clip{overflow:clip}.border{border-width:1px}.px-4{padding-left:1rem;padding-right:1rem}.py-32{padding-top:8rem;padding-bottom:8rem}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.text-on-background{color:var(--md-sys-color-on-background, #181c25)}.text-surface{color:var(--md-sys-color-surface, #f9f9ff)}.text-on-surface{color:var(--md-sys-color-on-surface, #181c25)}.text-surface-variant{color:var(--md-sys-color-surface-variant, #dee2f2)}.text-on-surface-variant{color:var(--md-sys-color-on-surface-variant, #424753)}.text-inverse-on-surface{color:var(--md-sys-color-inverse-on-surface, #eef0fd)}.text-on-primary{color:var(--md-sys-color-on-primary, #ffffff)}.text-on-primary-container{color:var(--md-sys-color-on-primary-container, #001a41)}.text-on-secondary{color:var(--md-sys-color-on-secondary, #ffffff)}.text-on-secondary-container{color:var(--md-sys-color-on-secondary-container, #151937)}.text-on-tertiary{color:var(--md-sys-color-on-tertiary, #ffffff)}.text-on-tertiary-container{color:var(--md-sys-color-on-tertiary-container, #1e1341)}.text-on-error{color:var(--md-sys-color-on-error, #ffffff)}.text-on-error-container{color:var(--md-sys-color-on-error-container, #410002)}.text-on-primary-fixed{color:var(--md-sys-color-on-primary-fixed, #001a41)}.text-on-primary-fixed-variant{color:var(--md-sys-color-on-primary-fixed-variant, #004494)}.text-on-secondary-fixed{color:var(--md-sys-color-on-secondary-fixed, #151937)}.text-on-secondary-fixed-variant{color:var(--md-sys-color-on-secondary-fixed-variant, #414465)}.text-on-tertiary-fixed{color:var(--md-sys-color-on-tertiary-fixed, #1e1341)}.text-on-tertiary-fixed-variant{color:var(--md-sys-color-on-tertiary-fixed-variant, #4a4070)}.bg-primary-palette-key-color{background-color:var(--md-sys-color-primary-palette-key-color, #047aff)}.bg-secondary-palette-key-color{background-color:var(--md-sys-color-secondary-palette-key-color, #727598)}.bg-tertiary-palette-key-color{background-color:var(--md-sys-color-tertiary-palette-key-color, #7b70a3)}.bg-neutral-palette-key-color{background-color:var(--md-sys-color-neutral-palette-key-color, #737782)}.bg-neutral-variant-palette-key-color{background-color:var(--md-sys-color-neutral-variant-palette-key-color, #727785)}.bg-background{background-color:var(--md-sys-color-background, #f9f9ff)}.bg-surface{background-color:var(--md-sys-color-surface, #f9f9ff)}.bg-surface-dim{background-color:var(--md-sys-color-surface-dim, #d7d9e6)}.bg-surface-bright{background-color:var(--md-sys-color-surface-bright, #f9f9ff)}.bg-surface-container-lowest{background-color:var(--md-sys-color-surface-container-lowest, #ffffff)}.bg-surface-container-low{background-color:var(--md-sys-color-surface-container-low, #f1f3ff)}.bg-surface-container{background-color:var(--md-sys-color-surface-container, #ebedfa)}.bg-surface-container-high{background-color:var(--md-sys-color-surface-container-high, #e5e8f5)}.bg-surface-container-highest{background-color:var(--md-sys-color-surface-container-highest, #dfe2ef)}.bg-surface-variant{background-color:var(--md-sys-color-surface-variant, #dee2f2)}.bg-inverse-surface{background-color:var(--md-sys-color-inverse-surface, #2c303a)}.bg-outline{background-color:var(--md-sys-color-outline, #727785)}.bg-outline-variant{background-color:var(--md-sys-color-outline-variant, #c2c6d6)}.bg-shadow{background-color:var(--md-sys-color-shadow, #000000)}.bg-scrim{background-color:var(--md-sys-color-scrim, #000000)}.bg-surface-tint{background-color:var(--md-sys-color-surface-tint, #005ac1)}.bg-primary{background-color:var(--md-sys-color-primary, #005ac1)}.bg-primary-container{background-color:var(--md-sys-color-primary-container, #d8e2ff)}.bg-secondary{background-color:var(--md-sys-color-secondary, #595c7e)}.bg-secondary-container{background-color:var(--md-sys-color-secondary-container, #dfe0ff)}.bg-tertiary{background-color:var(--md-sys-color-tertiary, #625789)}.bg-tertiary-container{background-color:var(--md-sys-color-tertiary-container, #e7deff)}.bg-error{background-color:var(--md-sys-color-error, #ba1a1a)}.bg-error-container{background-color:var(--md-sys-color-error-container, #ffdad6)}.bg-primary-fixed{background-color:var(--md-sys-color-primary-fixed, #d8e2ff)}.bg-primary-fixed-dim{background-color:var(--md-sys-color-primary-fixed-dim, #adc6ff)}.bg-secondary-fixed{background-color:var(--md-sys-color-secondary-fixed, #dfe0ff)}.bg-secondary-fixed-dim{background-color:var(--md-sys-color-secondary-fixed-dim, #c1c4eb)}.bg-tertiary-fixed{background-color:var(--md-sys-color-tertiary-fixed, #e7deff)}.bg-tertiary-fixed-dim{background-color:var(--md-sys-color-tertiary-fixed-dim, #ccbff8)}.elevation-none{box-shadow:var(--md-sys-elevation-level-none, none)}.elevation-1{box-shadow:var(--md-sys-elevation-level-1, var(--md-sys-color-shadow, rgba(0, 0, 0, .2)) 0px 2px 1px -1px, var(--md-sys-color-shadow, rgba(0, 0, 0, .14)) 0px 1px 1px 0px, var(--md-sys-color-shadow, rgba(0, 0, 0, .12)) 0px 1px 3px 0px)}.elevation-2{box-shadow:var(--md-sys-elevation-level-2, var(--md-sys-color-shadow, rgba(0, 0, 0, .2)) 0px 3px 3px -2px, var(--md-sys-color-shadow, rgba(0, 0, 0, .14)) 0px 3px 4px 0px, var(--md-sys-color-shadow, rgba(0, 0, 0, .12)) 0px 1px 8px 0px)}.elevation-3{box-shadow:var(--md-sys-elevation-level-3, var(--md-sys-color-shadow, rgba(0, 0, 0, .2)) 0px 3px 5px -1px, var(--md-sys-color-shadow, rgba(0, 0, 0, .14)) 0px 6px 10px 0px, var(--md-sys-color-shadow, rgba(0, 0, 0, .12)) 0px 1px 18px 0px)}.elevation-4{box-shadow:var(--md-sys-elevation-level-4, var(--md-sys-color-shadow, rgba(0, 0, 0, .2)) 0px 5px 5px -3px, var(--md-sys-color-shadow, rgba(0, 0, 0, .14)) 0px 8px 10px 1px, var(--md-sys-color-shadow, rgba(0, 0, 0, .12)) 0px 3px 14px 2px)}.elevation-5{box-shadow:var(--md-sys-elevation-level-5, var(--md-sys-color-shadow, rgba(0, 0, 0, .2)) 0px 7px 8px -4px, var(--md-sys-color-shadow, rgba(0, 0, 0, .14)) 0px 12px 17px 2px, var(--md-sys-color-shadow, rgba(0, 0, 0, .12)) 0px 5px 22px 4px)}.animation-easing-emphasized{animation-timing-function:var(--md-sys-motion-easing-emphasized, ease-in-out)}.animation-easing-emphasized-decelerate{animation-timing-function:var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1))}.animation-easing-emphasized-accelerate{animation-timing-function:var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(.3, 0, .8, .15))}.animation-easing-standard{animation-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1))}.animation-easing-standard-decelerate{animation-timing-function:var(--md-sys-motion-easing-standard-decelerate, cubic-bezier(0, 0, 0, 1))}.animation-easing-standard-accelerate{animation-timing-function:var(--md-sys-motion-easing-standard-accelerate, cubic-bezier(.3, 0, 1, 1))}.shape-full{border-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1))}.shape-full-t{border-top-left-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1));border-top-right-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1))}.shape-full-tl{border-top-left-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1))}.shape-full-tr{border-top-right-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1))}.shape-full-b{border-bottom-left-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1));border-bottom-right-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1))}.shape-full-bl{border-bottom-left-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1))}.shape-full-br{border-bottom-right-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1))}.shape-extra{border-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1))}.shape-extra-t{border-top-left-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1));border-top-right-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1))}.shape-extra-tl{border-top-left-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1))}.shape-extra-tr{border-top-right-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1))}.shape-extra-b{border-bottom-left-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1));border-bottom-right-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1))}.shape-extra-bl{border-bottom-left-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1))}.shape-extra-br{border-bottom-right-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1))}.shape-large{border-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1))}.shape-large-t{border-top-left-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1));border-top-right-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1))}.shape-large-tl{border-top-left-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1))}.shape-large-tr{border-top-right-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1))}.shape-large-b{border-bottom-left-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1));border-bottom-right-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1))}.shape-large-bl{border-bottom-left-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1))}.shape-large-br{border-bottom-right-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1))}.shape-medium{border-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1))}.shape-medium-t{border-top-left-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1));border-top-right-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1))}.shape-medium-tl{border-top-left-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1))}.shape-medium-tr{border-top-right-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1))}.shape-medium-b{border-bottom-left-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1));border-bottom-right-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1))}.shape-medium-bl{border-bottom-left-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1))}.shape-medium-br{border-bottom-right-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1))}.shape-small{border-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1))}.shape-small-t{border-top-left-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1));border-top-right-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1))}.shape-small-tl{border-top-left-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1))}.shape-small-tr{border-top-right-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1))}.shape-small-b{border-bottom-left-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1));border-bottom-right-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1))}.shape-small-bl{border-bottom-left-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1))}.shape-small-br{border-bottom-right-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1))}.shape-extra-small{border-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1))}.shape-extra-small-t{border-top-left-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1));border-top-right-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1))}.shape-extra-small-tl{border-top-left-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1))}.shape-extra-small-tr{border-top-right-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1))}.shape-extra-small-b{border-bottom-left-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1));border-bottom-right-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1))}.shape-extra-small-bl{border-bottom-left-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1))}.shape-extra-small-br{border-bottom-right-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1))}.shape-none{border-radius:var(--md-sys-shape-none, none)}.border-outline{border-color:var(--md-sys-color-outline, #727785)}.border-outline-variant{border-color:var(--md-sys-color-outline-variant, #c2c6d6)}.outline-outline{outline-color:var(--md-sys-color-outline, #727785)}.outline-outline-variant{outline-color:var(--md-sys-color-outline-variant, #c2c6d6)}.\[\&\>div\>span\]\:text-label-large>div>span{font-weight:var(--md-sys-typescale-label-large-font-weight, 500);font-size:var(--md-sys-typescale-label-large-font-size, 14px);line-height:var(--md-sys-typescale-label-large-line-height, 20px);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, .1px)}.\[\&\>h1\]\:text-headline-large>h1{font-weight:var(--md-sys-typescale-headline-large-font-weight, 400);font-size:var(--md-sys-typescale-headline-large-font-size, 32px);line-height:var(--md-sys-typescale-headline-large-line-height, 40px);letter-spacing:var(--md-sys-typescale-headline-large-letter-spacing, 0px)}@media (max-width: 600px){.compact\:text-on-primary{color:var(--md-sys-color-on-primary, #ffffff)}.compact\:bg-primary{background-color:var(--md-sys-color-primary, #005ac1)}}@media (min-width: 600px) and (max-width: 840px){.medium\:text-on-primary{color:var(--md-sys-color-on-primary, #ffffff)}.medium\:bg-primary{background-color:var(--md-sys-color-primary, #005ac1)}}@media (min-width: 840px) and (max-width: 1200px){.expanded\:text-on-primary{color:var(--md-sys-color-on-primary, #ffffff)}.expanded\:bg-primary{background-color:var(--md-sys-color-primary, #005ac1)}}@media (min-width: 1200px) and (max-width: 1600px){.large\:text-on-primary{color:var(--md-sys-color-on-primary, #ffffff)}.large\:bg-primary{background-color:var(--md-sys-color-primary, #005ac1)}}@media (min-width: 1600px){.extra-large\:text-on-primary{color:var(--md-sys-color-on-primary, #ffffff)}.extra-large\:bg-primary{background-color:var(--md-sys-color-primary, #005ac1)}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:px-16{padding-left:4rem;padding-right:4rem}}@media (min-width: 1024px){.lg\:px-32{padding-left:8rem;padding-right:8rem}}@media (min-width: 1280px){.xl\:mx-auto{margin-left:auto;margin-right:auto}}.\[\&\>div\>span\]\:inline-block>div>span{display:inline-block}.\[\&\>div\>span\]\:inline-flex>div>span{display:inline-flex}.\[\&\>div\>span\]\:h-10>div>span{height:2.5rem}.\[\&\>div\>span\]\:w-10>div>span{width:2.5rem}.\[\&\>div\>span\]\:min-w-20>div>span{min-width:5rem}.\[\&\>div\>span\]\:items-center>div>span{align-items:center}.\[\&\>div\>span\]\:justify-center>div>span{justify-content:center}.\[\&\>div\>span\]\:bg-primary>div>span{background-color:var(--md-sys-color-primary, #005ac1)}.\[\&\>div\]\:flex>div{display:flex}.\[\&\>h1\+\*\]\:overflow-auto>h1+*{overflow:auto}.\[\&\>h1\+\*\]\:border>h1+*{border-width:1px}.\[\&\>h1\+\*\]\:p-4>h1+*{padding:1rem}.\[\&\>h1\+\*\]\:bg-surface-container-lowest>h1+*{background-color:var(--md-sys-color-surface-container-lowest, #ffffff)}.\[\&\>h1\+\*\]\:shape-medium>h1+*{border-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1))}.\[\&\>h1\+\*\]\:border-outline>h1+*{border-color:var(--md-sys-color-outline, #727785)}.\[\&\>h1\]\:mb-8>h1{margin-bottom:2rem}.\[\&\>h1\]\:mt-16>h1{margin-top:4rem}.\[\&\>p\]\:grid>p{display:grid}.\[\&\>p\]\:place-items-stretch>p{place-items:stretch}.\[\&\>p\]\:text-on-surface>p{color:var(--md-sys-color-on-surface, #181c25)}@media (min-width: 768px){.md\:\[\&\>p\]\:place-content-center>p{place-content:center}}.\[\&\>span\]\:inline-block>span{display:inline-block}.\[\&\>span\]\:grid>span{display:grid}.\[\&\>span\]\:h-10>span{height:2.5rem}.\[\&\>span\]\:h-24>span{height:6rem}.\[\&\>span\]\:w-24>span{width:6rem}.\[\&\>span\]\:w-full>span{width:100%}.\[\&\>span\]\:items-center>span{align-items:center}.\[\&\>span\]\:justify-center>span{justify-content:center} diff --git a/assets/index-DDib3Jbd.css b/assets/index-DDib3Jbd.css new file mode 100644 index 0000000..5fb5877 --- /dev/null +++ b/assets/index-DDib3Jbd.css @@ -0,0 +1 @@ +*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.text-display-large{font-weight:var(--md-sys-typescale-display-large-font-weight, 400);font-size:var(--md-sys-typescale-display-large-font-size, 57px);line-height:var(--md-sys-typescale-display-large-line-height, 64px);letter-spacing:var(--md-sys-typescale-display-large-letter-spacing, -.25px)}.text-display-medium{font-weight:var(--md-sys-typescale-display-medium-font-weight, 400);font-size:var(--md-sys-typescale-display-medium-font-size, 45px);line-height:var(--md-sys-typescale-display-medium-line-height, 52px);letter-spacing:var(--md-sys-typescale-display-medium-letter-spacing, 0px)}.text-display-small{font-weight:var(--md-sys-typescale-display-small-font-weight, 400);font-size:var(--md-sys-typescale-display-small-font-size, 36px);line-height:var(--md-sys-typescale-display-small-line-height, 44px);letter-spacing:var(--md-sys-typescale-display-small-letter-spacing, 0px)}.text-headline-large{font-weight:var(--md-sys-typescale-headline-large-font-weight, 400);font-size:var(--md-sys-typescale-headline-large-font-size, 32px);line-height:var(--md-sys-typescale-headline-large-line-height, 40px);letter-spacing:var(--md-sys-typescale-headline-large-letter-spacing, 0px)}.text-headline-medium{font-weight:var(--md-sys-typescale-headline-medium-font-weight, 400);font-size:var(--md-sys-typescale-headline-medium-font-size, 28px);line-height:var(--md-sys-typescale-headline-medium-line-height, 36px);letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing, 0px)}.text-headline-small{font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);font-size:var(--md-sys-typescale-headline-small-font-size, 24px);line-height:var(--md-sys-typescale-headline-small-line-height, 32px);letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing, 0px)}.text-title-large{font-weight:var(--md-sys-typescale-title-large-font-weight, 400);font-size:var(--md-sys-typescale-title-large-font-size, 22px);line-height:var(--md-sys-typescale-title-large-line-height, 28px);letter-spacing:var(--md-sys-typescale-title-large-letter-spacing, 0px)}.text-title-medium{font-weight:var(--md-sys-typescale-title-medium-font-weight, 500);font-size:var(--md-sys-typescale-title-medium-font-size, 16px);line-height:var(--md-sys-typescale-title-medium-line-height, 24px);letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing, .15px)}.text-title-small{font-weight:var(--md-sys-typescale-title-small-font-weight, 500);font-size:var(--md-sys-typescale-title-small-font-size, 14px);line-height:var(--md-sys-typescale-title-small-line-height, 20px);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing, .1px)}.text-body-large{font-weight:var(--md-sys-typescale-body-large-font-weight, 400);font-size:var(--md-sys-typescale-body-large-font-size, 16px);line-height:var(--md-sys-typescale-body-large-line-height, 24px);letter-spacing:var(--md-sys-typescale-body-large-letter-spacing, .5px)}.text-body-medium{font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);font-size:var(--md-sys-typescale-body-medium-font-size, 14px);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, .25px)}.text-body-small{font-weight:var(--md-sys-typescale-body-small-font-weight, 400);font-size:var(--md-sys-typescale-body-small-font-size, 12px);line-height:var(--md-sys-typescale-body-small-line-height, 16px);letter-spacing:var(--md-sys-typescale-body-small-letter-spacing, .4px)}.text-label-large{font-weight:var(--md-sys-typescale-label-large-font-weight, 500);font-size:var(--md-sys-typescale-label-large-font-size, 14px);line-height:var(--md-sys-typescale-label-large-line-height, 20px);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, .1px)}.text-label-medium{font-weight:var(--md-sys-typescale-label-medium-font-weight, 500);font-size:var(--md-sys-typescale-label-medium-font-size, 12px);line-height:var(--md-sys-typescale-label-medium-line-height, 16px);letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, .5px)}.text-label-small{font-weight:var(--md-sys-typescale-label-small-font-weight, 500);font-size:var(--md-sys-typescale-label-small-font-size, 11px);line-height:var(--md-sys-typescale-label-small-line-height, 16px);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing, .5px)}.fixed{position:fixed}.relative{position:relative}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.h-24{height:6rem}.w-24{width:6rem}.max-w-6xl{max-width:72rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.overflow-clip{overflow:clip}.border{border-width:1px}.px-4{padding-left:1rem;padding-right:1rem}.py-32{padding-top:8rem;padding-bottom:8rem}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.text-on-background{color:var(--md-sys-color-on-background, #181c25)}.text-surface{color:var(--md-sys-color-surface, #f9f9ff)}.text-on-surface{color:var(--md-sys-color-on-surface, #181c25)}.text-surface-variant{color:var(--md-sys-color-surface-variant, #dee2f2)}.text-on-surface-variant{color:var(--md-sys-color-on-surface-variant, #424753)}.text-inverse-on-surface{color:var(--md-sys-color-inverse-on-surface, #eef0fd)}.text-on-primary{color:var(--md-sys-color-on-primary, #ffffff)}.text-on-primary-container{color:var(--md-sys-color-on-primary-container, #001a41)}.text-on-secondary{color:var(--md-sys-color-on-secondary, #ffffff)}.text-on-secondary-container{color:var(--md-sys-color-on-secondary-container, #151937)}.text-on-tertiary{color:var(--md-sys-color-on-tertiary, #ffffff)}.text-on-tertiary-container{color:var(--md-sys-color-on-tertiary-container, #1e1341)}.text-on-error{color:var(--md-sys-color-on-error, #ffffff)}.text-on-error-container{color:var(--md-sys-color-on-error-container, #410002)}.text-on-primary-fixed{color:var(--md-sys-color-on-primary-fixed, #001a41)}.text-on-primary-fixed-variant{color:var(--md-sys-color-on-primary-fixed-variant, #004494)}.text-on-secondary-fixed{color:var(--md-sys-color-on-secondary-fixed, #151937)}.text-on-secondary-fixed-variant{color:var(--md-sys-color-on-secondary-fixed-variant, #414465)}.text-on-tertiary-fixed{color:var(--md-sys-color-on-tertiary-fixed, #1e1341)}.text-on-tertiary-fixed-variant{color:var(--md-sys-color-on-tertiary-fixed-variant, #4a4070)}.bg-primary-palette-key-color{background-color:var(--md-sys-color-primary-palette-key-color, #047aff)}.bg-secondary-palette-key-color{background-color:var(--md-sys-color-secondary-palette-key-color, #727598)}.bg-tertiary-palette-key-color{background-color:var(--md-sys-color-tertiary-palette-key-color, #7b70a3)}.bg-neutral-palette-key-color{background-color:var(--md-sys-color-neutral-palette-key-color, #737782)}.bg-neutral-variant-palette-key-color{background-color:var(--md-sys-color-neutral-variant-palette-key-color, #727785)}.bg-background{background-color:var(--md-sys-color-background, #f9f9ff)}.bg-surface{background-color:var(--md-sys-color-surface, #f9f9ff)}.bg-surface-dim{background-color:var(--md-sys-color-surface-dim, #d7d9e6)}.bg-surface-bright{background-color:var(--md-sys-color-surface-bright, #f9f9ff)}.bg-surface-container-lowest{background-color:var(--md-sys-color-surface-container-lowest, #ffffff)}.bg-surface-container-low{background-color:var(--md-sys-color-surface-container-low, #f1f3ff)}.bg-surface-container{background-color:var(--md-sys-color-surface-container, #ebedfa)}.bg-surface-container-high{background-color:var(--md-sys-color-surface-container-high, #e5e8f5)}.bg-surface-container-highest{background-color:var(--md-sys-color-surface-container-highest, #dfe2ef)}.bg-surface-variant{background-color:var(--md-sys-color-surface-variant, #dee2f2)}.bg-inverse-surface{background-color:var(--md-sys-color-inverse-surface, #2c303a)}.bg-outline{background-color:var(--md-sys-color-outline, #727785)}.bg-outline-variant{background-color:var(--md-sys-color-outline-variant, #c2c6d6)}.bg-shadow{background-color:var(--md-sys-color-shadow, #000000)}.bg-scrim{background-color:var(--md-sys-color-scrim, #000000)}.bg-surface-tint{background-color:var(--md-sys-color-surface-tint, #005ac1)}.bg-primary{background-color:var(--md-sys-color-primary, #005ac1)}.bg-primary-container{background-color:var(--md-sys-color-primary-container, #d8e2ff)}.bg-secondary{background-color:var(--md-sys-color-secondary, #595c7e)}.bg-secondary-container{background-color:var(--md-sys-color-secondary-container, #dfe0ff)}.bg-tertiary{background-color:var(--md-sys-color-tertiary, #625789)}.bg-tertiary-container{background-color:var(--md-sys-color-tertiary-container, #e7deff)}.bg-error{background-color:var(--md-sys-color-error, #ba1a1a)}.bg-error-container{background-color:var(--md-sys-color-error-container, #ffdad6)}.bg-primary-fixed{background-color:var(--md-sys-color-primary-fixed, #d8e2ff)}.bg-primary-fixed-dim{background-color:var(--md-sys-color-primary-fixed-dim, #adc6ff)}.bg-secondary-fixed{background-color:var(--md-sys-color-secondary-fixed, #dfe0ff)}.bg-secondary-fixed-dim{background-color:var(--md-sys-color-secondary-fixed-dim, #c1c4eb)}.bg-tertiary-fixed{background-color:var(--md-sys-color-tertiary-fixed, #e7deff)}.bg-tertiary-fixed-dim{background-color:var(--md-sys-color-tertiary-fixed-dim, #ccbff8)}.elevation-none{box-shadow:var(--md-sys-elevation-level-none, none)}.elevation-1{box-shadow:var(--md-sys-elevation-level-1, var(--md-sys-color-shadow, rgba(0, 0, 0, .2)) 0px 2px 1px -1px, var(--md-sys-color-shadow, rgba(0, 0, 0, .14)) 0px 1px 1px 0px, var(--md-sys-color-shadow, rgba(0, 0, 0, .12)) 0px 1px 3px 0px)}.elevation-2{box-shadow:var(--md-sys-elevation-level-2, var(--md-sys-color-shadow, rgba(0, 0, 0, .2)) 0px 3px 3px -2px, var(--md-sys-color-shadow, rgba(0, 0, 0, .14)) 0px 3px 4px 0px, var(--md-sys-color-shadow, rgba(0, 0, 0, .12)) 0px 1px 8px 0px)}.elevation-3{box-shadow:var(--md-sys-elevation-level-3, var(--md-sys-color-shadow, rgba(0, 0, 0, .2)) 0px 3px 5px -1px, var(--md-sys-color-shadow, rgba(0, 0, 0, .14)) 0px 6px 10px 0px, var(--md-sys-color-shadow, rgba(0, 0, 0, .12)) 0px 1px 18px 0px)}.elevation-4{box-shadow:var(--md-sys-elevation-level-4, var(--md-sys-color-shadow, rgba(0, 0, 0, .2)) 0px 5px 5px -3px, var(--md-sys-color-shadow, rgba(0, 0, 0, .14)) 0px 8px 10px 1px, var(--md-sys-color-shadow, rgba(0, 0, 0, .12)) 0px 3px 14px 2px)}.elevation-5{box-shadow:var(--md-sys-elevation-level-5, var(--md-sys-color-shadow, rgba(0, 0, 0, .2)) 0px 7px 8px -4px, var(--md-sys-color-shadow, rgba(0, 0, 0, .14)) 0px 12px 17px 2px, var(--md-sys-color-shadow, rgba(0, 0, 0, .12)) 0px 5px 22px 4px)}.animation-easing-emphasized{animation-timing-function:var(--md-sys-motion-easing-emphasized, ease-in-out)}.animation-easing-emphasized-decelerate{animation-timing-function:var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1))}.animation-easing-emphasized-accelerate{animation-timing-function:var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(.3, 0, .8, .15))}.animation-easing-standard{animation-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1))}.animation-easing-standard-decelerate{animation-timing-function:var(--md-sys-motion-easing-standard-decelerate, cubic-bezier(0, 0, 0, 1))}.animation-easing-standard-accelerate{animation-timing-function:var(--md-sys-motion-easing-standard-accelerate, cubic-bezier(.3, 0, 1, 1))}.shape-full{border-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1))}.shape-full-t{border-top-left-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1));border-top-right-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1))}.shape-full-tl{border-top-left-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1))}.shape-full-tr{border-top-right-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1))}.shape-full-b{border-bottom-left-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1));border-bottom-right-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1))}.shape-full-bl{border-bottom-left-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1))}.shape-full-br{border-bottom-right-radius:calc(var(--md-sys-shape-full, 9999px) * var(--md-sys-shape-unit, 1))}.shape-extra{border-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1))}.shape-extra-t{border-top-left-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1));border-top-right-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1))}.shape-extra-tl{border-top-left-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1))}.shape-extra-tr{border-top-right-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1))}.shape-extra-b{border-bottom-left-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1));border-bottom-right-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1))}.shape-extra-bl{border-bottom-left-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1))}.shape-extra-br{border-bottom-right-radius:calc(var(--md-sys-shape-extra, 28px) * var(--md-sys-shape-unit, 1))}.shape-large{border-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1))}.shape-large-t{border-top-left-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1));border-top-right-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1))}.shape-large-tl{border-top-left-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1))}.shape-large-tr{border-top-right-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1))}.shape-large-b{border-bottom-left-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1));border-bottom-right-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1))}.shape-large-bl{border-bottom-left-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1))}.shape-large-br{border-bottom-right-radius:calc(var(--md-sys-shape-large, 16px) * var(--md-sys-shape-unit, 1))}.shape-medium{border-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1))}.shape-medium-t{border-top-left-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1));border-top-right-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1))}.shape-medium-tl{border-top-left-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1))}.shape-medium-tr{border-top-right-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1))}.shape-medium-b{border-bottom-left-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1));border-bottom-right-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1))}.shape-medium-bl{border-bottom-left-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1))}.shape-medium-br{border-bottom-right-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1))}.shape-small{border-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1))}.shape-small-t{border-top-left-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1));border-top-right-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1))}.shape-small-tl{border-top-left-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1))}.shape-small-tr{border-top-right-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1))}.shape-small-b{border-bottom-left-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1));border-bottom-right-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1))}.shape-small-bl{border-bottom-left-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1))}.shape-small-br{border-bottom-right-radius:calc(var(--md-sys-shape-small, 8px) * var(--md-sys-shape-unit, 1))}.shape-extra-small{border-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1))}.shape-extra-small-t{border-top-left-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1));border-top-right-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1))}.shape-extra-small-tl{border-top-left-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1))}.shape-extra-small-tr{border-top-right-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1))}.shape-extra-small-b{border-bottom-left-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1));border-bottom-right-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1))}.shape-extra-small-bl{border-bottom-left-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1))}.shape-extra-small-br{border-bottom-right-radius:calc(var(--md-sys-shape-extra-small, 4px) * var(--md-sys-shape-unit, 1))}.shape-none{border-radius:var(--md-sys-shape-none, none)}.border-outline{border-color:var(--md-sys-color-outline, #727785)}.border-outline-variant{border-color:var(--md-sys-color-outline-variant, #c2c6d6)}.outline-outline{outline-color:var(--md-sys-color-outline, #727785)}.outline-outline-variant{outline-color:var(--md-sys-color-outline-variant, #c2c6d6)}.w-compact{width:var(--md-sys-sizing-width-compact, 600px)}.w-medium{width:var(--md-sys-sizing-width-medium, 840px)}.w-expanded{width:var(--md-sys-sizing-width-expanded, 1200px)}.w-large{width:var(--md-sys-sizing-width-large, 1600px)}.\[\&\>div\>span\]\:text-label-large>div>span{font-weight:var(--md-sys-typescale-label-large-font-weight, 500);font-size:var(--md-sys-typescale-label-large-font-size, 14px);line-height:var(--md-sys-typescale-label-large-line-height, 20px);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, .1px)}.\[\&\>h1\]\:text-headline-large>h1{font-weight:var(--md-sys-typescale-headline-large-font-weight, 400);font-size:var(--md-sys-typescale-headline-large-font-size, 32px);line-height:var(--md-sys-typescale-headline-large-line-height, 40px);letter-spacing:var(--md-sys-typescale-headline-large-letter-spacing, 0px)}@media (max-width: 600px){.compact\:text-on-primary{color:var(--md-sys-color-on-primary, #ffffff)}.compact\:bg-primary{background-color:var(--md-sys-color-primary, #005ac1)}}@media (min-width: 600px) and (max-width: 840px){.medium\:text-on-primary{color:var(--md-sys-color-on-primary, #ffffff)}.medium\:bg-primary{background-color:var(--md-sys-color-primary, #005ac1)}}@media (min-width: 840px) and (max-width: 1200px){.expanded\:text-on-primary{color:var(--md-sys-color-on-primary, #ffffff)}.expanded\:bg-primary{background-color:var(--md-sys-color-primary, #005ac1)}}@media (min-width: 1200px) and (max-width: 1600px){.large\:text-on-primary{color:var(--md-sys-color-on-primary, #ffffff)}.large\:bg-primary{background-color:var(--md-sys-color-primary, #005ac1)}}@media (min-width: 1600px){.extra-large\:text-on-primary{color:var(--md-sys-color-on-primary, #ffffff)}.extra-large\:bg-primary{background-color:var(--md-sys-color-primary, #005ac1)}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:px-16{padding-left:4rem;padding-right:4rem}}@media (min-width: 1024px){.lg\:px-32{padding-left:8rem;padding-right:8rem}}@media (min-width: 1280px){.xl\:mx-auto{margin-left:auto;margin-right:auto}}.\[\&\>div\>span\]\:inline-block>div>span{display:inline-block}.\[\&\>div\>span\]\:inline-flex>div>span{display:inline-flex}.\[\&\>div\>span\]\:h-10>div>span{height:2.5rem}.\[\&\>div\>span\]\:w-10>div>span{width:2.5rem}.\[\&\>div\>span\]\:min-w-20>div>span{min-width:5rem}.\[\&\>div\>span\]\:items-center>div>span{align-items:center}.\[\&\>div\>span\]\:justify-center>div>span{justify-content:center}.\[\&\>div\>span\]\:bg-primary>div>span{background-color:var(--md-sys-color-primary, #005ac1)}.\[\&\>div\]\:flex>div{display:flex}.\[\&\>h1\+\*\]\:overflow-auto>h1+*{overflow:auto}.\[\&\>h1\+\*\]\:border>h1+*{border-width:1px}.\[\&\>h1\+\*\]\:p-4>h1+*{padding:1rem}.\[\&\>h1\+\*\]\:bg-surface-container-lowest>h1+*{background-color:var(--md-sys-color-surface-container-lowest, #ffffff)}.\[\&\>h1\+\*\]\:shape-medium>h1+*{border-radius:calc(var(--md-sys-shape-medium, 12px) * var(--md-sys-shape-unit, 1))}.\[\&\>h1\+\*\]\:border-outline>h1+*{border-color:var(--md-sys-color-outline, #727785)}.\[\&\>h1\]\:mb-8>h1{margin-bottom:2rem}.\[\&\>h1\]\:mt-16>h1{margin-top:4rem}.\[\&\>p\]\:grid>p{display:grid}.\[\&\>p\]\:place-items-stretch>p{place-items:stretch}.\[\&\>p\]\:text-on-surface>p{color:var(--md-sys-color-on-surface, #181c25)}@media (min-width: 768px){.md\:\[\&\>p\]\:place-content-center>p{place-content:center}}.\[\&\>span\]\:inline-block>span{display:inline-block}.\[\&\>span\]\:grid>span{display:grid}.\[\&\>span\]\:h-10>span{height:2.5rem}.\[\&\>span\]\:h-24>span{height:6rem}.\[\&\>span\]\:w-24>span{width:6rem}.\[\&\>span\]\:w-full>span{width:100%}.\[\&\>span\]\:items-center>span{align-items:center}.\[\&\>span\]\:justify-start>span{justify-content:flex-start}.\[\&\>span\]\:justify-center>span{justify-content:center}.\[\&\>span\]\:border>span{border-width:1px}.\[\&\>span\]\:pl-8>span{padding-left:2rem}.\[\&\>span\]\:border-outline-variant>span{border-color:var(--md-sys-color-outline-variant, #c2c6d6)} diff --git a/index.html b/index.html index 73ef77f..0f05a70 100644 --- a/index.html +++ b/index.html @@ -66,8 +66,8 @@ filter: blur(64px); } - - + + @@ -266,6 +266,15 @@

Window Media Query

Large [max-width: 1600px] ExtraLarge [min-width: 1600px] + +

Sizing

+
+ w-compact + w-medium + w-expanded + w-large +