/* src/styles/clipo-typer.css */
[data-typer] {
  --typer-fg: var(--clipo-ink, #131313);
  --typer-bg: var(--clipo-paper, #f7f7f6);
  --typer-accent: var(--clipo-blue, #2951e6);
  --typer-accent-ink: var(--clipo-paper, #f7f7f6);
  --typer-radius: 0.05em;
}

[data-typer].hero-text,
[data-typer].hero-text-heading {
  white-space: nowrap !important;
}

[data-typer][data-typer-type="initial"] {
  opacity: 0;
}

[data-typer] .word {
  white-space: pre;
}

[data-typer] .word.wordNoWrap {
  white-space: nowrap;
}

.clipo-copy-fade {
  opacity: 0;
  transition: opacity 900ms ease;
}

.clipo-copy-fade.is-visible {
  opacity: 1;
}

[data-typer] .word .char {
  box-sizing: content-box;
  display: inline-block;
  color: var(--typer-fg);
  background: transparent;
  vertical-align: baseline;
  transition: none;
}

[data-typer] .word .char.charInit {
  color: transparent;
}

[data-typer] .word .char.charFill,
[data-typer] .word .char.charInverse {
  color: var(--typer-bg);
  background: var(--typer-fg);
}

[data-typer] .word .char.charFill {
  border-radius: var(--typer-radius);
}

[data-typer] .word .char.charFill:has(+ .charFill) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[data-typer] .word .char.charFill + .charFill {
  border-radius: 0;
}

[data-typer] .word .char.charFill + .charFill:last-child,
[data-typer] .word .char.charFill + .charFill:has(+ :not(.charFill)) {
  border-radius: 0 var(--typer-radius) var(--typer-radius) 0;
}

[data-typer] .word .char.charAccent {
  color: var(--typer-accent);
  background: transparent;
}

[data-typer] .word .char.charAccentInverse {
  color: var(--typer-accent-ink);
  background: var(--typer-accent);
  border-radius: var(--typer-radius);
}

[data-typer] .word .char.charAccentInverse:has(+ .charAccentInverse) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[data-typer] .word .char.charAccentInverse + .charAccentInverse {
  border-radius: 0;
}

[data-typer] .word .char.charAccentInverse + .charAccentInverse:last-child,
[data-typer]
  .word
  .char.charAccentInverse
  + .charAccentInverse:has(+ :not(.charAccentInverse)) {
  border-radius: 0 var(--typer-radius) var(--typer-radius) 0;
}

[data-typer] .word .char.charAccentFill {
  color: var(--typer-accent);
  background: var(--typer-accent);
}

[data-typer] .word .char.charBorder {
  position: relative;
  color: var(--typer-fg);
}

[data-typer] .word .char.charBorder::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--typer-accent);
  border-radius: var(--typer-radius);
  pointer-events: none;
}

[data-typer] .word .char.charBorder:has(+ .charBorder)::after {
  border-right-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[data-typer] .word .char.charBorder + .charBorder::after {
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 0;
}

[data-typer] .word .char.charBorder + .charBorder:last-child::after,
[data-typer] .word .char.charBorder + .charBorder:has(+ :not(.charBorder))::after {
  border-left-color: transparent;
  border-right-color: var(--typer-accent);
  border-radius: 0 var(--typer-radius) var(--typer-radius) 0;
}

@media (prefers-reduced-motion: reduce) {
  [data-typer][data-typer-type="initial"] {
    opacity: 1;
  }

  [data-typer] .word .char.charInit {
    color: var(--typer-fg);
  }
}


/* src/styles/clipo-rive-web1.css */
div:has(> .clipo-rive-web1):has(> .hero-section) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 100vh 100vh auto;
  position: relative;
  overflow: visible;
  isolation: isolate;
}

div:has(> .clipo-rive-web1):has(> .hero-section) > .hero-section {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 2;
  min-height: 100vh;
}

div:has(> .clipo-rive-web1):has(> .hero-section) > .setion-3 {
  grid-column: 1;
  grid-row: 3;
}

.clipo-rive-web1 {
  position: sticky;
  top: 0;
  z-index: 0;
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: start;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  overflow: visible;
  background: transparent;
  padding: 0;
}

.clipo-rive-web1__frame {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
  background: transparent;
}

.clipo-rive-web1__canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.clipo-rive-web1__draw-surface {
  display: block;
  width: 100%;
  height: 100%;
}

.clipo-mask-reveal__panel--mask2 {
  overflow: hidden;
}

.clipo-mask-reveal__mask2-content {
  position: relative;
  z-index: 2;
}

.clipo-rive-web2 {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
  pointer-events: none;
  background: transparent;
}

.clipo-rive-web2__frame {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
  background: transparent;
}

.clipo-rive-web2__canvas,
.clipo-rive-web2__draw-surface {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.clipo-rive-web3 {
  width: 100%;
  max-width: 720px;
  aspect-ratio: 3 / 4;
  margin: 0 auto;
  overflow: hidden;
  background: transparent;
  pointer-events: auto;
}

.clipo-rive-web3__frame,
.clipo-rive-web3__canvas,
.clipo-rive-web3__draw-surface {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}

.clipo-rive-logo {
  width: 100%;
  max-width: 320px;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  overflow: hidden;
  background: transparent;
}

.clipo-rive-logo__frame,
.clipo-rive-logo__canvas,
.clipo-rive-logo__draw-surface {
  display: block;
  width: 100%;
  height: 100%;
}


/* src/styles/clipo-fonts.css */
@font-face {
  font-family: "PhonkSansHeavy";
  src:
    url("/uploads/fonts/Clipo/webFonts/PhonkSansHeavy/font.woff2") format("woff2"),
    url("/uploads/fonts/Clipo/webFonts/PhonkSansHeavy/font.woff") format("woff");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-clipo-font-poster: PhonkSansHeavy, Impact, Arial Black, sans-serif;
}

.hero-text-heading,
.clipo-text-mark,
.clipo-text-poster {
  font-family: var(--font-clipo-font-poster);
}


/* src/styles/clipo-waitlist-ticket.css */
.clipo-waitlist-ticket {
  --clipo-ticket-paper: var(--clipo-paper, #f7f7f6);
  --clipo-ticket-ink: var(--clipo-ink, #131313);
  --clipo-ticket-muted: var(--clipo-muted, #858585);
  --clipo-ticket-blue: var(--clipo-blue, #2951e6);
  --clipo-ticket-yellow: #fad84c;
  --clipo-ticket-line: #cacac9;
  --clipo-ticket-radius: 16px;
  --clipo-ticket-cutout: 36px;
  --clipo-ticket-padding: 16px;

  box-sizing: border-box;
  width: 100%;
  padding: var(--clipo-space-m, 24px);
  background: transparent;
  color: var(--clipo-ticket-ink);
  font-family: var(--font-clipo-font-display, Ronzino, Arial, Helvetica, sans-serif);
}

.clipo-waitlist-ticket,
.clipo-waitlist-ticket * {
  box-sizing: border-box;
}

.clipo-waitlist-ticket__shell {
  display: grid;
  grid-template-columns: minmax(92px, 0.16fr) minmax(420px, 0.52fr) minmax(280px, 0.36fr);
  align-items: stretch;
  width: min(100%, 1216px);
  min-height: 538px;
  margin: 0 auto;
}

.clipo-waitlist-ticket__stub {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}

.clipo-waitlist-ticket__stub--barcode {
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: 8px;
  background:
    radial-gradient(circle at left 20px, transparent 0 var(--clipo-ticket-cutout), var(--clipo-ticket-paper) calc(var(--clipo-ticket-cutout) + 1px)) left top / 100% 15.38% repeat-y,
    var(--clipo-ticket-paper);
  border-radius: 0 var(--clipo-ticket-radius) var(--clipo-ticket-radius) 0;
}

.clipo-waitlist-ticket__barcode {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: min(70%, 98px);
  padding-block: 2px;
}

.clipo-waitlist-ticket__bar {
  width: 100%;
  background: var(--clipo-ticket-ink);
}

.clipo-waitlist-ticket__bar--thin {
  height: 5px;
}

.clipo-waitlist-ticket__bar--medium {
  height: 10px;
}

.clipo-waitlist-ticket__bar--thick {
  height: 16px;
}

.clipo-waitlist-ticket__bar--wide {
  height: 28px;
}

.clipo-waitlist-ticket__main {
  display: grid;
  grid-template-rows: 1fr auto;
  position: relative;
  z-index: 2;
  min-width: 0;
}

.clipo-waitlist-ticket__copy {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 40px;
  min-height: 0;
  padding: var(--clipo-ticket-padding);
  background: var(--clipo-ticket-paper);
  border-radius: var(--clipo-ticket-radius) var(--clipo-ticket-radius) 0 0;
}

.clipo-waitlist-ticket__headline-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.clipo-waitlist-ticket__headline {
  flex: 1 1 auto;
  margin: 0;
  color: var(--clipo-ticket-ink);
  font-family: var(--font-clipo-font-display, Ronzino, Arial, Helvetica, sans-serif);
  font-size: clamp(56px, 6vw, 65px);
  font-weight: 500;
  line-height: 0.94;
  letter-spacing: 0;
}

.clipo-waitlist-ticket__brand-mark {
  width: clamp(56px, 6vw, 84px);
  height: auto;
  flex: 0 0 auto;
  margin-top: 10px;
  object-fit: contain;
  object-position: left center;
}

.clipo-waitlist-ticket__body {
  max-width: 560px;
  margin: 0;
  color: var(--clipo-ticket-muted);
  font-family: var(--font-clipo-font-display, Ronzino, Arial, Helvetica, sans-serif);
  font-size: clamp(20px, 2vw, 20px);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
}

.clipo-waitlist-ticket__form {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  z-index: 3;
  gap: 16px;
  padding: var(--clipo-ticket-padding);
  background: var(--clipo-ticket-blue);
  border-radius: 0 0 var(--clipo-ticket-radius) var(--clipo-ticket-radius);
}

.clipo-waitlist-ticket__label {
  color: #b3b3b2;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
}

.clipo-waitlist-ticket__input-frame {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 16px;
  outline: 1px solid var(--clipo-ticket-line);
  outline-offset: -1px;
  cursor: text;
}

.clipo-waitlist-ticket__input {
  display: block;
  position: relative;
  z-index: 1;
  min-width: 0;
  flex: 1 1 auto;
  height: 50px;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  color: var(--clipo-ticket-paper);
  background: transparent;
  font: inherit;
  font-size: clamp(30px, 4vw, 30px);
  font-weight: 500;
  line-height: 50px;
  letter-spacing: 0;
  pointer-events: auto;
}

.clipo-waitlist-ticket__input::placeholder {
  color: var(--clipo-ticket-line);
  opacity: 1;
}

.clipo-waitlist-ticket__submit {
  position: relative;
  z-index: 2;
  display: block;
  flex: 0 0 auto;
  width: 54px;
  height: 54px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--clipo-ticket-ink);
  background: var(--clipo-ticket-yellow);
  font: inherit;
  line-height: 0;
  cursor: pointer;
  overflow: hidden;
  transform-origin: center;
  will-change: transform;
}

.clipo-waitlist-ticket__submit-arrow {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: inherit;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 1;
  transform: translateY(-4px);
  will-change: transform;
}

.clipo-waitlist-ticket__submit:focus-visible,
.clipo-waitlist-ticket__input:focus-visible {
  outline: 2px solid var(--clipo-ticket-yellow);
  outline-offset: 3px;
}

.clipo-waitlist-ticket__status {
  min-height: 24px;
  margin: -6px 0 0;
  color: var(--clipo-ticket-paper);
  font-size: 16px;
  line-height: 1.5;
}

.clipo-waitlist-toast {
  --clipo-toast-paper: var(--clipo-paper, #f7f7f6);
  --clipo-toast-ink: var(--clipo-ink, #131313);
  --clipo-toast-blue: var(--clipo-blue, #2951e6);
  --clipo-toast-yellow: #fad84c;

  position: fixed;
  top: 24px;
  left: 24px;
  z-index: 2147483000;
  width: fit-content;
  max-width: min(calc(100vw - 48px), 520px);
  padding: 18px 24px 20px;
  border: 1px solid var(--clipo-toast-ink);
  color: var(--clipo-toast-ink);
  background: var(--clipo-toast-yellow);
  font-family: var(--font-clipo-font-display, Ronzino, Arial, Helvetica, sans-serif);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, -140%, 0);
  will-change: transform, opacity;
}

.clipo-waitlist-toast__message {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 20ch;
  white-space: pre-line;
}

.clipo-waitlist-toast__handle {
  position: absolute;
  z-index: 2;
  width: 16px;
  height: 16px;
  background: var(--clipo-toast-blue);
  border: 1px solid var(--clipo-toast-paper);
  pointer-events: none;
}

.clipo-waitlist-toast__handle--top-left {
  top: -8px;
  left: -8px;
}

.clipo-waitlist-toast__handle--top-right {
  top: -8px;
  right: -8px;
}

.clipo-waitlist-toast__handle--bottom-right {
  right: -8px;
  bottom: -8px;
}

.clipo-waitlist-toast__handle--bottom-left {
  bottom: -8px;
  left: -8px;
}

.clipo-waitlist-toast.is-error {
  color: var(--clipo-toast-ink);
  background: var(--clipo-toast-paper);
  border-color: var(--clipo-toast-blue);
}

.clipo-waitlist-toast.is-success {
  color: var(--clipo-toast-paper);
  background: var(--clipo-toast-blue);
  border-color: var(--clipo-toast-ink);
}

.clipo-waitlist-toast.is-success .clipo-waitlist-toast__handle {
  background: var(--clipo-toast-paper);
  border-color: var(--clipo-toast-blue);
}

@media (max-width: 600px) {
  .clipo-waitlist-toast {
    top: 16px;
    left: 16px;
    max-width: calc(100vw - 32px);
    padding: 14px 16px;
    font-size: 18px;
  }

  .clipo-waitlist-toast__message {
    max-width: 18ch;
  }
}

.clipo-waitlist-ticket__handle {
  position: absolute;
  z-index: 2;
  width: 16px;
  height: 16px;
  background: var(--clipo-ticket-line);
  border: 1px solid var(--clipo-ticket-paper);
  pointer-events: none;
}

.clipo-waitlist-ticket__handle--top-left {
  top: -8px;
  left: -8px;
}

.clipo-waitlist-ticket__handle--top-right {
  top: -8px;
  right: -8px;
}

.clipo-waitlist-ticket__handle--bottom-right {
  right: -8px;
  bottom: -8px;
}

.clipo-waitlist-ticket__handle--bottom-left {
  bottom: -8px;
  left: -8px;
}

.clipo-waitlist-ticket__stub--art {
  display: flex;
  padding: 10px;
  background:
    radial-gradient(circle at right 20px, transparent 0 var(--clipo-ticket-cutout), var(--clipo-ticket-yellow) calc(var(--clipo-ticket-cutout) + 1px)) right top / 100% 15.38% repeat-y,
    var(--clipo-ticket-yellow);
  border-radius: var(--clipo-ticket-radius) 0 0 var(--clipo-ticket-radius);
  pointer-events: auto;
}

.clipo-waitlist-ticket__art-frame {
  position: relative;
  flex: 1 1 auto;
  min-height: 100%;
  outline: 1px solid var(--clipo-ticket-blue);
  outline-offset: -1px;
  pointer-events: auto;
}

.clipo-waitlist-ticket .clipo-rive-web3,
.clipo-waitlist-ticket .clipo-rive-web3 *,
.clipo-waitlist-ticket .clipo-rive-web3__frame,
.clipo-waitlist-ticket .clipo-rive-web3__canvas,
.clipo-waitlist-ticket .clipo-rive-web3__draw-surface {
  pointer-events: auto;
}

.clipo-waitlist-ticket__stub--art .clipo-waitlist-ticket__handle {
  pointer-events: none;
}

.clipo-waitlist-ticket__stub--art .clipo-waitlist-ticket__handle {
  width: 14px;
  height: 14px;
  background: var(--clipo-ticket-blue);
  border-color: var(--clipo-ticket-paper);
}

.clipo-waitlist-ticket.is-success .clipo-waitlist-ticket__input-frame {
  outline-color: var(--clipo-ticket-yellow);
}

.clipo-waitlist-ticket.is-error .clipo-waitlist-ticket__input-frame {
  outline-color: #f7b7d4;
}

@media (max-width: 980px) {
  .clipo-waitlist-ticket__shell {
    grid-template-columns: 74px minmax(0, 1fr);
    min-height: auto;
  }

  .clipo-waitlist-ticket__stub--barcode {
    grid-row: span 2;
  }

  .clipo-waitlist-ticket__stub--art {
    grid-column: 2;
    min-height: 220px;
    border-radius: 0 0 var(--clipo-ticket-radius) var(--clipo-ticket-radius);
  }

  .clipo-waitlist-ticket__main {
    min-height: 520px;
  }
}

@media (max-width: 640px) {
  .clipo-waitlist-ticket {
    padding: var(--clipo-space-s, 16px);
  }

  .clipo-waitlist-ticket__shell {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .clipo-waitlist-ticket__barcode {
    width: 70%;
  }

  .clipo-waitlist-ticket__headline-row {
    gap: 14px;
  }

  .clipo-waitlist-ticket__headline {
    font-size: clamp(42px, 13vw, 58px);
  }

  .clipo-waitlist-ticket__brand-mark {
    width: 48px;
  }

  .clipo-waitlist-ticket__body,
  .clipo-waitlist-ticket__label {
    font-size: 18px;
  }

  .clipo-waitlist-ticket__input-frame {
    padding: 12px;
  }

  .clipo-waitlist-ticket__input {
    height: 42px;
    font-size: clamp(20px, 7vw, 28px);
    line-height: 42px;
  }

  .clipo-waitlist-ticket__submit {
    width: 44px;
    height: 44px;
  }

  .clipo-waitlist-ticket__submit-arrow {
    font-size: 28px;
  }
}


/* src/styles/clipo-selection-button.css */
.clipo-selection-button {
  --clipo-selection-button-bg: var(--clipo-paper, #f7f7f6);
  --clipo-selection-button-border: var(--clipo-blue, #2951e6);
  --clipo-selection-button-handle-bg: var(--clipo-blue, #2951e6);
  --clipo-selection-button-handle-border: var(--clipo-paper, #f7f7f6);
  --clipo-selection-button-ink: var(--clipo-ink, #131313);
  --clipo-selection-button-padding-block: 16px;
  --clipo-selection-button-padding-inline: 16px;
  --clipo-selection-button-gap: 10px;
  --clipo-selection-button-border-width: 1px;
  --clipo-selection-button-handle-size: 16px;
  --clipo-selection-button-font-size: 24px;
  --clipo-selection-button-line-height: 30px;

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--clipo-selection-button-gap);
  box-sizing: border-box;
  min-width: max-content;
  padding: var(--clipo-selection-button-padding-block)
    var(--clipo-selection-button-padding-inline);
  color: var(--clipo-selection-button-ink);
  background: var(--clipo-selection-button-bg);
  border: var(--clipo-selection-button-border-width) solid
    var(--clipo-selection-button-border);
  font-family: var(--font-clipo-font-display, Ronzino, Arial, Helvetica, sans-serif);
  font-size: var(--clipo-selection-button-font-size);
  font-weight: 500;
  line-height: var(--clipo-selection-button-line-height);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  pointer-events: auto;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.clipo-selection-button--display {
  --clipo-selection-button-padding-block: clamp(40px, 6vw, 72px);
  --clipo-selection-button-padding-inline: clamp(56px, 8vw, 96px);
  --clipo-selection-button-border-width: 4px;
  --clipo-selection-button-handle-size: clamp(56px, 6vw, 76px);
  --clipo-selection-button-font-size: clamp(64px, 9vw, 120px);
  --clipo-selection-button-line-height: 0.95;
}

.clipo-selection-button--sticky-top-left {
  position: fixed;
  top: var(--clipo-selection-button-top, var(--clipo-space-m, 24px));
  left: var(--clipo-selection-button-left, var(--clipo-space-m, 24px));
  z-index: 50;
}

.clipo-selection-button--sticky-top-right {
  position: fixed;
  top: var(--clipo-selection-button-top, var(--clipo-space-m, 24px));
  right: var(--clipo-selection-button-right, var(--clipo-space-m, 24px));
  z-index: 50;
}

.clipo-selection-button__label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  overflow: hidden;
  line-height: var(--clipo-selection-button-line-height);
  white-space: pre;
  pointer-events: none;
}

.clipo-selection-button__char {
  display: inline-block;
  height: var(--clipo-selection-button-line-height);
  line-height: var(--clipo-selection-button-line-height);
  overflow: hidden;
  pointer-events: none;
  vertical-align: top;
  will-change: transform;
}

.clipo-selection-button__char-track {
  display: flex;
  flex-direction: column;
  height: calc(var(--clipo-selection-button-line-height) * 2);
  pointer-events: none;
  will-change: transform;
}

.clipo-selection-button__char-glyph {
  display: block;
  height: var(--clipo-selection-button-line-height);
  line-height: var(--clipo-selection-button-line-height);
  pointer-events: none;
}

.clipo-selection-button__handle {
  position: absolute;
  z-index: 2;
  width: var(--clipo-selection-button-handle-size);
  height: var(--clipo-selection-button-handle-size);
  box-sizing: border-box;
  background: var(--clipo-selection-button-handle-bg);
  border: var(--clipo-selection-button-border-width) solid
    var(--clipo-selection-button-handle-border);
  pointer-events: none;
  will-change: transform;
}

.clipo-selection-button__handle--top-left {
  top: calc(var(--clipo-selection-button-handle-size) / -2);
  left: calc(var(--clipo-selection-button-handle-size) / -2);
}

.clipo-selection-button__handle--top-right {
  top: calc(var(--clipo-selection-button-handle-size) / -2);
  right: calc(var(--clipo-selection-button-handle-size) / -2);
}

.clipo-selection-button__handle--bottom-right {
  right: calc(var(--clipo-selection-button-handle-size) / -2);
  bottom: calc(var(--clipo-selection-button-handle-size) / -2);
}

.clipo-selection-button__handle--bottom-left {
  bottom: calc(var(--clipo-selection-button-handle-size) / -2);
  left: calc(var(--clipo-selection-button-handle-size) / -2);
}

.clipo-selection-button:focus-visible {
  outline: 2px solid var(--clipo-selection-button-border);
  outline-offset: calc(var(--clipo-selection-button-handle-size) / 2 + 4px);
}

.clipo-selection-button[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.45;
  pointer-events: none;
}


/* src/styles/clipo-mask-reveal.css */
html,
body,
body * {
  cursor: url("data:image/svg+xml,%3Csvg width='28' height='38' viewBox='0 0 28 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2517_311)'%3E%3Cpath d='M6.17649 18.025C5.04844 15.9924 3.66715 13.4145 3.241 12.6531C2.06365 10.5492 1.2127 8.73159 0.349014 6.34577C-0.0189599 5.32926 -0.0959391 4.26068 0.117973 3.25286C0.443018 1.69777 1.35862 0.637883 2.76189 0.177403C4.00264 -0.230898 5.35453 0.0731543 6.54389 1.01145C7.33102 1.61961 7.76741 2.43626 8.19523 3.28765C8.48623 3.88711 8.76855 4.50391 9.04231 5.17289C9.75257 6.83228 10.5226 8.47424 11.2671 10.0033C11.2671 10.0033 11.6435 10.7157 12.2253 11.7061C12.5249 11.5932 12.8243 11.4889 13.1323 11.3934C16.0671 10.4203 19.2929 9.7948 21.6118 10.5767C21.7743 10.6288 21.9284 10.6897 22.0824 10.7678C23.6054 11.4541 24.5552 12.8094 25.1285 14.3559C26.4206 17.7963 25.8985 22.1662 25.8985 22.1662C25.8985 22.1662 25.8387 24.4772 24.5552 26.7273C24.521 26.7707 24.4782 26.8142 24.4354 26.8489L24.4611 26.8924L25.7017 29.3336C25.9328 29.8028 25.9328 30.3415 25.7017 30.7845C25.6419 30.8974 25.5735 31.0017 25.4878 31.106C24.5723 32.1572 23.4856 33.026 22.2536 33.6775C21.0214 34.3204 19.7036 34.7201 18.3262 34.8765C17.6759 34.946 17.0683 34.6158 16.7688 34.0251L15.2458 31.0278C13.0812 30.5525 9.8262 29.4533 7.05799 26.7273C5.94477 25.6311 4.77807 24.4506 4.39245 22.5233C3.85736 19.8486 5.74125 18.6879 6.17649 18.025Z' fill='%232336F1'/%3E%3Cpath d='M17.898 37.2849C17.8576 36.8505 18.1716 36.465 18.5993 36.4237C20.1497 36.2743 21.6369 35.8296 23.0194 35.102C24.4018 34.3744 25.617 33.3969 26.631 32.1966C26.9109 31.8654 27.4022 31.8272 27.7284 32.1113C28.0086 32.3554 28.0758 32.7579 27.9118 33.0765C27.8849 33.1288 27.8518 33.1788 27.8124 33.2255C26.6677 34.5803 25.2961 35.6837 23.7357 36.505C22.1751 37.3264 20.4964 37.8283 18.7463 37.9969C18.3185 38.0381 17.9386 37.7193 17.898 37.2849Z' fill='%232336F1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2517_311'%3E%3Crect width='28' height='38' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 7 19, auto !important;
}

.clipo-mask-reveal {
  position: relative;
  z-index: 0;
  height: 200vh;
  min-height: 1600px;
  overflow: clip;
  background: var(--clipo-paper, #f7f7f6);
  user-select: none;
  -webkit-user-select: none;
  cursor: url("data:image/svg+xml,%3Csvg width='28' height='38' viewBox='0 0 28 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2517_311)'%3E%3Cpath d='M6.17649 18.025C5.04844 15.9924 3.66715 13.4145 3.241 12.6531C2.06365 10.5492 1.2127 8.73159 0.349014 6.34577C-0.0189599 5.32926 -0.0959391 4.26068 0.117973 3.25286C0.443018 1.69777 1.35862 0.637883 2.76189 0.177403C4.00264 -0.230898 5.35453 0.0731543 6.54389 1.01145C7.33102 1.61961 7.76741 2.43626 8.19523 3.28765C8.48623 3.88711 8.76855 4.50391 9.04231 5.17289C9.75257 6.83228 10.5226 8.47424 11.2671 10.0033C11.2671 10.0033 11.6435 10.7157 12.2253 11.7061C12.5249 11.5932 12.8243 11.4889 13.1323 11.3934C16.0671 10.4203 19.2929 9.7948 21.6118 10.5767C21.7743 10.6288 21.9284 10.6897 22.0824 10.7678C23.6054 11.4541 24.5552 12.8094 25.1285 14.3559C26.4206 17.7963 25.8985 22.1662 25.8985 22.1662C25.8985 22.1662 25.8387 24.4772 24.5552 26.7273C24.521 26.7707 24.4782 26.8142 24.4354 26.8489L24.4611 26.8924L25.7017 29.3336C25.9328 29.8028 25.9328 30.3415 25.7017 30.7845C25.6419 30.8974 25.5735 31.0017 25.4878 31.106C24.5723 32.1572 23.4856 33.026 22.2536 33.6775C21.0214 34.3204 19.7036 34.7201 18.3262 34.8765C17.6759 34.946 17.0683 34.6158 16.7688 34.0251L15.2458 31.0278C13.0812 30.5525 9.8262 29.4533 7.05799 26.7273C5.94477 25.6311 4.77807 24.4506 4.39245 22.5233C3.85736 19.8486 5.74125 18.6879 6.17649 18.025Z' fill='%232336F1'/%3E%3Cpath d='M17.898 37.2849C17.8576 36.8505 18.1716 36.465 18.5993 36.4237C20.1497 36.2743 21.6369 35.8296 23.0194 35.102C24.4018 34.3744 25.617 33.3969 26.631 32.1966C26.9109 31.8654 27.4022 31.8272 27.7284 32.1113C28.0086 32.3554 28.0758 32.7579 27.9118 33.0765C27.8849 33.1288 27.8518 33.1788 27.8124 33.2255C26.6677 34.5803 25.2961 35.6837 23.7357 36.505C22.1751 37.3264 20.4964 37.8283 18.7463 37.9969C18.3185 38.0381 17.9386 37.7193 17.898 37.2849Z' fill='%232336F1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2517_311'%3E%3Crect width='28' height='38' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 7 19, auto;
}

.clipo-mask-reveal,
.clipo-mask-reveal * {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
}

.clipo-mask-reveal__stage {
  position: sticky;
  top: 0;
  height: 100vh;
  min-height: 800px;
  overflow: hidden;
  background: var(--clipo-blue, #2951e6);
}

.clipo-mask-reveal__panel {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100vh;
  min-height: 800px;
  margin: 0;
  will-change: clip-path;
}

html.clipo-instatic-canvas .clipo-mask-reveal,
body.clipo-instatic-canvas .clipo-mask-reveal,
body:has(> [data-instatic-body-probe]) .clipo-mask-reveal {
  height: 800px !important;
  min-height: 800px !important;
  max-height: 800px !important;
  overflow: hidden !important;
}

html.clipo-instatic-canvas .clipo-mask-reveal__stage,
body.clipo-instatic-canvas .clipo-mask-reveal__stage,
body:has(> [data-instatic-body-probe]) .clipo-mask-reveal__stage {
  position: relative !important;
  height: 800px !important;
  min-height: 800px !important;
  max-height: 800px !important;
}

html.clipo-instatic-canvas .clipo-mask-reveal__panel,
html.clipo-instatic-canvas .clipo-mask-reveal__panel.section-100vh,
body.clipo-instatic-canvas .clipo-mask-reveal__panel,
body.clipo-instatic-canvas .clipo-mask-reveal__panel.section-100vh,
body:has(> [data-instatic-body-probe]) .clipo-mask-reveal__panel,
body:has(> [data-instatic-body-probe]) .clipo-mask-reveal__panel.section-100vh {
  height: 800px !important;
  min-height: 800px !important;
  max-height: 800px !important;
}

html.clipo-instatic-canvas .clipo-rive-web2,
html.clipo-instatic-canvas .clipo-rive-web2__frame,
body.clipo-instatic-canvas .clipo-rive-web2,
body.clipo-instatic-canvas .clipo-rive-web2__frame,
body:has(> [data-instatic-body-probe]) .clipo-rive-web2,
body:has(> [data-instatic-body-probe]) .clipo-rive-web2__frame {
  height: 800px !important;
  min-height: 800px !important;
  max-height: 800px !important;
}

.clipo-mask-reveal__panel--mask2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0;
  z-index: 1;
  cursor: url("data:image/svg+xml,%3Csvg width='28' height='38' viewBox='0 0 28 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2517_311)'%3E%3Cpath d='M6.17649 18.025C5.04844 15.9924 3.66715 13.4145 3.241 12.6531C2.06365 10.5492 1.2127 8.73159 0.349014 6.34577C-0.0189599 5.32926 -0.0959391 4.26068 0.117973 3.25286C0.443018 1.69777 1.35862 0.637883 2.76189 0.177403C4.00264 -0.230898 5.35453 0.0731543 6.54389 1.01145C7.33102 1.61961 7.76741 2.43626 8.19523 3.28765C8.48623 3.88711 8.76855 4.50391 9.04231 5.17289C9.75257 6.83228 10.5226 8.47424 11.2671 10.0033C11.2671 10.0033 11.6435 10.7157 12.2253 11.7061C12.5249 11.5932 12.8243 11.4889 13.1323 11.3934C16.0671 10.4203 19.2929 9.7948 21.6118 10.5767C21.7743 10.6288 21.9284 10.6897 22.0824 10.7678C23.6054 11.4541 24.5552 12.8094 25.1285 14.3559C26.4206 17.7963 25.8985 22.1662 25.8985 22.1662C25.8985 22.1662 25.8387 24.4772 24.5552 26.7273C24.521 26.7707 24.4782 26.8142 24.4354 26.8489L24.4611 26.8924L25.7017 29.3336C25.9328 29.8028 25.9328 30.3415 25.7017 30.7845C25.6419 30.8974 25.5735 31.0017 25.4878 31.106C24.5723 32.1572 23.4856 33.026 22.2536 33.6775C21.0214 34.3204 19.7036 34.7201 18.3262 34.8765C17.6759 34.946 17.0683 34.6158 16.7688 34.0251L15.2458 31.0278C13.0812 30.5525 9.8262 29.4533 7.05799 26.7273C5.94477 25.6311 4.77807 24.4506 4.39245 22.5233C3.85736 19.8486 5.74125 18.6879 6.17649 18.025Z' fill='%23FFFFFF'/%3E%3Cpath d='M17.898 37.2849C17.8576 36.8505 18.1716 36.465 18.5993 36.4237C20.1497 36.2743 21.6369 35.8296 23.0194 35.102C24.4018 34.3744 25.617 33.3969 26.631 32.1966C26.9109 31.8654 27.4022 31.8272 27.7284 32.1113C28.0086 32.3554 28.0758 32.7579 27.9118 33.0765C27.8849 33.1288 27.8518 33.1788 27.8124 33.2255C26.6677 34.5803 25.2961 35.6837 23.7357 36.505C22.1751 37.3264 20.4964 37.8283 18.7463 37.9969C18.3185 38.0381 17.9386 37.7193 17.898 37.2849Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2517_311'%3E%3Crect width='28' height='38' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 7 19, auto;
  --typer-fg: #fff;
  --typer-bg: var(--clipo-blue, #2951e6);
  --typer-accent: #f7b7d4;
  --typer-accent-ink: var(--clipo-ink, #131313);
}

.clipo-mask-reveal__panel--mask2,
.clipo-mask-reveal__panel--mask2 * {
  cursor: url("data:image/svg+xml,%3Csvg width='28' height='38' viewBox='0 0 28 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2517_311)'%3E%3Cpath d='M6.17649 18.025C5.04844 15.9924 3.66715 13.4145 3.241 12.6531C2.06365 10.5492 1.2127 8.73159 0.349014 6.34577C-0.0189599 5.32926 -0.0959391 4.26068 0.117973 3.25286C0.443018 1.69777 1.35862 0.637883 2.76189 0.177403C4.00264 -0.230898 5.35453 0.0731543 6.54389 1.01145C7.33102 1.61961 7.76741 2.43626 8.19523 3.28765C8.48623 3.88711 8.76855 4.50391 9.04231 5.17289C9.75257 6.83228 10.5226 8.47424 11.2671 10.0033C11.2671 10.0033 11.6435 10.7157 12.2253 11.7061C12.5249 11.5932 12.8243 11.4889 13.1323 11.3934C16.0671 10.4203 19.2929 9.7948 21.6118 10.5767C21.7743 10.6288 21.9284 10.6897 22.0824 10.7678C23.6054 11.4541 24.5552 12.8094 25.1285 14.3559C26.4206 17.7963 25.8985 22.1662 25.8985 22.1662C25.8985 22.1662 25.8387 24.4772 24.5552 26.7273C24.521 26.7707 24.4782 26.8142 24.4354 26.8489L24.4611 26.8924L25.7017 29.3336C25.9328 29.8028 25.9328 30.3415 25.7017 30.7845C25.6419 30.8974 25.5735 31.0017 25.4878 31.106C24.5723 32.1572 23.4856 33.026 22.2536 33.6775C21.0214 34.3204 19.7036 34.7201 18.3262 34.8765C17.6759 34.946 17.0683 34.6158 16.7688 34.0251L15.2458 31.0278C13.0812 30.5525 9.8262 29.4533 7.05799 26.7273C5.94477 25.6311 4.77807 24.4506 4.39245 22.5233C3.85736 19.8486 5.74125 18.6879 6.17649 18.025Z' fill='%23FFFFFF'/%3E%3Cpath d='M17.898 37.2849C17.8576 36.8505 18.1716 36.465 18.5993 36.4237C20.1497 36.2743 21.6369 35.8296 23.0194 35.102C24.4018 34.3744 25.617 33.3969 26.631 32.1966C26.9109 31.8654 27.4022 31.8272 27.7284 32.1113C28.0086 32.3554 28.0758 32.7579 27.9118 33.0765C27.8849 33.1288 27.8518 33.1788 27.8124 33.2255C26.6677 34.5803 25.2961 35.6837 23.7357 36.505C22.1751 37.3264 20.4964 37.8283 18.7463 37.9969C18.3185 38.0381 17.9386 37.7193 17.898 37.2849Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2517_311'%3E%3Crect width='28' height='38' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 7 19, auto !important;
}

.clipo-mask-reveal__panel--mask1 {
  top: -2px;
  bottom: -2px;
  height: auto;
  min-height: calc(800px + 4px);
  z-index: 2;
  --typer-fg: var(--clipo-ink, #131313);
  --typer-bg: var(--clipo-paper, #f7f7f6);
  background: var(--clipo-paper, #f7f7f6);
  clip-path: inset(0% 0% 0% 0%);
}

.clipo-mask-reveal .char {
  box-sizing: content-box;
  display: inline-block;
  color: inherit;
  background: transparent;
  vertical-align: baseline;
  transition: none;
}

.clipo-mask-reveal .char.charInit {
  color: transparent;
}

.clipo-mask-reveal .char.charFill,
.clipo-mask-reveal .char.charInverse {
  color: var(--typer-bg, var(--clipo-paper, #f7f7f6));
  background: var(--typer-fg, var(--clipo-ink, #131313));
}

.clipo-mask-reveal .char.charAccent {
  color: var(--typer-accent, var(--clipo-blue, #2951e6));
  background: transparent;
}

.clipo-mask-reveal .char.charBorder {
  position: relative;
  color: inherit;
}

.clipo-mask-reveal .char.charBorder::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--typer-accent, var(--clipo-blue, #2951e6));
  pointer-events: none;
}

.clipo-mask-reveal__panel--mask2 .hero-text-heading {
  display: block;
  white-space: normal !important;
}

.clipo-mask-reveal__mask2-title {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
  white-space: normal !important;
}

.clipo-mask-reveal__mask2-title-line {
  display: block !important;
  width: 100%;
  flex: 0 0 auto;
  line-height: inherit;
  text-align: center;
  white-space: nowrap !important;
}

.clipo-mask-reveal__to-land {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.28em;
  width: 100vw;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  overflow: visible;
  position: relative;
  transform-origin: center top;
  will-change: transform;
}

.clipo-mask-reveal__to-land-word {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
  will-change: transform;
}

.clipo-mask-reveal__better-glitch,
.clipo-mask-reveal__mask2-clipo-glitch {
  position: relative;
  display: inline-block;
  transform-origin: center center;
  will-change: transform;
}

.clipo-mask-reveal__better-glitch::before,
.clipo-mask-reveal__better-glitch::after,
.clipo-mask-reveal__mask2-clipo-glitch::before,
.clipo-mask-reveal__mask2-clipo-glitch::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  mix-blend-mode: multiply;
}

.clipo-mask-reveal__better-glitch::before {
  color: var(--clipo-blue, #2951e6);
  transform: translate(-0.035em, -0.012em);
}

.clipo-mask-reveal__better-glitch::after {
  color: #f7b7d4;
  transform: translate(0.035em, 0.012em);
}

.clipo-mask-reveal__mask2-clipo-glitch::before {
  color: #f7b7d4;
  transform: translate(-0.035em, -0.012em);
}

.clipo-mask-reveal__mask2-clipo-glitch::after {
  color: var(--clipo-ink, #131313);
  transform: translate(0.035em, 0.012em);
}

.clipo-mask-reveal__better-glitch.is-glitching::before,
.clipo-mask-reveal__better-glitch.is-glitching::after,
.clipo-mask-reveal__mask2-clipo-glitch.is-glitching::before,
.clipo-mask-reveal__mask2-clipo-glitch.is-glitching::after {
  opacity: 0.78;
}

.clipo-mask-reveal__mask2-clipo-glitch {
  display: block !important;
  width: 100%;
  color: #fff;
  text-align: center;
  isolation: isolate;
  z-index: 0;
}

.clipo-mask-reveal__mask2-clipo-glitch::before,
.clipo-mask-reveal__mask2-clipo-glitch::after {
  text-align: center;
  opacity: 0;
  mix-blend-mode: normal;
  z-index: -1;
}

.clipo-mask-reveal__mask2-clipo-glitch.is-glitching::before,
.clipo-mask-reveal__mask2-clipo-glitch.is-glitching::after {
  opacity: 1;
}

.clipo-mask-reveal__panel--mask2 .clipo-mask-reveal__mask2-content,
.clipo-mask-reveal__panel--mask2 .heading-section,
.clipo-mask-reveal__panel--mask2 .hero-text-heading,
.clipo-mask-reveal__panel--mask2 .clipo-mask-reveal__mask2-title,
.clipo-mask-reveal__panel--mask2 .clipo-mask-reveal__mask2-title-line {
  pointer-events: none !important;
}

@supports not (clip-path: inset(0% 0% 0% 0%)) {
  .clipo-mask-reveal__panel--mask1 {
    will-change: transform;
  }
}

html,
body,
body *,
.clipo-mask-reveal,
.clipo-mask-reveal *,
.clipo-mask-reveal__panel--mask2,
.clipo-mask-reveal__panel--mask2 * {
  cursor: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.60547 0.703125C5.03391 0.233059 6.55603 0.598291 7.84961 1.61719L8.01172 1.74805C8.58739 2.23814 8.98027 2.82798 9.30664 3.4209L9.6416 4.06445L9.64551 4.07031C9.93889 4.67469 10.2242 5.29934 10.502 5.97754L11.041 7.20996C11.5891 8.43684 12.16 9.6416 12.7168 10.7852C12.7192 10.7896 12.7222 10.7954 12.7256 10.8018C12.7367 10.8225 12.7537 10.8533 12.7754 10.8936C12.819 10.9744 12.8833 11.0929 12.9658 11.2422C13.089 11.4652 13.2534 11.7562 13.4482 12.0938C13.6216 12.033 13.7966 11.9753 13.9746 11.9199L14.5361 11.7393C15.8537 11.3282 17.2236 10.9945 18.542 10.832C20.0436 10.647 21.5134 10.6793 22.7715 11.1035H22.7705C22.9447 11.1597 23.1148 11.2275 23.2871 11.3135L23.2881 11.3125C24.9753 12.0728 25.9962 13.5621 26.5967 15.1807L26.7178 15.5205C27.2952 17.2281 27.4685 19.0917 27.498 20.542C27.5139 21.3196 27.4884 21.9876 27.459 22.4619C27.4443 22.6991 27.4282 22.8887 27.416 23.0195C27.41 23.0845 27.4051 23.135 27.4014 23.1699C27.4005 23.1778 27.3991 23.1852 27.3984 23.1914L27.3975 23.2148C27.3966 23.2353 27.3948 23.2648 27.3926 23.3018C27.388 23.3756 27.3798 23.4814 27.3662 23.6143C27.3391 23.8802 27.2897 24.2561 27.1982 24.7041C27.0194 25.5799 26.6764 26.7428 26.0273 27.9033L27.1475 30.1084L27.1504 30.1133C27.4479 30.7175 27.454 31.4248 27.1455 32.0166L27.1436 32.0195C27.0687 32.1608 26.9816 32.2928 26.874 32.4238L26.8701 32.4297L26.8652 32.4355C25.9103 33.532 24.7749 34.4392 23.4873 35.1201L23.4844 35.1221C22.1972 35.7936 20.8203 36.2108 19.3828 36.374L19.3789 36.375C18.5209 36.4665 17.716 36.0269 17.3232 35.2529L15.9053 32.4629C13.6926 31.9492 10.4685 30.8042 7.70703 28.085C6.59593 26.9908 5.32103 25.7146 4.90234 23.6221C4.38697 21.0454 5.97481 19.5843 6.57227 18.9648C5.46816 16.9675 4.21696 14.6351 3.80469 13.8984C2.61505 11.7727 1.7525 9.92976 0.878906 7.5166C0.48043 6.41567 0.395038 5.25255 0.628906 4.15039C0.987617 2.43593 2.01936 1.22484 3.60547 0.704102V0.703125Z' fill='%231B2ACC' stroke='%23E8E7E0'/%3E%3Cpath d='M27.249 32.875C27.7083 32.3315 28.5191 32.2673 29.0566 32.7354C29.5156 33.1351 29.6226 33.7896 29.3564 34.3066C29.3127 34.3916 29.2588 34.4736 29.1943 34.5498L29.1934 34.5488C28.0075 35.9523 26.5862 37.0968 24.9688 37.9482C23.3509 38.7998 21.6089 39.3203 19.7939 39.4951C19.0838 39.5634 18.4661 39.0348 18.4004 38.332C18.3351 37.6306 18.8422 36.9954 19.5508 36.9268H19.5518C21.0371 36.7836 22.4611 36.3575 23.7861 35.6602C25.1112 34.9627 26.2763 34.0264 27.249 32.875Z' fill='%231B2ACC' stroke='%23E8E7E0'/%3E%3C/svg%3E") 7 20, auto !important;
}

html.clipo-custom-cursor-enabled,
html.clipo-custom-cursor-enabled body,
html.clipo-custom-cursor-enabled body * {
  cursor: none !important;
}

.clipo-custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483647;
  width: 30px;
  height: 40px;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(-100px, -100px, 0) translate(-7px, -20px) scale(1);
  transform-origin: 7px 20px;
  transition: opacity 0.12s ease;
  will-change: transform, opacity;
}

.clipo-custom-cursor svg {
  display: block;
  width: 100%;
  height: 100%;
}

.clipo-mask-icon-cloud {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none !important;
  will-change: transform;
}

.clipo-mask-icon-cloud.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.clipo-mask-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(44px, 4.2vw, 76px);
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  appearance: none;
  background: transparent;
  pointer-events: none !important;
  touch-action: none;
  user-select: none;
  transform-origin: center center;
  will-change: transform, opacity;
}

.clipo-mask-icon.is-dragging {
  z-index: 4;
}

.clipo-mask-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none !important;
  user-select: none;
}

.clipo-mask-reveal__panel--mask1 > div:not(.clipo-mask-icon-cloud),
.clipo-mask-reveal__to-land {
  position: relative;
  z-index: 2;
}

.clipo-mask-image-trail {
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  overflow: hidden;
  pointer-events: none !important;
}

.clipo-mask-image-trail__item {
  position: fixed;
  top: 0;
  left: 0;
  width: clamp(56px, 5.8vw, 104px);
  aspect-ratio: 1;
  pointer-events: none !important;
  transform-origin: center center;
  will-change: transform, opacity;
}

.clipo-mask-image-trail__item--ticket {
  width: clamp(28px, 2.9vw, 52px);
}

.clipo-mask-image-trail__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none !important;
  user-select: none;
}


/* src/styles/clipo-loading-intro.css */
.clipo-loading-intro {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #2336F1;
  clip-path: inset(0 0 0 0);
  pointer-events: auto;
}

.clipo-loading-intro.is-complete,
.clipo-loading-intro[hidden] {
  visibility: hidden !important;
  pointer-events: none !important;
}

body[data-breakpoint-id] .clipo-loading-intro {
  display: none !important;
}

.clipo-loading-intro__rive {
  width: min(240px, 34vw);
  height: min(240px, 34vw);
  min-width: 144px;
  min-height: 144px;
}

.clipo-loading-intro__canvas,
.clipo-loading-intro__draw-surface {
  display: block;
  width: 100%;
  height: 100%;
}