@incodetech/web 0.0.0-dev-20260304-fb1914c → 0.0.0-dev-20260306-aac8dd3

package/dist/Trans-BeVjp1Ze.js

@@ -0,0 +1,32 @@
+import { u as s, b as u } from "./incodeModule-Cep-QgBA.js";
+import { k as l } from "./vendor-preact-DP-hbKuj.js";
+const f = ({ class: t }) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: "13",
+    height: "14",
+    viewBox: "0 0 13 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    class: t,
+    children: /* @__PURE__ */ s(
+      "path",
+      {
+        d: "M0 8.08009V5.92009H9.198L4.698 1.87009L6.228 0.340088L12.6 6.28009V7.70209L6.228 13.6601L4.698 12.1301L9.198 8.08009H0Z",
+        fill: "currentColor"
+      }
+    )
+  }
+), g = ({
+  i18nKey: t,
+  boldClass: e = "IncodeTransBold",
+  arrowClass: i = "IncodeTransArrow"
+}) => {
+  const { t: c } = u(), a = c(t).split(/(<strong>|<\/strong>|<br\s*\/?>|<arrow\s*\/>)/g);
+  let o = !1;
+  return /* @__PURE__ */ s(l, { children: a.map((r, n) => r === "<strong>" ? (o = !0, null) : r === "</strong>" ? (o = !1, null) : /^<br\s*\/?>$/.test(r) ? /* @__PURE__ */ s("br", {}, n) : /^<arrow\s*\/>$/.test(r) ? /* @__PURE__ */ s(f, { class: i }, n) : r ? o ? /* @__PURE__ */ s("span", { class: e, children: r }, n) : /* @__PURE__ */ s(l, { children: r }, n) : null) });
+};
+export {
+  g as T
+};

package/dist/authentication/authentication.es.js

@@ -1,27 +1,26 @@
-import { r as a, u as e, a as o } from "../incodeModule-_kfNnq5z.js";
-import { createAuthenticationManager as l } from "@incodetech/core/authentication";
-import "../vendor-preact-BDue3y7V.js";
+import { r as a, u as e, I as o, a as l } from "../incodeModule-Cep-QgBA.js";
+import { createAuthenticationManager as m } from "@incodetech/core/authentication";
+import "../vendor-preact-DP-hbKuj.js";
 import "@incodetech/core";
-import { P as m } from "../baseTutorial-Bbadb04i.js";
-import { I as p } from "../incodeComponent-DSqGVqSo.js";
-import { T as c, C as f } from "../tutorial-637lvO4s.js";
-const d = ({
+import { P as p } from "../baseTutorial-Bn4o165G.js";
+import { T as c, C as d } from "../tutorial-Dk_04cpU.js";
+const f = ({
   config: r,
   authHint: n,
   onFinish: s,
   onError: u
 }) => {
-  const [t, i] = o(
-    () => l({ config: r, authHint: n })
+  const [t, i] = l(
+    () => m({ config: r, authHint: n })
   );
   return t.status === "idle" || t.status === "loading" ? null : t.status === "tutorial" ? /* @__PURE__ */ e(c, { manager: i }) : t.status === "permissions" ? /* @__PURE__ */ e(
-    m,
+    p,
     {
       manager: i,
       permissionStatus: t.permissionStatus
     }
   ) : t.status === "capture" ? /* @__PURE__ */ e(
-    f,
+    d,
     {
       manager: i,
       state: t
@@ -31,8 +30,8 @@ const d = ({
   config: r,
   onFinish: n,
   onError: s
-}) => /* @__PURE__ */ e(p, { children: r ? /* @__PURE__ */ e(
-  d,
+}) => /* @__PURE__ */ e(o, { children: r ? /* @__PURE__ */ e(
+  f,
   {
     config: r,
     authHint: r.authHint,

package/dist/base.css

@@ -99,6 +99,10 @@
     position: absolute;
   }
 
+  .fixed {
+    position: fixed;
+  }
+
   .relative {
     position: relative;
   }
@@ -1797,6 +1801,246 @@
     height: 840px;
   }
 }
+@media (min-width: 40rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 40rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 48rem;
+  }
+}
+@media (min-width: 64rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 64rem;
+  }
+}
+@media (min-width: 80rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 80rem;
+  }
+}
+@media (min-width: 96rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 96rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    height: 840px;
+  }
+}
+@media (min-width: 40rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 40rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 48rem;
+  }
+}
+@media (min-width: 64rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 64rem;
+  }
+}
+@media (min-width: 80rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 80rem;
+  }
+}
+@media (min-width: 96rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 96rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    height: 840px;
+  }
+}
+@media (min-width: 40rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 40rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 48rem;
+  }
+}
+@media (min-width: 64rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 64rem;
+  }
+}
+@media (min-width: 80rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 80rem;
+  }
+}
+@media (min-width: 96rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 96rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    height: 840px;
+  }
+}
+@media (min-width: 40rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 40rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 48rem;
+  }
+}
+@media (min-width: 64rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 64rem;
+  }
+}
+@media (min-width: 80rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 80rem;
+  }
+}
+@media (min-width: 96rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 96rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    height: 840px;
+  }
+}
+@media (min-width: 40rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 40rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 48rem;
+  }
+}
+@media (min-width: 64rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 64rem;
+  }
+}
+@media (min-width: 80rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 80rem;
+  }
+}
+@media (min-width: 96rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 96rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    height: 840px;
+  }
+}
+@media (min-width: 40rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 40rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 48rem;
+  }
+}
+@media (min-width: 64rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 64rem;
+  }
+}
+@media (min-width: 80rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 80rem;
+  }
+}
+@media (min-width: 96rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 96rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    height: 840px;
+  }
+}
+@media (min-width: 40rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 40rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 48rem;
+  }
+}
+@media (min-width: 64rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 64rem;
+  }
+}
+@media (min-width: 80rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 80rem;
+  }
+}
+@media (min-width: 96rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 96rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    height: 840px;
+  }
+}
+@media (min-width: 40rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 40rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 48rem;
+  }
+}
+@media (min-width: 64rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 64rem;
+  }
+}
+@media (min-width: 80rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 80rem;
+  }
+}
+@media (min-width: 96rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 96rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    height: 840px;
+  }
+}
 .IncodePageContainer .IncodePageInner {
   width: 100%;
 }
@@ -2191,6 +2435,330 @@
   background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
   color: var(--color-button-primary-text-default, var(--button-primary-text-default));
 }
+.IncodeModal {
+  inset: var(--spacing-0, var(--spacing-none, 0px));
+  z-index: 1000;
+  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
+  flex-direction: column;
+  display: flex;
+  position: fixed;
+  overflow-y: auto;
+}
+.IncodeModal .IncodeModalContainer {
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  max-width: 468px;
+  margin-inline: auto;
+  display: flex;
+}
+.IncodeModal .IncodeModalHeader {
+  height: 44px;
+  padding-inline: var(--spacing-20, var(--spacing-20, 20px));
+  padding-block: var(--spacing-8, var(--spacing-8, 8px));
+  flex-shrink: 0;
+  justify-content: flex-end;
+  align-items: center;
+  display: flex;
+}
+.IncodeModal .IncodeModalCloseButton {
+  cursor: pointer;
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--border-none));
+  --tw-border-style: none;
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  color: var(--color-text-body-primary, var(--text-body-primary));
+  background-color: #0000;
+  border-style: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+.IncodeModal .IncodeModalBody {
+  padding: var(--spacing-24, var(--spacing-24, 24px));
+  flex-direction: column;
+  flex: 1;
+  align-items: center;
+  display: flex;
+}
+.IncodeCaptureFooter {
+  z-index: 1000;
+  width: 100%;
+  padding-top: var(--spacing-8, var(--spacing-8, 8px));
+  pointer-events: auto;
+  flex-direction: column;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+.IncodeCaptureFooter .IncodeCaptureFooterEncryption {
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-4, var(--spacing-4, 4px));
+  font-family: var(--primitive-typography-family-dm-sans);
+  font-size: var(--typography-body-regular-size);
+  font-weight: var(--typography-body-regular-weight);
+  line-height: var(--typography-body-regular-line-height);
+  letter-spacing: var(--typography-body-regular-letter-spacing);
+  white-space: nowrap;
+  color: var(--color-text-body-0-static, var(--text-body-0-static));
+  display: flex;
+}
+.IncodeCaptureFooter .IncodeCaptureFooterCaptureSection {
+  flex-direction: column;
+  align-items: center;
+  display: flex;
+}
+.IncodeCaptureFooter .IncodeCaptureFooterCaptureSection .IncodeCaptureFooterCaptureButton {
+  margin-top: var(--spacing-12, var(--spacing-12, 12px));
+  cursor: pointer;
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--border-none));
+  --tw-border-style: none;
+  width: 64px;
+  height: 64px;
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  background-color: #0000;
+  border-style: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+.IncodeCaptureFooter .IncodeCaptureFooterHelp {
+  right: var(--spacing-0, var(--spacing-none, 0px));
+  bottom: var(--spacing-0, var(--spacing-none, 0px));
+  z-index: 20;
+  pointer-events: auto;
+  position: absolute;
+}
+.IncodeCaptureFooter .IncodeCaptureFooterHelp .IncodeCaptureFooterHelpButton {
+  height: 100%;
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+.IncodeCameraView {
+  background-color: var(--color-black, #000);
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+.IncodeCameraView .IncodeCameraViewVideo {
+  pointer-events: none;
+  inset: var(--spacing-0, var(--spacing-none, 0px));
+  z-index: 1;
+  position: absolute;
+}
+.IncodeCameraView .IncodeCameraViewVideo .IncodeCameraViewVideoElement {
+  inset: var(--spacing-0, var(--spacing-none, 0px));
+  object-fit: cover;
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+  position: absolute;
+}
+.IncodeCameraOverlay {
+  inset: var(--spacing-0, var(--spacing-none, 0px));
+  z-index: 10;
+  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
+  padding-top: var(--spacing-16, var(--spacing-16, 16px));
+  padding-bottom: var(--spacing-24, var(--spacing-24, 24px));
+  pointer-events: none;
+  flex-direction: column;
+  display: flex;
+  position: absolute;
+}
+.IncodeCameraOverlayHeader {
+  z-index: 20;
+  align-items: center;
+  gap: var(--spacing-8, var(--spacing-8, 8px));
+  opacity: 1;
+  transition-property: opacity;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
+  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
+  --tw-duration: .3s;
+  pointer-events: auto;
+  flex-direction: column;
+  transition-duration: .3s;
+  display: flex;
+}
+.IncodeCameraOverlayHeader.IncodeCameraOverlayHeaderHidden {
+  opacity: 0;
+}
+.IncodeCameraOverlayHeader .IncodeCameraOverlayHeaderTitle {
+  font-family: var(--primitive-typography-family-dm-sans);
+  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-0, var(--text-body-0-static));
+  text-align: center;
+}
+.IncodeCameraOverlayHeader .IncodeCameraOverlayHeaderSubtitle {
+  font-family: var(--primitive-typography-family-dm-sans);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+  color: var(--color-text-body-tertiary, var(--text-body-tertiary));
+  text-align: center;
+}
+.IncodeCameraFrame {
+  --frame-border-color: var(--border-neutral-0);
+  --overlay-opacity: .8;
+  border: 4px solid var(--frame-border-color);
+  box-shadow: 0 0 0 9999px rgba(0, 0, 0, var(--overlay-opacity));
+  border-radius: 10px;
+  justify-content: center;
+  align-self: center;
+  align-items: center;
+  transition: max-width .3s ease-out, border-color .3s ease-out;
+  display: flex;
+  position: relative;
+}
+@media (min-width: 48rem) {
+  .IncodeCameraFrame {
+    --overlay-opacity: 1;
+  }
+}
+.IncodeCameraFrame.IncodeCameraFrameFill {
+  border-color: #fff6;
+  flex: 1;
+  align-self: stretch;
+}
+.IncodeCameraFrame.IncodeCameraFrameLocked {
+  border-radius: var(--radius-medium, var(--border-radius-medium));
+}
+.IncodeCameraFrame.IncodeCameraFrameHorizontal {
+  aspect-ratio: 35 / 22;
+  width: 100%;
+  max-width: 640px;
+}
+.IncodeCameraFrame.IncodeCameraFrameVertical {
+  aspect-ratio: 22 / 35;
+  width: 100%;
+  max-width: 274px;
+}
+.IncodeCameraFrame.IncodeCameraFrameIdle {
+  --frame-border-color: var(--border-neutral-0);
+}
+.IncodeCameraFrame.IncodeCameraFrameCapturing, .IncodeCameraFrame.IncodeCameraFrameFocus {
+  --frame-border-color: var(--border-status-focus);
+}
+.IncodeCameraFrame.IncodeCameraFrameAnalyzing, .IncodeCameraFrame.IncodeCameraFrameSuccess {
+  --frame-border-color: var(--border-status-positive);
+}
+.IncodeCameraFrame.IncodeCameraFrameError {
+  --frame-border-color: var(--border-status-negative);
+}
+.IncodeCameraFrame .IncodeCaptureCounter {
+  border-radius: var(--radius-medium, var(--border-radius-medium));
+  background-color: var(--color-countdown-surface-default, var(--countdown-surface-default));
+  padding-inline: var(--spacing-32, var(--spacing-32, 32px));
+  padding-block: var(--spacing-20, var(--spacing-20, 20px));
+  font-family: var(--primitive-typography-family-rethink-sans);
+  font-size: var(--typography-display-d2-size);
+  font-weight: var(--typography-display-d2-weight);
+  line-height: var(--typography-display-d2-line-height);
+  letter-spacing: var(--typography-display-d2-letter-spacing);
+  color: var(--color-countdown-text-default, var(--countdown-text-default));
+}
+.IncodeErrorContent {
+  inset: var(--spacing-0, var(--spacing-none, 0px));
+  top: var(--spacing-0, var(--spacing-none, 0px));
+  right: var(--spacing-0, var(--spacing-none, 0px));
+  bottom: var(--spacing-0, var(--spacing-none, 0px));
+  left: var(--spacing-0, var(--spacing-none, 0px));
+  z-index: 50;
+  background-color: var(--color-white, #fff);
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  position: fixed;
+}
+.IncodeErrorContent .IncodeErrorContentContainer {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  min-width: 320px;
+  height: 100%;
+  display: flex;
+}
+.IncodeErrorContent .IncodeErrorContentIconContainer {
+  flex-direction: column;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+.IncodeErrorContent .IncodeErrorContentTitle {
+  font-family: var(--primitive-typography-family-dm-sans);
+  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-primary));
+}
+.IncodeErrorContent .IncodeErrorContentDescription {
+  text-align: center;
+  font-family: var(--primitive-typography-family-dm-sans);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-secondary));
+}
+.IncodeErrorContent .IncodeErrorContentAttemptsContainer {
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  display: flex;
+}
+.IncodeErrorContent .IncodeErrorContentAttemptsText {
+  font-family: var(--primitive-typography-family-dm-sans);
+  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-secondary));
+}
+.IncodeProgressBarContainer {
+  flex-direction: column;
+  align-items: center;
+  display: flex;
+}
+.IncodeProgressBar {
+  height: var(--spacing-8, var(--spacing-8, 8px));
+  background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
+  border-radius: 4px;
+  width: 143px;
+  overflow: hidden;
+}
+.IncodeProgressBar .IncodeProgressBarFill {
+  background-color: var(--color-icon-status-positive, var(--icon-status-positive-static));
+  height: 100%;
+  transition-property: width;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
+  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
+  --tw-duration: .5s;
+  --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
+  transition-duration: .5s;
+  transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
+  border-radius: 4px;
+}
+.IncodeProgressBarLabel {
+  text-align: center;
+  font-family: var(--primitive-typography-family-dm-sans);
+  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);
+}
 .IncodePermissionsImageContainer {
   flex-direction: column;
   align-items: center;
@@ -2391,6 +2959,42 @@
   width: var(--spacing-2, var(--spacing-2, 2px));
   background-color: var(--color-border-neutral-100, var(--border-neutral-100));
 }
+[data-incode-landscape-portal] {
+  z-index: 999999999;
+  pointer-events: none;
+  position: fixed;
+  inset: 0;
+  overflow: visible;
+}
+[data-incode-landscape-portal] > * {
+  pointer-events: auto;
+}
+.IncodeLandscapeBlocker {
+  background: var(--incode-landscape-bg, #fff);
+  text-align: center;
+  z-index: 999999999;
+  box-sizing: border-box;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100vw;
+  height: 100vh;
+  padding: 50px;
+  font-weight: 700;
+  display: flex;
+  position: fixed;
+  inset: 0;
+  overflow: hidden;
+}
+.IncodeLandscapeBlocker-icon {
+  height: 90px;
+  margin-bottom: 25px;
+}
+.IncodeLandscapeBlocker-text {
+  margin: 0;
+  font-size: 22px;
+  display: block;
+}
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false