.screen[data-chrome="off"] .status-bar,
.screen[data-chrome="off"] .home-indicator { display: none; }
.flow-screen:empty { display: none; }
.flow-screen { position: absolute; inset: 0; }
.uxd {
  --uxd-cycle: 18s;
  cursor: pointer;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--bg-grouped-primary);
}
.uxd:focus-visible { outline: 2px solid var(--brand-secondary-alpha-70); outline-offset: -4px; }
.uxd-logo { position: relative; z-index: 1; width: 168px; height: 136px; }
.uxd-mark,
.uxd-wordmark { position: absolute; display: block; }
.uxd-mark {
  left: 0;
  top: 0;
  width: 168px;
  height: 129.719px;
  background: var(--text-bottom-default);
  -webkit-mask: url("../assets/uix-team-mark.svg") center / 100% 100% no-repeat;
  mask: url("../assets/uix-team-mark.svg") center / 100% 100% no-repeat;
}
.uxd-wordmark {
  left: 30px;
  top: 94px;
  width: 107.266px;
  height: 41.9963px;
  background: var(--text-fresh-default);
  -webkit-mask: url("../assets/uix-team-wordmark.svg") center / 100% 100% no-repeat;
  mask: url("../assets/uix-team-wordmark.svg") center / 100% 100% no-repeat;
}
.uxd-track {
  position: absolute;
  left: 0;
  top: -50px;
  width: 100%;
  height: 100px;
  animation: uxd-move var(--uxd-cycle) ease-in-out infinite;
}
.uxd-glow {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--vibe-fresh);
  opacity: 0.6;
  filter: blur(135px);
  animation: uxd-pulse var(--uxd-cycle) ease-in-out infinite;
}
@keyframes uxd-move {
      0.0% { top: -50px; }
    5.556% { top: calc(100% - 50px); }
   16.667% { top: calc(100% - 50px); }
   22.222% { top: -50px; }
   33.333% { top: -50px; }
   38.889% { top: calc(100% - 50px); }
     50.0% { top: calc(100% - 50px); }
   55.556% { top: -50px; }
   66.667% { top: -50px; }
   72.222% { top: calc(100% - 50px); }
   83.333% { top: calc(100% - 50px); }
   88.889% { top: -50px; }
    100.0% { top: -50px; }
}
@keyframes uxd-pulse {
      0.0% { transform: scale(1); background: var(--vibe-fresh); }
    5.556% { transform: scale(0); background: var(--vibe-fresh); }
    5.566% { transform: scale(0); background: var(--vibe-flamingo); }
   16.667% { transform: scale(1); background: var(--vibe-flamingo); }
   22.222% { transform: scale(0); background: var(--vibe-flamingo); }
   22.232% { transform: scale(0); background: var(--brand-primary); }
   33.333% { transform: scale(1); background: var(--brand-primary); }
   38.889% { transform: scale(0); background: var(--brand-primary); }
   38.899% { transform: scale(0); background: var(--vibe-fresh); }
     50.0% { transform: scale(1); background: var(--vibe-fresh); }
   55.556% { transform: scale(0); background: var(--vibe-fresh); }
   55.566% { transform: scale(0); background: var(--vibe-flamingo); }
   66.667% { transform: scale(1); background: var(--vibe-flamingo); }
   72.222% { transform: scale(0); background: var(--vibe-flamingo); }
   72.232% { transform: scale(0); background: var(--brand-primary); }
   83.333% { transform: scale(1); background: var(--brand-primary); }
   88.889% { transform: scale(0); background: var(--brand-primary); }
   88.899% { transform: scale(0); background: var(--vibe-fresh); }
    100.0% { transform: scale(1); background: var(--vibe-fresh); }
}
.uxd-shape { display: block; width: 100%; height: 100%; }
.uxd { --uxd-round: 0.813; }
.screen[data-size="tablet"] .uxd { --uxd-round: 0.409; }
.screen[data-size="desktop"] .uxd { --uxd-round: 0.272; }
.uxd-shape { animation: uxd-stretch var(--uxd-cycle) ease-in-out infinite; }
@keyframes uxd-stretch {
  0% { transform: scale(1, 1); }
  1.852% { transform: scale(var(--uxd-round), 1); }
  3.333% { transform: scale(calc(var(--uxd-round) * 0.75), 1.35); }
  5.556% { transform: scale(calc(var(--uxd-round) * 0.75), 1.35); }
  8.889% { transform: scale(var(--uxd-round), 1); }
  13.889% { transform: scale(1, 1); }
  16.667% { transform: scale(1, 1); }
  18.519% { transform: scale(var(--uxd-round), 1); }
  20% { transform: scale(calc(var(--uxd-round) * 0.75), 1.35); }
  22.222% { transform: scale(calc(var(--uxd-round) * 0.75), 1.35); }
  25.556% { transform: scale(var(--uxd-round), 1); }
  30.556% { transform: scale(1, 1); }
  33.333% { transform: scale(1, 1); }
  35.185% { transform: scale(var(--uxd-round), 1); }
  36.667% { transform: scale(calc(var(--uxd-round) * 0.75), 1.35); }
  38.889% { transform: scale(calc(var(--uxd-round) * 0.75), 1.35); }
  42.222% { transform: scale(var(--uxd-round), 1); }
  47.222% { transform: scale(1, 1); }
  50% { transform: scale(1, 1); }
  51.852% { transform: scale(var(--uxd-round), 1); }
  53.333% { transform: scale(calc(var(--uxd-round) * 0.75), 1.35); }
  55.556% { transform: scale(calc(var(--uxd-round) * 0.75), 1.35); }
  58.889% { transform: scale(var(--uxd-round), 1); }
  63.889% { transform: scale(1, 1); }
  66.667% { transform: scale(1, 1); }
  68.519% { transform: scale(var(--uxd-round), 1); }
  70% { transform: scale(calc(var(--uxd-round) * 0.75), 1.35); }
  72.222% { transform: scale(calc(var(--uxd-round) * 0.75), 1.35); }
  75.556% { transform: scale(var(--uxd-round), 1); }
  80.556% { transform: scale(1, 1); }
  83.333% { transform: scale(1, 1); }
  85.185% { transform: scale(var(--uxd-round), 1); }
  86.667% { transform: scale(calc(var(--uxd-round) * 0.75), 1.35); }
  88.889% { transform: scale(calc(var(--uxd-round) * 0.75), 1.35); }
  92.222% { transform: scale(var(--uxd-round), 1); }
  97.222% { transform: scale(1, 1); }
  100% { transform: scale(1, 1); }
}
.uxd-trail-1, .uxd-trail-1 .uxd-shape, .uxd-trail-1 .uxd-glow { animation-delay: 0.1s; }
.uxd-trail-2, .uxd-trail-2 .uxd-shape, .uxd-trail-2 .uxd-glow { animation-delay: 0.2s; }
.uxd-trail-1 .uxd-glow { opacity: 0.35; }
.uxd-trail-2 .uxd-glow { opacity: 0.2; }
.uxd-logo { animation: uxd-logo var(--uxd-cycle) linear infinite; }
@keyframes uxd-logo {
  0% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
  1.111% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
  2.778% { transform: scale(1.03); filter: drop-shadow(0 0 18px var(--vibe-fresh)); }
  5.278% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
  17.778% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
  19.444% { transform: scale(1.03); filter: drop-shadow(0 0 18px var(--vibe-flamingo)); }
  21.944% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
  34.444% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
  36.111% { transform: scale(1.03); filter: drop-shadow(0 0 18px var(--brand-primary)); }
  38.611% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
  51.111% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
  52.778% { transform: scale(1.03); filter: drop-shadow(0 0 18px var(--vibe-fresh)); }
  55.278% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
  67.778% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
  69.444% { transform: scale(1.03); filter: drop-shadow(0 0 18px var(--vibe-flamingo)); }
  71.944% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
  84.444% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
  86.111% { transform: scale(1.03); filter: drop-shadow(0 0 18px var(--brand-primary)); }
  88.611% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
  100% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
}
.uxd-lottie { position: absolute; inset: 0; }
.uxd-lottie svg { display: block; }
.uxd[data-player="lottie"] > .uxd-track,
.uxd[data-player="lottie"] > .uxd-logo { display: none; }
@media (prefers-reduced-motion: reduce) {
  .uxd-track,
  .uxd-shape,
  .uxd-glow,
  .uxd-logo { animation: none; }
  }