:root{--palette-blue-50: hsl(213.8, 100%, 96.9%);--palette-blue-100: hsl(214.3, 94.6%, 92.7%);--palette-blue-500: hsl(217.2, 91.2%, 59.8%);--palette-blue-600: hsl(221.2, 83.2%, 53.3%);--palette-blue-700: hsl(224.3, 76.3%, 48%);--palette-blue-bright: hsl(217.2, 91.2%, 59.8%);--palette-indigo-100: hsl(226.5, 100%, 93.9%);--palette-indigo-600: hsl(243.4, 75.4%, 58.6%);--palette-white: hsl(0, 0%, 100%);--palette-gray-50: hsl(210, 20%, 98%);--palette-gray-100: hsl(220, 14.3%, 95.9%);--palette-gray-200: hsl(220, 13%, 91%);--palette-gray-300: hsl(216, 12.2%, 83.9%);--palette-gray-500: hsl(220, 8.9%, 46.1%);--palette-gray-600: hsl(215, 13.8%, 34.1%);--palette-gray-700: hsl(216.9, 19.1%, 26.7%);--palette-gray-900: hsl(220.9, 39.3%, 11%);--palette-slate-400: hsl(215, 20.2%, 65.1%);--palette-slate-700: hsl(215.3, 25%, 26.7%);--palette-slate-800: hsl(217.2, 32.6%, 17.5%);--palette-slate-900: hsl(222.2, 47.4%, 11.2%);--palette-blue-900-30: hsla(224, 64%, 33%, .3);--palette-navy-900: hsl(224, 71%, 10%);--palette-navy-800: hsl(226, 58%, 18%);--palette-red-500: hsl(0, 84.2%, 60.2%);--palette-red-800: hsl(0, 62.8%, 30.6%);--palette-green-500: hsl(142, 71%, 45%);--palette-green-600: hsl(142.1, 76.2%, 36.3%);--palette-green-800: hsl(142, 64%, 24%);--palette-emerald-600: hsl(160, 84%, 39.4%);--palette-amber-500: hsl(38, 92%, 50%);--palette-amber-800: hsl(38, 80%, 30%);--palette-chart-1: hsl(12, 76%, 61%);--palette-chart-2: hsl(173, 58%, 39%);--palette-chart-3: hsl(197, 37%, 24%);--palette-chart-4: hsl(43, 74%, 66%);--palette-chart-5: hsl(27, 87%, 67%)}:root,[data-theme=light]{--background: var(--palette-gray-50);--foreground: var(--palette-gray-900);--card: var(--palette-white);--card-foreground: var(--palette-gray-900);--popover: var(--palette-white);--popover-foreground: var(--palette-gray-900);--primary: var(--palette-blue-600);--primary-hover: var(--palette-blue-700);--primary-foreground: var(--palette-gray-50);--secondary: var(--palette-gray-100);--secondary-foreground: var(--palette-gray-900);--muted: var(--palette-gray-100);--muted-foreground: var(--palette-gray-600);--accent: var(--palette-gray-100);--accent-foreground: var(--palette-gray-900);--destructive: var(--palette-red-500);--destructive-foreground: var(--palette-gray-50);--border: var(--palette-gray-200);--input: var(--palette-gray-200);--ring: var(--palette-blue-600)}[data-theme=dark]{--background: var(--palette-slate-900);--foreground: var(--palette-gray-50);--card: var(--palette-slate-800);--card-foreground: var(--palette-gray-50);--popover: var(--palette-slate-800);--popover-foreground: var(--palette-gray-50);--primary: var(--palette-blue-bright);--primary-hover: var(--palette-blue-500);--primary-foreground: var(--palette-gray-700);--secondary: var(--palette-slate-700);--secondary-foreground: var(--palette-gray-50);--muted: var(--palette-slate-700);--muted-foreground: var(--palette-slate-400);--accent: var(--palette-slate-700);--accent-foreground: var(--palette-gray-50);--destructive: var(--palette-red-800);--destructive-foreground: var(--palette-gray-50);--border: var(--palette-slate-700);--input: var(--palette-slate-700);--ring: var(--palette-blue-700)}:root,[data-theme=light]{--color-bg: var(--palette-gray-50);--color-bg-elevated: var(--palette-white);--color-bg-muted: var(--palette-gray-100);--color-text: var(--palette-gray-900);--color-text-muted: var(--palette-gray-600);--color-text-inverse: var(--palette-gray-50);--color-primary: var(--palette-blue-600);--color-primary-hover: var(--palette-blue-700);--color-primary-text: var(--palette-gray-50);--color-border: var(--palette-gray-200);--color-border-subtle: var(--palette-gray-100);--color-success: var(--palette-green-500);--color-warning: var(--palette-amber-500);--color-destructive: var(--palette-red-500);--color-destructive-text: var(--palette-gray-50);--color-sidebar-bg: var(--palette-white);--color-sidebar-text: var(--palette-gray-700);--color-sidebar-border: var(--palette-gray-200);--color-sidebar-active-bg: var(--palette-blue-50);--color-sidebar-active-text: var(--palette-blue-600);--color-sidebar-hover: var(--palette-gray-100);--color-sidebar-logo-text: var(--palette-gray-900);--color-sidebar-toggle: var(--palette-gray-500);--color-sidebar-user-name: var(--palette-gray-900);--color-sidebar-user-tier: var(--palette-gray-500);--color-sidebar-danger-bg: hsla(0, 84.2%, 60.2%, .1);--color-sidebar-danger-text: var(--palette-red-500);--gradient-primary: linear-gradient(to bottom right, var(--palette-blue-500), var(--palette-indigo-600));--gradient-page-bg: linear-gradient(to bottom right, var(--palette-blue-50), var(--palette-indigo-100));--color-chart-1: var(--palette-chart-1);--color-chart-2: var(--palette-chart-2);--color-chart-3: var(--palette-chart-3);--color-chart-4: var(--palette-chart-4);--color-chart-5: var(--palette-chart-5);--color-input-border: var(--palette-gray-200);--color-input-border-strong: var(--palette-gray-300);--color-ring: var(--palette-blue-500);--color-stat-blue-bg: hsl(214, 100%, 97%);--color-stat-blue-fg: hsl(221, 83%, 53%);--color-stat-green-bg: hsl(138, 76%, 97%);--color-stat-green-fg: hsl(142, 76%, 36%);--color-stat-emerald-bg: hsl(152, 81%, 96%);--color-stat-emerald-fg: hsl(161, 94%, 30%);--color-stat-purple-bg: hsl(270, 100%, 98%);--color-stat-purple-fg: hsl(271, 81%, 56%);--color-value-positive: hsl(142.1, 76.2%, 36.3%);--color-value-pending: hsl(20.5, 90.2%, 48.2%);--color-onboarding-tint: hsl(214, 95%, 93%);--color-onboarding-overlay-light: hsla(0, 0%, 100%, .1);--color-onboarding-overlay-medium: hsla(0, 0%, 100%, .2);--color-onboarding-overlay-border: hsla(0, 0%, 100%, .5);--color-onboarding-action-hover: hsl(214, 100%, 97%);--color-chart-conversions: hsl(160, 84%, 39%);--color-chart-commission: hsl(258.3, 89.5%, 66.3%);--color-gradient-start: var(--palette-blue-500);--color-gradient-mid: var(--palette-blue-600);--color-gradient-end: var(--palette-indigo-600);--color-success-text: var(--palette-green-600);--color-success-accent: var(--palette-green-500);--color-danger-text: var(--palette-red-500);--color-payout-gradient-start: var(--palette-emerald-600);--color-payout-gradient-end: var(--palette-green-600);--color-white-overlay-10: rgba(255, 255, 255, .1);--color-white-overlay-20: rgba(255, 255, 255, .2);--color-white-overlay-90: rgba(255, 255, 255, .9);--color-chart-clicks: var(--palette-blue-500);--color-warning-bg: hsl(38, 92%, 50%, .08);--color-warning-border: hsl(38, 92%, 50%, .25);--color-warning-heading: hsl(38, 60%, 30%);--color-warning-description: hsl(38, 50%, 35%);--color-warning-accent: var(--palette-amber-500);--color-primary-tint-bg: hsla(221, 83%, 53%, .08);--color-primary-tint-10: hsla(221, 83%, 53%, .1);--color-primary-tint-15: hsla(221, 83%, 53%, .15);--color-primary-tint-20: hsla(221, 83%, 53%, .2);--color-primary-border-light: hsla(221, 83%, 53%, .2);--color-primary-bg-subtle: hsla(221, 83%, 53%, .04);--color-error-bg: hsl(0, 84%, 95%);--color-error-border: hsl(0, 84%, 80%);--color-brand-facebook: hsl(221, 83%, 53%);--color-brand-twitter: hsl(199, 89%, 48%);--color-brand-youtube: hsl(0, 84%, 60%);--color-brand-newsletter: hsl(142, 71%, 45%);--color-brand-blog: hsl(271, 91%, 65%);--color-success-result-bg: hsl(142, 71%, 45%, .08);--color-success-result-border: hsl(142, 71%, 45%, .3);--color-success-result-text: hsl(142, 71%, 45%);--color-info-box-bg: hsla(221, 83%, 53%, .08);--color-delete-text: hsl(0, 84%, 60%);--color-delete-bg: hsl(0, 84%, 60%, .1);--color-tag-source-bg: hsl(221, 83%, 53%, .1);--color-tag-source-text: hsl(221, 83%, 53%);--color-tag-medium-bg: hsl(142, 71%, 45%, .1);--color-tag-medium-text: hsl(142, 71%, 45%);--color-tag-campaign-bg: hsl(271, 91%, 65%, .1);--color-tag-campaign-text: hsl(271, 91%, 65%);--color-commission-text: hsl(142, 71%, 45%);--color-tier-bronze-bg: hsl(45, 100%, 90%);--color-tier-bronze-text: hsl(26, 90%, 37%);--color-tier-silver-bg: hsl(214, 32%, 91%);--color-tier-silver-text: hsl(215, 25%, 35%);--color-tier-gold-bg: hsl(50, 100%, 90%);--color-tier-gold-text: hsl(38, 92%, 35%);--color-tier-platinum-bg: hsl(270, 100%, 95%);--color-tier-platinum-text: hsl(270, 60%, 40%)}[data-theme=dark]{--color-bg: var(--palette-slate-900);--color-bg-elevated: var(--palette-slate-800);--color-bg-muted: var(--palette-slate-700);--color-text: var(--palette-gray-50);--color-text-muted: var(--palette-slate-400);--color-text-inverse: var(--palette-gray-900);--color-primary: var(--palette-blue-bright);--color-primary-hover: var(--palette-blue-500);--color-primary-text: var(--palette-gray-700);--color-border: var(--palette-slate-700);--color-border-subtle: var(--palette-slate-700);--color-success: var(--palette-green-800);--color-warning: var(--palette-amber-800);--color-destructive: var(--palette-red-800);--color-destructive-text: var(--palette-gray-50);--color-sidebar-bg: var(--palette-slate-800);--color-sidebar-text: var(--palette-gray-300);--color-sidebar-border: var(--palette-slate-700);--color-sidebar-active-bg: var(--palette-blue-900-30);--color-sidebar-active-text: var(--palette-blue-bright);--color-sidebar-hover: hsla(215, 20%, 65%, .1);--color-sidebar-logo-text: var(--palette-gray-50);--color-sidebar-toggle: var(--palette-slate-400);--color-sidebar-user-name: var(--palette-gray-50);--color-sidebar-user-tier: var(--palette-slate-400);--color-sidebar-danger-bg: hsla(0, 84.2%, 60.2%, .15);--color-sidebar-danger-text: hsl(0, 90%, 72%);--gradient-primary: linear-gradient(to bottom right, var(--palette-blue-500), var(--palette-indigo-600));--gradient-page-bg: linear-gradient(to bottom right, var(--palette-slate-900), var(--palette-slate-800));--color-chart-1: hsl(220, 70%, 50%);--color-chart-2: hsl(160, 60%, 45%);--color-chart-3: hsl(30, 80%, 55%);--color-chart-4: hsl(280, 65%, 60%);--color-chart-5: hsl(340, 75%, 55%);--color-input-border: var(--palette-slate-700);--color-input-border-strong: var(--palette-slate-700);--color-ring: var(--palette-blue-700);--color-stat-blue-bg: hsla(224, 64%, 33%, .3);--color-stat-blue-fg: hsl(213, 94%, 68%);--color-stat-green-bg: hsla(144, 61%, 20%, .3);--color-stat-green-fg: hsl(142, 69%, 58%);--color-stat-emerald-bg: hsla(164, 86%, 16%, .3);--color-stat-emerald-fg: hsl(160, 60%, 52%);--color-stat-purple-bg: hsla(269, 73%, 25%, .3);--color-stat-purple-fg: hsl(272, 95%, 75%);--color-value-positive: hsl(142, 69%, 58%);--color-value-pending: hsl(20.5, 90%, 60%);--color-onboarding-tint: hsl(214, 95%, 93%);--color-onboarding-overlay-light: hsla(0, 0%, 100%, .1);--color-onboarding-overlay-medium: hsla(0, 0%, 100%, .2);--color-onboarding-overlay-border: hsla(0, 0%, 100%, .5);--color-onboarding-action-hover: hsl(214, 100%, 97%);--color-chart-conversions: hsl(160, 60%, 45%);--color-chart-commission: hsl(258.3, 89.5%, 66.3%);--color-success-text: hsl(142, 69%, 58%);--color-success-accent: hsl(142, 69%, 58%);--color-danger-text: hsl(0, 90%, 72%);--color-warning-heading: hsl(38, 60%, 70%);--color-warning-description: hsl(38, 50%, 65%);--color-error-bg: hsla(0, 84%, 30%, .2);--color-error-border: var(--color-destructive);--color-primary-tint-bg: hsla(221, 83%, 53%, .12);--color-primary-tint-15: hsla(221, 83%, 53%, .2)}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-sm-md: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}:root{--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem}:root{--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}:root{--sidebar-width: 16rem;--sidebar-collapsed-width: 4rem}:root{--transition-fast: .15s ease;--transition-normal: .3s ease}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text)}.spinner{width:2rem;height:2rem;border-radius:50%;border:2px solid transparent;border-bottom-color:var(--color-primary);animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
