@charset "utf-8";

:root { --privy-border-radius-sm: 6px; --privy-border-radius-md: 12px; --privy-border-radius-mdlg: 16px; --privy-border-radius-lg: 24px; --privy-border-radius-full: 9999px; --privy-color-background: hsl(60, 2%, 12%); --privy-color-background-2: hsl(60, 2%, 23%); --privy-color-background-3: hsl(60, 2%, 28%); --privy-color-foreground: hsl(60, 2%, 99%); --privy-color-foreground-2: hsl(60, 2%, 87%); --privy-color-foreground-3: hsl(0, 0%, 57%); --privy-color-foreground-4: hsl(0, 0%, 37%); --privy-color-foreground-accent: hsl(246, 84%, 5%); --privy-color-accent: hsl(142, 77%, 73%); --privy-color-accent-light: hsl(142, 77%, 88%); --privy-color-accent-lightest: hsl(142, 77%, 98%); --privy-color-accent-dark: hsl(142, 77%, 67%); --privy-color-accent-darkest: hsl(142, 77%, 13%); --privy-color-success: hsl(147, 43%, 52%); --privy-color-success-dark: hsl(147, 43%, 36%); --privy-color-success-light: hsl(147, 43%, 92%); --privy-color-error: hsl(7, 80%, 62%); --privy-color-error-light: hsl(7, 80%, 92%); --privy-color-warn: hsl(36, 100%, 65%); --privy-color-warn-light: hsl(36, 100%, 95%); --privy-height-modal-full: 620px; --privy-height-modal-compact: 480px; }