/* Generated by landing:dev/check/deploy from the shared app theme. */
.waitlist {
  --paper: #121213;
  --ink: #f1f1f2;
  --faint: #8e8e93;
  --line: #242426;
  --line-strong: #38383b;
  --focus: #99999d;
  --button: #1c1c1e;
  --hover: #1e1e20;
  --danger: #f09a94;
  --pearl-cyan: #4bedff;
  --pearl-violet: #aa83ff;
  --pearl-pink: #ff86d9;
  --pearl-white: #f5fcff;
  --pearl-icon-glow: #bca4ff60;
  --shape-md: 6px;
  --radius-md: var(--shape-md);
}
@layer base { .pearl-button { position: relative; } }
.pearl-button { --pearl-angle: 45deg; --pearl-body-x: 50%; --pearl-body-y: 50%; }
.pearl-button:is(.ui-button-default, .primary) { isolation: isolate; }
.pearl-button:is(.ui-button-default, .primary)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: -1;
  pointer-events: none;
  /* A broad fixed-angle wash drifts gently; it never rotates with the rim. */
  background-image: linear-gradient(45deg,
    var(--pearl-cyan), var(--pearl-violet) 55%, var(--pearl-pink));
  background-size: 250% 250%;
  background-position: var(--pearl-body-x) var(--pearl-body-y);
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 650ms ease, background-position 1000ms ease;
}
.pearl-button:not(:disabled):not([aria-disabled="true"]):focus-visible::before { opacity: .08; }
.pearl-button::after {
  content: "";
  position: absolute;
  inset: var(--pearl-edge-offset, -1px);
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  background: conic-gradient(from var(--pearl-angle), transparent 0deg,
    var(--pearl-cyan) 34deg, var(--pearl-white) 53deg, var(--pearl-violet) 72deg,
    transparent 115deg, transparent 165deg, var(--pearl-pink) 204deg,
    var(--pearl-white) 220deg, var(--pearl-cyan) 242deg, transparent 280deg, transparent 360deg);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 450ms ease;
}
.pearl-button.theme-option, .pearl-button.compact-icon { --pearl-edge-offset: 0px; }
.pearl-button.danger::after, .pearl-button[data-action="reject"]::after { display: none; }
.pearl-button:not(:disabled):not([aria-disabled="true"]):focus-visible::after { opacity: .22; }
.pearl-button > svg {
  filter: drop-shadow(0 0 0 transparent);
  transition: filter 500ms ease;
}
.pearl-button:not(:disabled):not([aria-disabled="true"]):focus-visible > svg {
  filter: drop-shadow(0 0 3px var(--pearl-icon-glow));
}
@media (hover: hover) and (pointer: fine) {
  .pearl-button:not(:disabled):not([aria-disabled="true"]):hover::before { opacity: .08; }
  .pearl-button:not(:disabled):not([aria-disabled="true"]):hover::after { opacity: .22; }
  .pearl-button:not(:disabled):not([aria-disabled="true"]):hover > svg {
    filter: drop-shadow(0 0 3px var(--pearl-icon-glow));
  }
}
@media (forced-colors: active) {
  .pearl-button::before, .pearl-button::after { display: none; }
  .pearl-button > svg { filter: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .pearl-button::before, .pearl-button::after, .pearl-button > svg { transition: none; }
}