commit f76aac2149aa923244e211edaaacd326ddf98d9b
Author: metacryst <samrussell99@gmail.com>
Date:   Sun Apr 5 03:11:57 2026 -0500

    init

diff --git a/getStyles.js b/getStyles.js
new file mode 100644
index 0000000..2e46040
--- /dev/null
+++ b/getStyles.js
@@ -0,0 +1,47 @@
+function getStyles(el, results = []) {
+    const styles = window.getComputedStyle(el)
+    const css = Array.from(styles).map(prop => `  ${prop}: ${styles.getPropertyValue(prop)};`).join('\n')
+    const selector = el.tagName.toLowerCase() + 
+        (el.id ? `#${el.id}` : '') + 
+        (el.className && typeof el.className === 'string' ? `.${el.className.trim().split(/\s+/).join('.')}` : '')
+    results.push(`${selector} {\n${css}\n}`)
+    for (const child of el.children) getStyles(child, results)
+    return results.join('\n\n')
+}
+
+
+// shorter byt doesn't always get everything
+function getStyles(el, results = []) {
+    const styles = window.getComputedStyle(el)
+    
+    const dummy = document.createElement(el.tagName)
+    document.body.appendChild(dummy)
+    const defaultStyles = window.getComputedStyle(dummy)
+    
+    const css = Array.from(styles)
+        .filter(prop => styles.getPropertyValue(prop) !== defaultStyles.getPropertyValue(prop))
+        .map(prop => `  ${prop}: ${styles.getPropertyValue(prop)};`)
+        .join('\n')
+    
+    document.body.removeChild(dummy)
+    
+    const selector = el.tagName.toLowerCase() + 
+        (el.id ? `#${el.id}` : '') + 
+        (el.className && typeof el.className === 'string' ? `.${el.className.trim().split(/\s+/).join('.')}` : '')
+    
+    if (css) results.push(`${selector} {\n${css}\n}`)
+    for (const child of el.children) getStyles(child, results)
+    
+    const output = results.join('\n\n')
+    
+    const ta = document.createElement('textarea')
+    ta.value = output
+    document.body.appendChild(ta)
+    ta.select()
+    document.execCommand('copy')
+    document.body.removeChild(ta)
+    
+    return output
+}
+
+getStyles(document.querySelector('section'))
\ No newline at end of file
diff --git a/index.css b/index.css
new file mode 100644
index 0000000..b275ee8
--- /dev/null
+++ b/index.css
@@ -0,0 +1,1117 @@
+section.bg-black.text-white.selection:bg-white.overflow-hidden.flex.items-stretch.justify-stretch {
+  align-items: stretch;
+  background-color: rgb(254, 98, 12);
+  block-size: 787px;
+  bottom: 0px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  display: flex;
+  font-family: degular, "degular Fallback", mono;
+  height: 787px;
+  inset-block-end: 0px;
+  inset-block-start: 0px;
+  inset-inline-end: 0px;
+  inset-inline-start: 0px;
+  justify-content: stretch;
+  left: 0px;
+  min-block-size: 787px;
+  min-height: 787px;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 517.5px 393.5px;
+  position: relative;
+  right: 0px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  top: 0px;
+  transform-origin: 517.5px 393.5px;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.absolute.inset-0.w-full.h-full.z-0 {
+  block-size: 787px;
+  bottom: 0px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  font-family: degular, "degular Fallback", mono;
+  height: 787px;
+  inset-block-end: 0px;
+  inset-block-start: 0px;
+  inset-inline-end: 0px;
+  inset-inline-start: 0px;
+  left: 0px;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 517.5px 393.5px;
+  position: absolute;
+  right: 0px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  top: 0px;
+  transform-origin: 517.5px 393.5px;
+  z-index: 0;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.relative.z-0.w-screen.h-screen {
+  block-size: 787px;
+  bottom: 0px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  font-family: degular, "degular Fallback", mono;
+  height: 787px;
+  inset-block-end: 0px;
+  inset-block-start: 0px;
+  inset-inline-end: 0px;
+  inset-inline-start: 0px;
+  left: 0px;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 517.5px 393.5px;
+  position: relative;
+  right: 0px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  top: 0px;
+  transform-origin: 517.5px 393.5px;
+  z-index: 0;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.h-full.w-full.flex.overflow-hidden {
+  background-color: rgb(255, 255, 255);
+  block-size: 787px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  display: flex;
+  font-family: degular, "degular Fallback", mono;
+  height: 787px;
+  width: 100vw;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 517.5px 393.5px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform-origin: 517.5px 393.5px;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.flex.w-full.items-center.justify-center {
+  align-items: center;
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  display: flex;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  justify-content: center;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 517.5px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(0.887163, 0.887163, -0.707107, 0.707107, 0, -314.8);
+  transform-origin: 517.5px 708.297px;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 14.8429%, rgb(255, 74, 9) 19.7905%, rgb(254, 111, 18) 43.8559%, rgb(255, 74, 9) 66.743%, rgb(252, 147, 26) 76.743%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 20.4079%, rgb(255, 74, 9) 27.2106%, rgb(254, 111, 18) 44.6797%, rgb(255, 74, 9) 62.1488%, rgb(252, 147, 26) 72.967%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 26.792%, rgb(255, 74, 9) 35.7226%, rgb(254, 111, 18) 46.3434%, rgb(255, 74, 9) 56.9642%, rgb(252, 147, 26) 70.6339%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 32.3698%, rgb(255, 74, 9) 43.1597%, rgb(254, 111, 18) 48.5844%, rgb(255, 74, 9) 54.0091%, rgb(252, 147, 26) 69.3041%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 34.3007%, rgb(255, 74, 9) 45.7342%, rgb(254, 111, 18) 51.0489%, rgb(255, 74, 9) 56.3636%, rgb(252, 147, 26) 70.3636%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 32.1147%, rgb(255, 74, 9) 42.8197%, rgb(254, 111, 18) 53.3478%, rgb(255, 74, 9) 63.8101%, rgb(252, 147, 26) 73.8101%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 28.2823%, rgb(255, 74, 9) 37.7097%, rgb(254, 111, 18) 55.1182%, rgb(255, 74, 9) 70.0818%, rgb(252, 147, 26) 80.0818%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 24.0256%, rgb(255, 74, 9) 32.0341%, rgb(254, 111, 18) 56.0805%, rgb(255, 74, 9) 75.592%, rgb(252, 147, 26) 85.592%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 24.0268%, rgb(255, 74, 9) 32.0357%, rgb(254, 111, 18) 56.0828%, rgb(255, 74, 9) 75.5942%, rgb(252, 147, 26) 85.5942%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 28.2858%, rgb(255, 74, 9) 37.7143%, rgb(254, 111, 18) 55.1248%, rgb(255, 74, 9) 70.0881%, rgb(252, 147, 26) 80.0881%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 32.1199%, rgb(255, 74, 9) 42.8266%, rgb(254, 111, 18) 53.3577%, rgb(255, 74, 9) 63.8194%, rgb(252, 147, 26) 73.8194%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 34.3068%, rgb(255, 74, 9) 45.7423%, rgb(254, 111, 18) 51.0605%, rgb(255, 74, 9) 56.3786%, rgb(252, 147, 26) 70.3704%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 32.381%, rgb(255, 74, 9) 43.1746%, rgb(254, 111, 18) 48.5959%, rgb(255, 74, 9) 54.0171%, rgb(252, 147, 26) 69.3077%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 26.8012%, rgb(255, 74, 9) 35.735%, rgb(254, 111, 18) 46.3529%, rgb(255, 74, 9) 56.9708%, rgb(252, 147, 26) 70.6369%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 20.4138%, rgb(255, 74, 9) 27.2184%, rgb(254, 111, 18) 44.6857%, rgb(255, 74, 9) 62.153%, rgb(252, 147, 26) 72.9689%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 14.8445%, rgb(255, 74, 9) 19.7926%, rgb(254, 111, 18) 43.8576%, rgb(255, 74, 9) 66.7438%, rgb(252, 147, 26) 76.7438%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 14.9825%, rgb(255, 74, 9) 19.9767%, rgb(254, 111, 18) 43.9992%, rgb(255, 74, 9) 66.8157%, rgb(252, 147, 26) 76.8157%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.rectangle {
+  background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 20.8062%, rgb(255, 74, 9) 27.7416%, rgb(254, 111, 18) 45.0882%, rgb(255, 74, 9) 62.4347%, rgb(252, 147, 26) 73.0956%, rgb(255, 255, 255) 100%);
+  block-size: 1416.59px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 1416.59px;
+  inline-size: 57.5px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 28.75px 708.297px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform: matrix(1.1, 0, 0, 1, 0, 0);
+  transform-origin: 28.75px 708.297px;
+  width: 57.5px;
+  will-change: background;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.film-grain.overflow-hidden {
+  block-size: 787px;
+  bottom: 0px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  font-family: degular, "degular Fallback", mono;
+  height: 787px;
+  width: 100vw;
+  inset-block-end: 0px;
+  inset-block-start: 0px;
+  inset-inline-end: 0px;
+  inset-inline-start: 0px;
+  left: 0px;
+  max-block-size: 100%;
+  max-height: 100%;
+  max-inline-size: 100%;
+  max-width: 100%;
+  mix-blend-mode: overlay;
+  outline-color: rgb(255, 255, 255);
+  overflow-block: hidden;
+  overflow-inline: hidden;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  perspective-origin: 517.5px 393.5px;
+  pointer-events: none;
+  position: absolute;
+  right: 0px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  top: 0px;
+  transform-origin: 517.5px 393.5px;
+  z-index: 1;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+  --grain-opacity: 0.35;
+  --grain-speed: 1s;
+}
+
+.film-grain::before {
+    content: "";
+    display: block;
+    opacity: var(--grain-opacity,.25);
+    background-image: url(/noise.png);
+    width: calc(200% + 20rem);
+    height: calc(200% + 20rem);
+    transition: opacity .5s;
+    animation: grain-noise 1s steps(2) infinite;
+    top: 0;
+    left: 0;
+    -webkit-animation: grain-noise 1s steps(2) infinite;
+}
+
+@keyframes grain-noise {
+  0% {
+      transform: translateY(2rem);
+  }
+  10% {
+      transform: translate(-1rem, -2rem);
+  }
+  20% {
+      transform: translate(-4rem, 1rem);
+  }
+  30% {
+      transform: translate(4.5rem, -4.5rem);
+  }
+  40% {
+      transform: translate(-1rem, 3.5rem);
+  }
+  50% {
+      transform: translate(-4.5rem, -2rem);
+  }
+  60% {
+      transform: translate(1rem, 3rem);
+  }
+  70% {
+      transform: translate(3.5rem, -4rem);
+  }
+  80% {
+      transform: translate(-4.5rem, .5rem);
+  }
+  90% {
+      transform: translate(3rem, -2.5rem);
+  }
+  100% {
+      transform: translate(-3.5rem);
+  }
+}
+
+div.pt-20.md:pt-28.pb-20.md:pb-28.h-full.mx-auto.w-full.max-w-.px-.min-h-full.flex.flex-col.isolate.relative.z-.justify-center.items-center.h-auto.pointer-events-none {
+  align-items: center;
+  block-size: 787px;
+  bottom: 0px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  display: flex;
+  flex-direction: column;
+  font-family: degular, "degular Fallback", mono;
+  height: 787px;
+  inset-block-end: 0px;
+  transform: rotate(45deg);
+  inset-block-start: 0px;
+  inset-inline-end: 0px;
+  inset-inline-start: 0px;
+  isolation: isolate;
+  justify-content: center;
+  left: 0px;
+  max-inline-size: 1440px;
+  max-width: 1440px;
+  min-block-size: 100%;
+  min-height: 100%;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  padding-block-end: 112px;
+  padding-block-start: 112px;
+  padding-bottom: 112px;
+  padding-inline-end: 28px;
+  padding-inline-start: 28px;
+  padding-left: 28px;
+  padding-right: 28px;
+  padding-top: 112px;
+  perspective-origin: 517.5px 393.5px;
+  pointer-events: none;
+  position: relative;
+  right: 0px;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  top: 0px;
+  transform-origin: 517.5px 393.5px;
+  z-index: 2;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.h-full.w-full.flex.flex-col.items-center.text-center.gap-y-6.md:gap-y-12.max-md:justify-center {
+  align-items: center;
+  block-size: 563px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  display: flex;
+  flex-direction: column;
+  font-family: degular, "degular Fallback", mono;
+  height: 563px;
+  inline-size: 979px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 489.5px 281.5px;
+  pointer-events: none;
+  row-gap: 48px;
+  text-align: center;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform-origin: 489.5px 281.5px;
+  width: 979px;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.md:flex-1 {
+  block-size: 198.297px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 198.297px;
+  inline-size: 0px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 0px 99.1484px;
+  pointer-events: none;
+  text-align: center;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform-origin: 0px 99.1484px;
+  width: 0px;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div {
+  block-size: 70.3984px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  filter: blur(0px);
+  font-family: degular, "degular Fallback", mono;
+  height: 70.3984px;
+  inline-size: 934.148px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 467.07px 35.1953px;
+  pointer-events: none;
+  text-align: center;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform-origin: 467.074px 35.1992px;
+  width: 934.148px;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+h2.text-[32px].lg:text-[64px].text-balance.font-serif.leading-[1.1].tracking-[-0.01em] {
+  block-size: 70.3984px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  font-family: kalice, "kalice Fallback", serif;
+  font-size: 64px;
+  height: 70.3984px;
+  inline-size: 934.148px;
+  letter-spacing: -0.64px;
+  line-height: 70.4px;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 467.07px 35.1953px;
+  pointer-events: none;
+  text-align: center;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  text-wrap-style: balance;
+  transform-origin: 467.074px 35.1992px;
+  width: 934.148px;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+span.block {
+  block-size: 70.3984px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  display: block;
+  font-family: kalice, "kalice Fallback", serif;
+  font-size: 64px;
+  height: 70.3984px;
+  inline-size: 934.148px;
+  letter-spacing: -0.64px;
+  line-height: 70.4px;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 467.07px 35.1953px;
+  pointer-events: none;
+  text-align: center;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  text-wrap-style: balance;
+  transform-origin: 467.074px 35.1992px;
+  width: 934.148px;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.md:flex-1 {
+  block-size: 198.305px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  filter: blur(0px);
+  flex-basis: 0%;
+  flex-grow: 1;
+  font-family: degular, "degular Fallback", mono;
+  height: 198.305px;
+  inline-size: 450px;
+  min-block-size: auto;
+  min-height: auto;
+  min-inline-size: auto;
+  min-width: auto;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 225px 99.1484px;
+  pointer-events: none;
+  text-align: center;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  transform-origin: 225px 99.1523px;
+  width: 450px;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+div.text-[18px].lg:text-[20px].leading-[1.1].tracking-[-0.01em].text-balance.max-w-[450px].max-md:px-2 {
+  block-size: 66px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  font-family: degular, "degular Fallback", mono;
+  font-size: 20px;
+  height: 66px;
+  inline-size: 450px;
+  letter-spacing: -0.2px;
+  line-height: 22px;
+  max-inline-size: 450px;
+  max-width: 450px;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 225px 33px;
+  pointer-events: none;
+  text-align: center;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  text-wrap-style: balance;
+  transform-origin: 225px 33px;
+  width: 450px;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
+
+p.mb-2.last:mb-0 {
+  block-size: 66px;
+  caret-color: rgb(255, 255, 255);
+  color: rgb(255, 255, 255);
+  column-rule-color: rgb(255, 255, 255);
+  font-family: degular, "degular Fallback", mono;
+  font-size: 20px;
+  height: 66px;
+  inline-size: 450px;
+  letter-spacing: -0.2px;
+  line-height: 22px;
+  outline-color: rgb(255, 255, 255);
+  perspective-origin: 225px 33px;
+  pointer-events: none;
+  text-align: center;
+  text-decoration-color: rgb(255, 255, 255);
+  text-emphasis-color: rgb(255, 255, 255);
+  text-wrap-style: balance;
+  transform-origin: 225px 33px;
+  width: 450px;
+  -webkit-text-fill-color: rgb(255, 255, 255);
+  -webkit-text-stroke-color: rgb(255, 255, 255);
+  --font-degular-mono: "degularMono","degularMono Fallback",mono;
+  --font-degular: "degular","degular Fallback",mono;
+  --tw-text-opacity: 1;
+  --bg: rgba(0 0 0/1);
+  --font-kalice: "kalice","kalice Fallback",serif;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..f0eae1d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>Film Grain</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" href="/_/icons/logo.svg">
+    <link rel="stylesheet" href="/index.css">
+</head>
+
+<body style="margin: 0px">
+    <section
+        class="bg-black text-white selection:bg-white selection:text-black [--bg:rgba(var(--black-rgb)/1)] hero min-h-screen-svh relative overflow-hidden flex items-stretch justify-stretch"
+        data-section-theme="dark" style="/* background-color:#fe620c; */">
+            <div class="flex w-full items-center justify-center"
+                style="height: calc(250vh); position: absolute; top: -80vh; left: 20vw; transform: rotate(45deg) scaleX(1.75464); transform-origin: center center;">
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 15.8366%, rgb(255, 74, 9) 21.1155%, rgb(254, 111, 18) 44.8752%, rgb(255, 74, 9) 67.2603%, rgb(252, 147, 26) 77.2603%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 19.6644%, rgb(255, 74, 9) 26.2193%, rgb(254, 111, 18) 43.9171%, rgb(255, 74, 9) 61.615%, rgb(252, 147, 26) 72.7268%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 24.4286%, rgb(255, 74, 9) 32.5715%, rgb(254, 111, 18) 43.9195%, rgb(255, 74, 9) 55.2674%, rgb(252, 147, 26) 69.8703%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 28.7597%, rgb(255, 74, 9) 38.3463%, rgb(254, 111, 18) 44.8817%, rgb(255, 74, 9) 51.4172%, rgb(252, 147, 26) 68.1377%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 30.4858%, rgb(255, 74, 9) 40.6477%, rgb(254, 111, 18) 46.6521%, rgb(255, 74, 9) 52.6565%, rgb(252, 147, 26) 68.6954%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 29.3343%, rgb(255, 74, 9) 39.1124%, rgb(254, 111, 18) 48.9509%, rgb(255, 74, 9) 58.7895%, rgb(252, 147, 26) 71.4553%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 26.3383%, rgb(255, 74, 9) 35.1177%, rgb(254, 111, 18) 51.4154%, rgb(255, 74, 9) 66.5919%, rgb(252, 147, 26) 76.5919%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 22.7529%, rgb(255, 74, 9) 30.3372%, rgb(254, 111, 18) 53.6562%, rgb(255, 74, 9) 73.3071%, rgb(252, 147, 26) 83.3071%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 23.6261%, rgb(255, 74, 9) 31.5015%, rgb(254, 111, 18) 55.3196%, rgb(255, 74, 9) 74.8748%, rgb(252, 147, 26) 84.8748%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 28.82%, rgb(255, 74, 9) 38.4266%, rgb(254, 111, 18) 56.1423%, rgb(255, 74, 9) 71.0471%, rgb(252, 147, 26) 81.0471%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 33.5042%, rgb(255, 74, 9) 44.6722%, rgb(254, 111, 18) 55.9944%, rgb(255, 74, 9) 66.3044%, rgb(252, 147, 26) 76.3044%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%;height: 100%;transform: scaleX(1.1);will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 36.324%, rgb(255, 74, 9) 48.432%, rgb(254, 111, 18) 54.9029%, rgb(255, 74, 9) 61.3738%, rgb(252, 147, 26) 72.6182%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 35.3441%, rgb(255, 74, 9) 47.1255%, rgb(254, 111, 18) 53.0364%, rgb(255, 74, 9) 58.9473%, rgb(252, 147, 26) 71.5263%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 30.7193%, rgb(255, 74, 9) 40.959%, rgb(254, 111, 18) 50.6898%, rgb(255, 74, 9) 60.4205%, rgb(252, 147, 26) 72.1892%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 23.8733%, rgb(255, 74, 9) 31.8311%, rgb(254, 111, 18) 48.2339%, rgb(255, 74, 9) 64.3617%, rgb(252, 147, 26) 74.3617%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 16.9888%, rgb(255, 74, 9) 22.6517%, rgb(254, 111, 18) 46.0568%, rgb(255, 74, 9) 67.86%, rgb(252, 147, 26) 77.86%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 15.473%, rgb(255, 74, 9) 20.6307%, rgb(254, 111, 18) 44.5022%, rgb(255, 74, 9) 67.071%, rgb(252, 147, 26) 77.071%, rgb(255, 255, 255) 100%);">
+                </div>
+                <div class="rectangle"
+                    style="flex: 1 1 0%; height: 100%; transform: scaleX(1.1); will-change: background; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 19.5654%, rgb(255, 74, 9) 26.0872%, rgb(254, 111, 18) 43.8156%, rgb(255, 74, 9) 61.5439%, rgb(252, 147, 26) 72.6948%, rgb(255, 255, 255) 100%);">
+            </div>
+        </div>
+        <div class="film-grain overflow-hidden" style="--grain-opacity:0.35; top: 0; left: 0; height: 300vh; width: 100vw; position: absolute;"></div>
+        <div
+            class="pt-20 md:pt-28 pb-20 md:pb-28 h-full mx-auto w-full max-w-[90rem] px-[var(--gutter-padding,20px)] min-h-full flex flex-col isolate relative z-[2] justify-center items-center !h-auto pointer-events-none">
+            <div class="h-full w-full flex flex-col items-center text-center gap-y-6 md:gap-y-12 max-md:justify-center">
+                <div class="md:flex-1"></div>
+                <div class="" style="opacity: 1; filter: blur(0px); transform: none;">
+                    <h2 class="text-[32px] lg:text-[64px] text-balance font-serif leading-[1.1] tracking-[-0.01em]">
+                        <span class="block">Artisanal quality at industrial scale.</span></h2>
+                </div>
+                <div class="md:flex-1" style="opacity: 1; filter: blur(0px); transform: none;">
+                    <div
+                        class="text-[18px] lg:text-[20px] leading-[1.1] tracking-[-0.01em] text-balance max-w-[450px] max-md:px-2">
+                        <p class="mb-2 last:mb-0">Shinkei uses robotics to build a world where fishermen thrive, supply
+                            chains are transparent, and American food systems restore national vitality.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div style="  width: 100vw; height: 100vh;  mask-image: radial-gradient(circle at 50% 120%, black 0%, black 40%, rgba(0, 0, 0, 0.66) 60%, rgba(0, 0, 0, 0.5) 65%, transparent 75%);
+    background: radial-gradient(circle at 50% 120%, rgb(64, 140, 255) -10.5%, rgb(255, 74, 9) -0.5%, rgb(254, 111, 18) 9.5%, rgb(217, 72, 0) 19.5%, rgb(40, 101, 255) 29.5%, rgb(64, 140, 255) 39.5%, rgb(255, 74, 9) 49.5%, rgb(254, 111, 18) 59.5%, rgb(217, 72, 0) 69.5%, rgb(40, 101, 255) 79.5%, rgb(64, 140, 255) 89.5%, rgb(255, 74, 9) 99.5%, rgb(254, 111, 18) 109.5%);"></div>
+    </section>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/index2.css b/index2.css
new file mode 100644
index 0000000..ac3c24f
--- /dev/null
+++ b/index2.css
@@ -0,0 +1,18579 @@
+section {
+     accent-color: auto;
+     align-content: normal;
+     align-items: stretch;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgb(0, 0, 0);
+     background-image: none;
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 787px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: 0px;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: flex;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: auto;
+     flex-direction: row;
+     flex-grow: 0;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 787px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 1035px;
+     inset-block-end: 0px;
+     inset-block-start: 0px;
+     inset-inline-end: 0px;
+     inset-inline-start: 0px;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: stretch;
+     justify-items: normal;
+     justify-self: auto;
+     left: 0px;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: 787px;
+     min-height: 787px;
+     min-inline-size: 0px;
+     min-width: 0px;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: hidden;
+     overflow-clip-margin: 0px;
+     overflow-inline: hidden;
+     overflow-wrap: normal;
+     overflow-x: hidden;
+     overflow-y: hidden;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 517.5px 393.5px;
+     pointer-events: auto;
+     position: relative;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: 0px;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: 0px;
+     touch-action: auto;
+     transform: none;
+     transform-origin: 517.5px 393.5px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 1035px;
+     will-change: auto;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.absolute.inset-0.w-full.h-full.z-0 {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: none;
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 787px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: 0px;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: auto;
+     flex-direction: row;
+     flex-grow: 0;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 787px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 1035px;
+     inset-block-end: 0px;
+     inset-block-start: 0px;
+     inset-inline-end: 0px;
+     inset-inline-start: 0px;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: 0px;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: 0px;
+     min-height: 0px;
+     min-inline-size: 0px;
+     min-width: 0px;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 517.5px 393.5px;
+     pointer-events: auto;
+     position: absolute;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: 0px;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: 0px;
+     touch-action: auto;
+     transform: none;
+     transform-origin: 517.5px 393.5px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 1035px;
+     will-change: auto;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: 0;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.relative.z-0.w-screen.h-screen {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: none;
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 787px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: 0px;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: auto;
+     flex-direction: row;
+     flex-grow: 0;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 787px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 1035px;
+     inset-block-end: 0px;
+     inset-block-start: 0px;
+     inset-inline-end: 0px;
+     inset-inline-start: 0px;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: 0px;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: 0px;
+     min-height: 0px;
+     min-inline-size: 0px;
+     min-width: 0px;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 517.5px 393.5px;
+     pointer-events: auto;
+     position: relative;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: 0px;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: 0px;
+     touch-action: auto;
+     transform: none;
+     transform-origin: 517.5px 393.5px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 1035px;
+     will-change: auto;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: 0;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.h-full.w-full.flex.overflow-hidden {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgb(255, 255, 255);
+     background-image: none;
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 787px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: flex;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: auto;
+     flex-direction: row;
+     flex-grow: 0;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 787px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 1035px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: 0px;
+     min-height: 0px;
+     min-inline-size: 0px;
+     min-width: 0px;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: hidden;
+     overflow-clip-margin: 0px;
+     overflow-inline: hidden;
+     overflow-wrap: normal;
+     overflow-x: hidden;
+     overflow-y: hidden;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 517.5px 393.5px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: none;
+     transform-origin: 517.5px 393.5px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 1035px;
+     will-change: auto;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.flex.w-full.items-center.justify-center {
+     accent-color: auto;
+     align-content: normal;
+     align-items: center;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: none;
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: flex;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: auto;
+     flex-direction: row;
+     flex-grow: 0;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 1035px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: center;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 517.5px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(0.887163, 0.887163, -0.707107, 0.707107, 0, -314.8);
+     transform-origin: 517.5px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 1035px;
+     will-change: auto;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 15.8366%, rgb(255, 74, 9) 21.1155%, rgb(254, 111, 18) 44.8752%, rgb(255, 74, 9) 67.2603%, rgb(252, 147, 26) 77.2603%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 19.6644%, rgb(255, 74, 9) 26.2193%, rgb(254, 111, 18) 43.9171%, rgb(255, 74, 9) 61.615%, rgb(252, 147, 26) 72.7268%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 24.4286%, rgb(255, 74, 9) 32.5715%, rgb(254, 111, 18) 43.9195%, rgb(255, 74, 9) 55.2674%, rgb(252, 147, 26) 69.8703%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 28.7597%, rgb(255, 74, 9) 38.3463%, rgb(254, 111, 18) 44.8817%, rgb(255, 74, 9) 51.4172%, rgb(252, 147, 26) 68.1377%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 30.4858%, rgb(255, 74, 9) 40.6477%, rgb(254, 111, 18) 46.6521%, rgb(255, 74, 9) 52.6565%, rgb(252, 147, 26) 68.6954%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 29.3343%, rgb(255, 74, 9) 39.1124%, rgb(254, 111, 18) 48.9509%, rgb(255, 74, 9) 58.7895%, rgb(252, 147, 26) 71.4553%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 26.3383%, rgb(255, 74, 9) 35.1177%, rgb(254, 111, 18) 51.4154%, rgb(255, 74, 9) 66.5919%, rgb(252, 147, 26) 76.5919%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 22.7529%, rgb(255, 74, 9) 30.3372%, rgb(254, 111, 18) 53.6562%, rgb(255, 74, 9) 73.3071%, rgb(252, 147, 26) 83.3071%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 23.6261%, rgb(255, 74, 9) 31.5015%, rgb(254, 111, 18) 55.3196%, rgb(255, 74, 9) 74.8748%, rgb(252, 147, 26) 84.8748%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 28.82%, rgb(255, 74, 9) 38.4266%, rgb(254, 111, 18) 56.1423%, rgb(255, 74, 9) 71.0471%, rgb(252, 147, 26) 81.0471%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 33.5042%, rgb(255, 74, 9) 44.6722%, rgb(254, 111, 18) 55.9944%, rgb(255, 74, 9) 66.3044%, rgb(252, 147, 26) 76.3044%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgb(255, 0, 0);
+     background-image: none;
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 35.3441%, rgb(255, 74, 9) 47.1255%, rgb(254, 111, 18) 53.0364%, rgb(255, 74, 9) 58.9473%, rgb(252, 147, 26) 71.5263%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 30.7193%, rgb(255, 74, 9) 40.959%, rgb(254, 111, 18) 50.6898%, rgb(255, 74, 9) 60.4205%, rgb(252, 147, 26) 72.1892%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 23.8733%, rgb(255, 74, 9) 31.8311%, rgb(254, 111, 18) 48.2339%, rgb(255, 74, 9) 64.3617%, rgb(252, 147, 26) 74.3617%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 16.9888%, rgb(255, 74, 9) 22.6517%, rgb(254, 111, 18) 46.0568%, rgb(255, 74, 9) 67.86%, rgb(252, 147, 26) 77.86%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 15.473%, rgb(255, 74, 9) 20.6307%, rgb(254, 111, 18) 44.5022%, rgb(255, 74, 9) 67.071%, rgb(252, 147, 26) 77.071%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.rectangle {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 147, 26) 19.5654%, rgb(255, 74, 9) 26.0872%, rgb(254, 111, 18) 43.8156%, rgb(255, 74, 9) 61.5439%, rgb(252, 147, 26) 72.6948%, rgb(255, 255, 255) 100%);
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 1416.59px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 1416.59px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 57.5px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 28.75px 708.297px;
+     pointer-events: auto;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: matrix(1.1, 0, 0, 1, 0, 0);
+     transform-origin: 28.75px 708.297px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 57.5px;
+     will-change: background;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.film-grain.overflow-hidden {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: none;
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 787px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: 0px;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: auto;
+     flex-direction: row;
+     flex-grow: 0;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 787px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 1035px;
+     inset-block-end: 0px;
+     inset-block-start: 0px;
+     inset-inline-end: 0px;
+     inset-inline-start: 0px;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: 0px;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: 100%;
+     max-height: 100%;
+     max-inline-size: 100%;
+     max-width: 100%;
+     min-block-size: 0px;
+     min-height: 0px;
+     min-inline-size: 0px;
+     min-width: 0px;
+     mix-blend-mode: overlay;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: hidden;
+     overflow-clip-margin: 0px;
+     overflow-inline: hidden;
+     overflow-wrap: normal;
+     overflow-x: hidden;
+     overflow-y: hidden;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 517.5px 393.5px;
+     pointer-events: none;
+     position: absolute;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: 0px;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: 0px;
+     touch-action: auto;
+     transform: none;
+     transform-origin: 517.5px 393.5px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 1035px;
+     will-change: auto;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: 1;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --grain-opacity: 0.35;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --grain-speed: 1s;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+}
+
+div.pt-20.md:pt-28.pb-20.md:pb-28.h-full.mx-auto.w-full.max-w-[90rem].px-[var(--gutter-padding, 20px)].min-h-full.flex.flex-col.isolate.relative.z-[2].justify-center.items-center. !h-auto.pointer-events-none {
+     accent-color: auto;
+     align-content: normal;
+     align-items: center;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: none;
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 787px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: 0px;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: flex;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: auto;
+     flex-direction: column;
+     flex-grow: 0;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 787px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 1035px;
+     inset-block-end: 0px;
+     inset-block-start: 0px;
+     inset-inline-end: 0px;
+     inset-inline-start: 0px;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: isolate;
+     justify-content: center;
+     justify-items: normal;
+     justify-self: auto;
+     left: 0px;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: 1440px;
+     max-width: 1440px;
+     min-block-size: 100%;
+     min-height: 100%;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 112px;
+     padding-block-start: 112px;
+     padding-bottom: 112px;
+     padding-inline-end: 28px;
+     padding-inline-start: 28px;
+     padding-left: 28px;
+     padding-right: 28px;
+     padding-top: 112px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 517.5px 393.5px;
+     pointer-events: none;
+     position: relative;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: 0px;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: start;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: 0px;
+     touch-action: auto;
+     transform: none;
+     transform-origin: 517.5px 393.5px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 1035px;
+     will-change: auto;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: 2;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.h-full.w-full.flex.flex-col.items-center.text-center.gap-y-6.md:gap-y-12.max-md:justify-center {
+     accent-color: auto;
+     align-content: normal;
+     align-items: center;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: none;
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 563px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: flex;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: auto;
+     flex-direction: column;
+     flex-grow: 0;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 563px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 979px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 489.5px 281.5px;
+     pointer-events: none;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: 48px;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: center;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: none;
+     transform-origin: 489.5px 281.5px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 979px;
+     will-change: auto;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.md:flex-1 {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: none;
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 198.297px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 198.297px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 0px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 0px 99.1484px;
+     pointer-events: none;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: center;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: none;
+     transform-origin: 0px 99.1484px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 0px;
+     will-change: auto;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: none;
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 70.3984px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: blur(0px);
+     flex-basis: auto;
+     flex-direction: row;
+     flex-grow: 0;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 70.3984px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 934.148px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 467.07px 35.1953px;
+     pointer-events: none;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: center;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: none;
+     transform-origin: 467.074px 35.1992px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 934.148px;
+     will-change: auto;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+h2.text-[32px].lg:text-[64px].text-balance.font-serif.leading-[1.1].tracking-[-0.01em] {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: none;
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 70.3984px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: auto;
+     flex-direction: row;
+     flex-grow: 0;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: kalice, "kalice Fallback", serif;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 64px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 70.3984px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 934.148px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: -0.64px;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 70.4px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: 0px;
+     min-height: 0px;
+     min-inline-size: 0px;
+     min-width: 0px;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 467.07px 35.1953px;
+     pointer-events: none;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: center;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: balance;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: none;
+     transform-origin: 467.074px 35.1992px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 934.148px;
+     will-change: auto;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+span.block {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: none;
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 70.3984px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: auto;
+     flex-direction: row;
+     flex-grow: 0;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: kalice, "kalice Fallback", serif;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 64px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 70.3984px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 934.148px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: -0.64px;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 70.4px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: 0px;
+     min-height: 0px;
+     min-inline-size: 0px;
+     min-width: 0px;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 467.07px 35.1953px;
+     pointer-events: none;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: center;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: balance;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: none;
+     transform-origin: 467.074px 35.1992px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: normal;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 934.148px;
+     will-change: auto;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.md:flex-1 {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: none;
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 198.305px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: blur(0px);
+     flex-basis: 0%;
+     flex-direction: row;
+     flex-grow: 1;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 16px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 198.305px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 450px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: normal;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 24px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: auto;
+     min-height: auto;
+     min-inline-size: auto;
+     min-width: auto;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 225px 99.1484px;
+     pointer-events: none;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: center;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: auto;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: none;
+     transform-origin: 225px 99.1523px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 450px;
+     will-change: auto;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+div.text-[18px].lg:text-[20px].leading-[1.1].tracking-[-0.01em].text-balance.max-w-[450px].max-md:px-2 {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: none;
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 66px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: auto;
+     flex-direction: row;
+     flex-grow: 0;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 20px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 66px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 450px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: -0.2px;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 22px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: 450px;
+     max-width: 450px;
+     min-block-size: 0px;
+     min-height: 0px;
+     min-inline-size: 0px;
+     min-width: 0px;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 225px 33px;
+     pointer-events: none;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: center;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: balance;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: none;
+     transform-origin: 225px 33px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 450px;
+     will-change: auto;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
+
+p.mb-2.last:mb-0 {
+     accent-color: auto;
+     align-content: normal;
+     align-items: normal;
+     align-self: auto;
+     alignment-baseline: auto;
+     anchor-name: none;
+     anchor-scope: none;
+     animation-composition: replace;
+     animation-delay: 0s;
+     animation-direction: normal;
+     animation-duration: 0s;
+     animation-fill-mode: none;
+     animation-iteration-count: 1;
+     animation-name: none;
+     animation-play-state: running;
+     animation-range-end: normal;
+     animation-range-start: normal;
+     animation-timeline: auto;
+     animation-timing-function: ease;
+     animation-trigger: none;
+     app-region: none;
+     appearance: none;
+     backdrop-filter: none;
+     backface-visibility: visible;
+     background-attachment: scroll;
+     background-blend-mode: normal;
+     background-clip: border-box;
+     background-color: rgba(0, 0, 0, 0);
+     background-image: none;
+     background-origin: padding-box;
+     background-position: 0% 0%;
+     background-repeat: repeat;
+     background-size: auto;
+     baseline-shift: 0px;
+     baseline-source: auto;
+     block-size: 66px;
+     border-block-end-color: rgb(229, 231, 235);
+     border-block-end-style: solid;
+     border-block-end-width: 0px;
+     border-block-start-color: rgb(229, 231, 235);
+     border-block-start-style: solid;
+     border-block-start-width: 0px;
+     border-bottom-color: rgb(229, 231, 235);
+     border-bottom-left-radius: 0px;
+     border-bottom-right-radius: 0px;
+     border-bottom-style: solid;
+     border-bottom-width: 0px;
+     border-collapse: separate;
+     border-end-end-radius: 0px;
+     border-end-start-radius: 0px;
+     border-image-outset: 0;
+     border-image-repeat: stretch;
+     border-image-slice: 100%;
+     border-image-source: none;
+     border-image-width: 1;
+     border-inline-end-color: rgb(229, 231, 235);
+     border-inline-end-style: solid;
+     border-inline-end-width: 0px;
+     border-inline-start-color: rgb(229, 231, 235);
+     border-inline-start-style: solid;
+     border-inline-start-width: 0px;
+     border-left-color: rgb(229, 231, 235);
+     border-left-style: solid;
+     border-left-width: 0px;
+     border-right-color: rgb(229, 231, 235);
+     border-right-style: solid;
+     border-right-width: 0px;
+     border-start-end-radius: 0px;
+     border-start-start-radius: 0px;
+     border-top-color: rgb(229, 231, 235);
+     border-top-left-radius: 0px;
+     border-top-right-radius: 0px;
+     border-top-style: solid;
+     border-top-width: 0px;
+     bottom: auto;
+     box-decoration-break: slice;
+     box-shadow: none;
+     box-sizing: border-box;
+     break-after: auto;
+     break-before: auto;
+     break-inside: auto;
+     buffered-rendering: auto;
+     caption-side: top;
+     caret-animation: auto;
+     caret-color: rgb(255, 255, 255);
+     caret-shape: auto;
+     clear: none;
+     clip: auto;
+     clip-path: none;
+     clip-rule: nonzero;
+     color: rgb(255, 255, 255);
+     color-interpolation: srgb;
+     color-interpolation-filters: linearrgb;
+     color-rendering: auto;
+     column-count: auto;
+     column-gap: normal;
+     column-height: auto;
+     column-rule-color: rgb(255, 255, 255);
+     column-rule-style: none;
+     column-rule-width: 0px;
+     column-span: none;
+     column-width: auto;
+     column-wrap: auto;
+     contain-intrinsic-block-size: none;
+     contain-intrinsic-height: none;
+     contain-intrinsic-inline-size: none;
+     contain-intrinsic-size: none;
+     contain-intrinsic-width: none;
+     container-name: none;
+     container-type: normal;
+     content: normal;
+     corner-bottom-left-shape: round;
+     corner-bottom-right-shape: round;
+     corner-end-end-shape: round;
+     corner-end-start-shape: round;
+     corner-start-end-shape: round;
+     corner-start-start-shape: round;
+     corner-top-left-shape: round;
+     corner-top-right-shape: round;
+     cursor: auto;
+     cx: 0px;
+     cy: 0px;
+     d: none;
+     direction: ltr;
+     display: block;
+     dominant-baseline: auto;
+     dynamic-range-limit: no-limit;
+     empty-cells: show;
+     field-sizing: fixed;
+     fill: rgb(0, 0, 0);
+     fill-opacity: 1;
+     fill-rule: nonzero;
+     filter: none;
+     flex-basis: auto;
+     flex-direction: row;
+     flex-grow: 0;
+     flex-shrink: 1;
+     flex-wrap: nowrap;
+     float: none;
+     flood-color: rgb(0, 0, 0);
+     flood-opacity: 1;
+     font-family: degular, "degular Fallback", mono;
+     font-kerning: auto;
+     font-language-override: normal;
+     font-optical-sizing: auto;
+     font-palette: normal;
+     font-size: 20px;
+     font-size-adjust: none;
+     font-stretch: 100%;
+     font-style: normal;
+     font-synthesis-small-caps: auto;
+     font-synthesis-style: auto;
+     font-synthesis-weight: auto;
+     font-variant: normal;
+     font-variant-alternates: normal;
+     font-variant-caps: normal;
+     font-variant-east-asian: normal;
+     font-variant-emoji: normal;
+     font-variant-ligatures: normal;
+     font-variant-numeric: normal;
+     font-variant-position: normal;
+     font-weight: 400;
+     grid-auto-columns: auto;
+     grid-auto-flow: row;
+     grid-auto-rows: auto;
+     grid-column-end: auto;
+     grid-column-start: auto;
+     grid-row-end: auto;
+     grid-row-start: auto;
+     grid-template-areas: none;
+     grid-template-columns: none;
+     grid-template-rows: none;
+     height: 66px;
+     hyphenate-character: auto;
+     hyphenate-limit-chars: auto;
+     hyphens: manual;
+     image-orientation: from-image;
+     image-rendering: auto;
+     initial-letter: normal;
+     inline-size: 450px;
+     inset-block-end: auto;
+     inset-block-start: auto;
+     inset-inline-end: auto;
+     inset-inline-start: auto;
+     interactivity: auto;
+     interest-delay-end: normal;
+     interest-delay-start: normal;
+     interpolate-size: numeric-only;
+     isolation: auto;
+     justify-content: normal;
+     justify-items: normal;
+     justify-self: auto;
+     left: auto;
+     letter-spacing: -0.2px;
+     lighting-color: rgb(255, 255, 255);
+     line-break: auto;
+     line-height: 22px;
+     list-style-image: none;
+     list-style-position: outside;
+     list-style-type: disc;
+     margin-block-end: 0px;
+     margin-block-start: 0px;
+     margin-bottom: 0px;
+     margin-inline-end: 0px;
+     margin-inline-start: 0px;
+     margin-left: 0px;
+     margin-right: 0px;
+     margin-top: 0px;
+     marker-end: none;
+     marker-mid: none;
+     marker-start: none;
+     mask-clip: border-box;
+     mask-composite: add;
+     mask-image: none;
+     mask-mode: match-source;
+     mask-origin: border-box;
+     mask-position: 0% 0%;
+     mask-repeat: repeat;
+     mask-size: auto;
+     mask-type: luminance;
+     math-depth: 0;
+     math-shift: normal;
+     math-style: normal;
+     max-block-size: none;
+     max-height: none;
+     max-inline-size: none;
+     max-width: none;
+     min-block-size: 0px;
+     min-height: 0px;
+     min-inline-size: 0px;
+     min-width: 0px;
+     mix-blend-mode: normal;
+     object-fit: fill;
+     object-position: 50% 50%;
+     object-view-box: none;
+     offset-anchor: auto;
+     offset-distance: 0px;
+     offset-path: none;
+     offset-position: normal;
+     offset-rotate: auto 0deg;
+     opacity: 1;
+     order: 0;
+     orphans: 2;
+     outline-color: rgb(255, 255, 255);
+     outline-offset: 0px;
+     outline-style: none;
+     outline-width: 0px;
+     overflow-anchor: auto;
+     overflow-block: visible;
+     overflow-clip-margin: 0px;
+     overflow-inline: visible;
+     overflow-wrap: normal;
+     overflow-x: visible;
+     overflow-y: visible;
+     overlay: none;
+     overscroll-behavior-block: auto;
+     overscroll-behavior-inline: auto;
+     padding-block-end: 0px;
+     padding-block-start: 0px;
+     padding-bottom: 0px;
+     padding-inline-end: 0px;
+     padding-inline-start: 0px;
+     padding-left: 0px;
+     padding-right: 0px;
+     padding-top: 0px;
+     paint-order: normal;
+     perspective: none;
+     perspective-origin: 225px 33px;
+     pointer-events: none;
+     position: static;
+     position-anchor: none;
+     position-area: none;
+     position-try-fallbacks: none;
+     position-try-order: normal;
+     position-visibility: anchors-visible;
+     print-color-adjust: economy;
+     r: 0px;
+     reading-flow: normal;
+     reading-order: 0;
+     resize: none;
+     right: auto;
+     rotate: none;
+     row-gap: normal;
+     ruby-align: space-around;
+     ruby-position: over;
+     rx: auto;
+     ry: auto;
+     scale: none;
+     scroll-behavior: auto;
+     scroll-initial-target: none;
+     scroll-margin-block-end: 0px;
+     scroll-margin-block-start: 0px;
+     scroll-margin-inline-end: 0px;
+     scroll-margin-inline-start: 0px;
+     scroll-marker-group: none;
+     scroll-padding-block-end: auto;
+     scroll-padding-block-start: auto;
+     scroll-padding-inline-end: auto;
+     scroll-padding-inline-start: auto;
+     scroll-target-group: none;
+     scroll-timeline-axis: block;
+     scroll-timeline-name: none;
+     scrollbar-color: rgb(228, 228, 231) rgba(0, 0, 0, 0);
+     scrollbar-gutter: auto;
+     scrollbar-width: auto;
+     shape-image-threshold: 0;
+     shape-margin: 0px;
+     shape-outside: none;
+     shape-rendering: auto;
+     speak: normal;
+     stop-color: rgb(0, 0, 0);
+     stop-opacity: 1;
+     stroke: none;
+     stroke-dasharray: none;
+     stroke-dashoffset: 0px;
+     stroke-linecap: butt;
+     stroke-linejoin: miter;
+     stroke-miterlimit: 4;
+     stroke-opacity: 1;
+     stroke-width: 1px;
+     tab-size: 4;
+     table-layout: auto;
+     text-align: center;
+     text-align-last: auto;
+     text-anchor: start;
+     text-autospace: no-autospace;
+     text-box-edge: auto;
+     text-box-trim: none;
+     text-decoration: none;
+     text-decoration-color: rgb(255, 255, 255);
+     text-decoration-line: none;
+     text-decoration-skip-ink: auto;
+     text-decoration-style: solid;
+     text-emphasis-color: rgb(255, 255, 255);
+     text-emphasis-position: over;
+     text-emphasis-style: none;
+     text-indent: 0px;
+     text-justify: auto;
+     text-overflow: clip;
+     text-rendering: optimizespeed;
+     text-shadow: none;
+     text-size-adjust: 100%;
+     text-spacing-trim: normal;
+     text-transform: none;
+     text-underline-position: auto;
+     text-wrap-mode: wrap;
+     text-wrap-style: balance;
+     timeline-scope: none;
+     timeline-trigger-activation-range-end: normal;
+     timeline-trigger-activation-range-start: normal;
+     timeline-trigger-active-range-end: auto;
+     timeline-trigger-active-range-start: auto;
+     timeline-trigger-name: none;
+     timeline-trigger-source: auto;
+     top: auto;
+     touch-action: auto;
+     transform: none;
+     transform-origin: 225px 33px;
+     transform-style: flat;
+     transition-behavior: normal;
+     transition-delay: 0s;
+     transition-duration: 0s;
+     transition-property: all;
+     transition-timing-function: ease;
+     translate: none;
+     trigger-scope: none;
+     unicode-bidi: isolate;
+     user-select: auto;
+     vector-effect: none;
+     vertical-align: baseline;
+     view-timeline-axis: block;
+     view-timeline-inset: auto;
+     view-timeline-name: none;
+     view-transition-class: none;
+     view-transition-group: normal;
+     view-transition-name: none;
+     visibility: visible;
+     white-space-collapse: collapse;
+     widows: 2;
+     width: 450px;
+     will-change: auto;
+     word-break: normal;
+     word-spacing: 0px;
+     writing-mode: horizontal-tb;
+     x: 0px;
+     y: 0px;
+     z-index: auto;
+     zoom: 1;
+     -webkit-border-horizontal-spacing: 0px;
+     -webkit-border-image: none;
+     -webkit-border-vertical-spacing: 0px;
+     -webkit-box-align: stretch;
+     -webkit-box-decoration-break: slice;
+     -webkit-box-direction: normal;
+     -webkit-box-flex: 0;
+     -webkit-box-ordinal-group: 1;
+     -webkit-box-orient: horizontal;
+     -webkit-box-pack: start;
+     -webkit-box-reflect: none;
+     -webkit-font-smoothing: antialiased;
+     -webkit-line-break: auto;
+     -webkit-line-clamp: none;
+     -webkit-locale: "en";
+     -webkit-mask-box-image: none;
+     -webkit-mask-box-image-outset: 0;
+     -webkit-mask-box-image-repeat: stretch;
+     -webkit-mask-box-image-slice: 0 fill;
+     -webkit-mask-box-image-source: none;
+     -webkit-mask-box-image-width: auto;
+     -webkit-rtl-ordering: logical;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     -webkit-text-combine: none;
+     -webkit-text-decorations-in-effect: none;
+     -webkit-text-fill-color: rgb(255, 255, 255);
+     -webkit-text-orientation: vertical-right;
+     -webkit-text-security: none;
+     -webkit-text-stroke-color: rgb(255, 255, 255);
+     -webkit-text-stroke-width: 0px;
+     -webkit-user-drag: auto;
+     -webkit-user-modify: read-only;
+     -webkit-writing-mode: horizontal-tb;
+     --leva-sizes-checkboxSize: 16px;
+     --leva-borderWidths-active: 1px;
+     --leva-colors-highlight3: #fefefe;
+     --shinkei-sea-foam: rgba(164 209 228/1);
+     --leva-fontWeights-folder: normal;
+     --shinkei-deep-sea-rgb: 0 14 198;
+     --tw-backdrop-sepia: ;
+     --tw-ring-shadow: 0 0 #0000;
+     --leva-sizes-joystickHeight: 100px;
+     --tw-sepia: ;
+     --leva-space-colGap: 7px;
+     --tw-ordinal: ;
+     --tw-contain-style: ;
+     --font-degular-mono: "degularMono", "degularMono Fallback", mono;
+     --font-degular: "degular", "degular Fallback", mono;
+     --leva-colors-elevation2: #181c20;
+     --tw-backdrop-invert: ;
+     --tw-text-opacity: 1;
+     --shinkei-night-rgb: 45 42 72;
+     --svh: 7.87px;
+     --bg: rgba(0 0 0/1);
+     --outer-content-width: 1440px;
+     --shinkei-deep-sea: rgba(0 14 198/1);
+     --tw-border-spacing-x: 0;
+     --tw-backdrop-grayscale: ;
+     --shinkei-process-black: rgba(3 2 0/1);
+     --tw-hue-rotate: ;
+     --gutter-padding: 28px;
+     --tw-pan-y: ;
+     --shinkei-sand-rgb: 255 235 208;
+     --leva-colors-accent2: #007bff;
+     --navbar-height: 90px;
+     --gutter-padding-lg: 40px;
+     --leva-sizes-rootWidth: 280px;
+     --leva-sizes-joystickWidth: 100px;
+     --tw-rotate: 0;
+     --leva-fontWeights-button: normal;
+     --tw-ring-offset-color: #fff;
+     --leva-borderWidths-hover: 1px;
+     --shinkei-ocean-rgb: 55 142 255;
+     --leva-colors-highlight1: #535760;
+     --leva-shadows-level2: 0 4px 14px #00000033;
+     --tw-bg-opacity: 1;
+     --tw-ring-offset-width: 0px;
+     --shinkei-process-black-rgb: 3 2 0;
+     --shinkei-amber: rgba(255 68 0/1);
+     --tw-gradient-via-position: ;
+     --shinkei-amber-rgb: 255 68 0;
+     --tw-saturate: ;
+     --tw-scroll-snap-strictness: proximity;
+     --leva-colors-toolTipBackground: #fefefe;
+     --tw-grayscale: ;
+     --leva-colors-toolTipText: #181c20;
+     --inner-content-width: 700px;
+     --leva-fontWeights-label: normal;
+     --leva-space-sm: 6px;
+     --off-black: #171717;
+     --leva-sizes-imagePreviewWidth: 160px;
+     --tw-backdrop-hue-rotate: ;
+     --tw-shadow-colored: 0 0 #0000;
+     --tw-gradient-to-position: ;
+     --tw-numeric-fraction: ;
+     --tw-skew-y: 0;
+     --font-kalice: "kalice", "kalice Fallback", serif;
+     --shinkei-sunny: rgba(255 149 0/1);
+     --tw-slashed-zero: ;
+     --leva-space-xs: 3px;
+     --leva-sizes-monitorHeight: 60px;
+     --tw-backdrop-opacity: ;
+     --leva-shadows-level1: 0 0 9px 0 #00000088;
+     --leva-sizes-controlWidth: 160px;
+     --tw-gradient-from-position: ;
+     --tw-pinch-zoom: ;
+     --leva-sizes-imagePreviewHeight: 100px;
+     --tw-contain-paint: ;
+     --vw: 10.35px;
+     --tw-ring-offset-shadow: 0 0 #0000;
+     --leva-colors-elevation1: #292d39;
+     --leva-radii-sm: 3px;
+     --leva-radii-lg: 10px;
+     --black-rgb: 0 0 0;
+     --leva-colors-folderTextColor: #fefefe;
+     --leva-fontSizes-root: 11px;
+     --tw-backdrop-saturate: ;
+     --shinkei-sand: rgba(255 235 208/1);
+     --leva-colors-accent1: #0066dc;
+     --tw-ring-inset: ;
+     --tw-numeric-spacing: ;
+     --leva-space-md: 10px;
+     --leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, 'Roboto Mono', monospace;
+     --tw-brightness: ;
+     --leva-radii-xs: 2px;
+     --tw-scale-y: 1;
+     --leva-colors-folderWidgetColor: #8c92a4;
+     --tw-backdrop-contrast: ;
+     --tw-drop-shadow: ;
+     --tw-backdrop-brightness: ;
+     --leva-sizes-colorPickerWidth: 160px;
+     --leva-colors-highlight2: #8c92a4;
+     --white-rgb: 255 255 255;
+     --tw-pan-x: ;
+     --tw-translate-y: 0;
+     --leva-sizes-scrubberWidth: 8px;
+     --tw-contain-size: ;
+     --tw-contrast: ;
+     --shinkei-sea-foam-rgb: 164 209 228;
+     --tw-skew-x: 0;
+     --leva-colors-elevation3: #373c4b;
+     --dvh: 7.87px;
+     --leva-sizes-folderTitleHeight: 20px;
+     --tw-backdrop-blur: ;
+     --tw-shadow: 0 0 #0000;
+     --tw-translate-x: 0;
+     --leva-sizes-titleBarHeight: 39px;
+     --leva-borderWidths-root: 0px;
+     --shinkei-sunny-rgb: 255 149 0;
+     --leva-sizes-scrubberHeight: 16px;
+     --shinkei-night: rgba(45 42 72/1);
+     --lvh: 1vh;
+     --leva-borderWidths-focus: 1px;
+     --tw-scale-x: 1;
+     --leva-sizes-rowHeight: 24px;
+     --tw-border-spacing-y: 0;
+     --leva-fontSizes-toolTip: 11px;
+     --leva-colors-vivid1: #ffcc00;
+     --leva-colors-accent3: #3c93ff;
+     --leva-sizes-colorPickerHeight: 100px;
+     --leva-space-rowGap: 7px;
+     --tw-blur: ;
+     --leva-sizes-numberInputMinWidth: 38px;
+     --shinkei-ocean: rgba(55 142 255/1);
+     --tw-invert: ;
+     --leva-fonts-sans: system-ui, sans-serif;
+     --leva-borderWidths-input: 1px;
+     --tw-numeric-figure: ;
+     --leva-borderWidths-folder: 1px;
+     --tw-contain-layout: ;
+     --scrollbar-width: 0px;
+    
+}
\ No newline at end of file
diff --git a/noise.png b/noise.png
new file mode 100644
index 0000000..ae32da9
Binary files /dev/null and b/noise.png differ