@incodetech/web 0.0.0-dev-20260413-de45fd6 → 0.0.0-dev-20260414-db434be

package/dist/home/styles.css

@@ -0,0 +1,172 @@
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties {
+  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
+    *, :before, :after, ::backdrop {
+      --tw-border-style: solid;
+    }
+  }
+}
+
+.IncodeHome {
+  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
+  width: 100%;
+  height: 100%;
+  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
+  padding-top: var(--spacing-20, var(--spacing-20, 20px));
+  padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeContent {
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeHeader {
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeLanguage {
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeLanguageLabel {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  font-family: var(--typography-label-family);
+  font-size: var(--typography-label-m-size);
+  font-weight: var(--typography-label-m-weight);
+  line-height: var(--typography-label-m-line-height);
+  letter-spacing: var(--typography-label-m-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeHome .IncodeHomeLanguageValue {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-m-regular-size);
+  font-weight: var(--typography-body-m-regular-weight);
+  line-height: var(--typography-body-m-regular-line-height);
+  letter-spacing: var(--typography-body-m-regular-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
+.IncodeHome .IncodeHomeSettingsButton {
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
+  --tw-border-style: none;
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+  background-color: #0000;
+  border-style: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeSettingsButton:focus-visible {
+  outline: var(--focus-outline-width) solid var(--border-status-focus);
+  outline-offset: var(--focus-outline-offset);
+}
+
+.IncodeHome .IncodeHomeCenterSection {
+  text-align: center;
+  flex-direction: column;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeLogoContainer {
+  width: 100%;
+  max-width: var(--home-logo-container-max-width);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeLogo {
+  object-fit: contain;
+  width: 100%;
+  max-width: 100%;
+  height: auto;
+  max-height: var(--home-logo-max-height);
+}
+
+.IncodeHome .IncodeHomeSubtitle {
+  margin-top: var(--spacing-12, var(--spacing-12, 12px));
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h4-size);
+  font-weight: var(--typography-headline-h4-weight);
+  line-height: var(--typography-headline-h4-line-height);
+  letter-spacing: var(--typography-headline-h4-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+  --tw-outline-style: none;
+  outline-style: none;
+}
+
+.IncodeHome .IncodeHomeStartButton {
+  margin-top: auto;
+}
+
+.IncodeHomeSettingsContainer {
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.IncodeHomeSettingsContainer .IncodeHomeSettingsHeader {
+  justify-content: flex-end;
+  display: flex;
+}
+
+.IncodeHomeSettingsContainer .IncodeHomeSettingsHeader .IncodeHomeSettingsCloseButton {
+  padding-block: var(--spacing-8, var(--spacing-8, 8px));
+}
+
+.IncodeHomeSettingsContainer .IncodeHomeSettingsCloseButton {
+  cursor: pointer;
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
+  --tw-border-style: none;
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+  background-color: #0000;
+  border-style: none;
+}
+
+.IncodeHomeSettingsContainer .IncodeHomeSettingsCloseButton:focus-visible {
+  outline: var(--focus-outline-width) solid var(--border-status-focus);
+  outline-offset: var(--focus-outline-offset);
+}
+
+.IncodeHomeSettingsContainer .IncodeHomeSettingsBody {
+  padding-inline: var(--spacing-8, var(--spacing-8, 8px));
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.IncodeHomeSettingsContainer .IncodeHomeSettingsTitle {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h2-size);
+  font-weight: var(--typography-headline-h2-weight);
+  line-height: var(--typography-headline-h2-line-height);
+  letter-spacing: var(--typography-headline-h2-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}