:root{--p-primary-50:var(--p-surface-50);--p-primary-100:var(--p-surface-100);--p-primary-200:var(--p-surface-200);--p-primary-300:var(--p-surface-300);--p-primary-400:var(--p-surface-400);--p-primary-500:var(--p-surface-500);--p-primary-600:var(--p-surface-600);--p-primary-700:var(--p-surface-700);--p-primary-800:var(--p-surface-800);--p-primary-900:var(--p-surface-900);--p-primary-950:var(--p-surface-950);--p-surface-0:#fff;--p-surface-50:#f8fafc;--p-surface-100:#f1f5f9;--p-surface-200:#e2e8f0;--p-surface-300:#cbd5e1;--p-surface-400:#94a3b8;--p-surface-500:#64748b;--p-surface-600:#475569;--p-surface-700:#334155;--p-surface-800:#1e293b;--p-surface-900:#0f172a;--p-surface-950:#020617;--p-content-border-radius:6px;--p-primary-color:var(--p-primary-500);--p-primary-contrast-color:var(--p-surface-0);--p-primary-hover-color:var(--p-primary-600);--p-primary-active-color:var(--p-primary-700);--p-content-border-color:var(--p-surface-200);--p-content-hover-background:var(--p-surface-100);--p-content-hover-color:var(--p-surface-800);--p-highlight-background:var(--p-primary-50);--p-highlight-color:var(--p-primary-700);--p-highlight-focus-background:var(--p-primary-100);--p-highlight-focus-color:var(--p-primary-800);--p-text-color:var(--p-surface-700);--p-text-hover-color:var(--p-surface-800);--p-text-muted-color:var(--p-surface-500);--p-text-hover-muted-color:var(--p-surface-600)}:root.p-dark{--p-primary-color:var(--p-primary-400);--p-primary-contrast-color:var(--p-surface-900);--p-primary-hover-color:var(--p-primary-300);--p-primary-active-color:var(--p-primary-200);--p-content-border-color:var(--p-surface-700);--p-content-hover-background:var(--p-surface-800);--p-content-hover-color:var(--p-surface-0);--p-highlight-background:color-mix(in srgb,var(--p-primary-400),transparent 84%);--p-highlight-color:hsla(0,0%,100%,.87);--p-highlight-focus-background:color-mix(in srgb,var(--p-primary-400),transparent 76%);--p-highlight-focus-color:hsla(0,0%,100%,.87);--p-text-color:var(--p-surface-0);--p-text-hover-color:var(--p-surface-0);--p-text-muted-color:var(--p-surface-400);--p-text-hover-muted-color:var(--p-surface-300)}.onboarding-layout{background-image:url(../images/pattern/cool-bg-pattern.svg);background-repeat:repeat;background-size:contain;height:100vh;overflow:scroll;width:100vw}.onboarding-layout__close,.onboarding-layout__logout{align-items:center;cursor:pointer;display:flex;justify-content:center;left:15px;position:absolute;text-decoration:none}.onboarding-layout__close--top,.onboarding-layout__logout--top{top:15px}.onboarding-layout__close--bottom,.onboarding-layout__logout--bottom{bottom:15px}.card{box-shadow:0 24px 64px #26214a1a;max-width:480px;width:100%}