Refactors + build all assets

Author: riasvdv

resources/build/Install.css

@@ -0,0 +1,137 @@
+.callout[data-v-b7a3b948] {
+  background-color: var(--c-callout-bg);
+  padding: var(--c-callout-padding, var(--c-spacing-md));
+  border: 1px solid var(--c-callout-border-color);
+  color: var(--c-callout-fg);
+  border-radius: var(--c-callout-radius);
+}
+.callout--danger[data-v-b7a3b948] {
+  --c-callout-border-color: var(--c-color-danger-border-normal);
+  --c-callout-fg: var(--c-color-danger-on-normal);
+  --c-callout-bg: var(--c-color-danger-bg-normal);
+}
+.pane[data-v-9d0bfd10] {
+  --_pane-spacing: var(--c-spacing-lg);
+  background-color: var(--c-pane-bg);
+  overflow-y: scroll;
+  -webkit-overflow-scrolling: touch;
+  border-radius: var(--c-pane-radius);
+  border: var(--c-pane-border);
+  display: grid;
+}
+.pane__header[data-v-9d0bfd10],
+.pane__body[data-v-9d0bfd10] {
+  padding-inline: var(--_pane-spacing);
+  padding-block: var(--_pane-spacing);
+}
+.pane__footer[data-v-9d0bfd10] {
+  border-top: 1px solid var(--c-color-neutral-border-subtle);
+  padding-inline: var(--_pane-spacing);
+  padding-block: var(--_pane-spacing);
+}
+.actions[data-v-9d0bfd10] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.content[data-v-6db66263] {
+  padding: var(--c-spacing-lg);
+  display: grid;
+  justify-content: center;
+  align-items: center;
+  gap: var(--c-spacing-lg);
+  text-align: center;
+}
+.modal[data-v-11ae6053] {
+  max-width: calc(100vw - (var(--c-spacing-lg) * 2));
+  max-height: calc(100vh - (var(--c-spacing-lg) * 2));
+  box-shadow: var(--c-modal-shadow);
+  -webkit-overflow-scrolling: touch;
+  border-radius: var(--c-modal-radius);
+  border: var(--c-modal-border);
+  position: relative;
+  z-index: 1;
+  overflow-y: scroll;
+}
+.overlay[data-v-11ae6053] {
+  position: fixed;
+  inset: 0;
+  background-color: #00000080;
+}
+@media (prefers-reduced-motion: no-preference) {
+  .body-enter-active[data-v-11ae6053] {
+    animation: body-in-11ae6053 0.2s;
+  }
+  .body-leave-active[data-v-11ae6053] {
+    animation: body-in-11ae6053 0.2s reverse;
+  }
+  @keyframes body-in-11ae6053 {
+    0% {
+      opacity: 0;
+      transform: scale(0.9) translateY(2rem);
+    }
+    to {
+      opacity: 1;
+      transform: scale(1) translateY(0);
+    }
+  }
+  .fade-enter-active[data-v-11ae6053],
+  .fade-leave-active[data-v-11ae6053] {
+    transition: opacity 0.5s ease;
+  }
+  .fade-enter-from[data-v-11ae6053],
+  .fade-leave-to[data-v-11ae6053] {
+    opacity: 0;
+  }
+}
+.install[data-v-23613f7f] {
+  background-image: var(--v4ba3fdf6);
+  background-position: 50% 50%;
+  background-repeat: no-repeat;
+  background-size: cover;
+  height: 100vh;
+  display: grid;
+  place-items: center;
+  justify-items: center;
+}
+.begin-button[data-v-23613f7f] {
+  border-radius: var(--c-radius-lg);
+  font-size: 1.1875rem;
+  min-height: 3.125rem;
+  padding-block: 0;
+  padding-inline: 1.5em;
+  box-shadow:
+    inset 0 1px #fff3,
+    inset 0 -1px #0002,
+    0 0 0 1px #21377066,
+    0 0 1px 2px #21377055,
+    0 10px 10px -10px #213770,
+    0 10px 20px -10px #213770;
+}
+.dot[data-v-23613f7f] {
+  display: inline-block;
+  appearance: none;
+  border: 1px solid var(--c-color-neutral-border-subtle);
+  background-color: var(--c-color-neutral-bg-subtle);
+  border-radius: var(--c-radius-full);
+  padding: 0;
+  width: 0.625rem;
+  height: 0.625rem;
+  flex-shrink: 0;
+}
+.dot--active[data-v-23613f7f] {
+  background-color: var(--c-color-accent-bg-emphasis);
+  border: 1px solid var(--c-color-accent-border-emphasis);
+}
+.license[data-v-23613f7f] {
+  font-size: 0.8125rem;
+  font-family: var(--c-font-mono);
+  padding: var(--c-spacing-lg);
+}
+.license[data-v-23613f7f] * + * {
+  margin-block: 1em;
+}
+.license[data-v-23613f7f] ol {
+  list-style-type: decimal;
+  padding-inline-start: 2.25em;
+}