/* Dashlane Product — generated from tokens.json */
:root, [data-theme="light"] {
  --ds-background-default: rgb(255, 255, 255);
  --ds-background-alternate: rgb(246, 249, 250);
  --ds-brand-base: rgb(12, 125, 140);
  --ds-brand-dark: rgb(2, 98, 114);
  --ds-brand-light: rgb(50, 169, 178);
  --ds-brand-catchy-idle: rgb(12, 125, 140);
  --ds-brand-catchy-hover: rgb(20, 105, 118);
  --ds-brand-catchy-active: rgb(23, 68, 75);
  --ds-brand-quiet-idle: rgba(50, 169, 178, 0.2);
  --ds-brand-quiet-hover: rgba(50, 169, 178, 0.34);
  --ds-brand-quiet-active: rgba(50, 169, 178, 0.5);
  --ds-text-neutral-catchy: rgb(33, 37, 41);
  --ds-text-neutral-standard: rgba(42, 49, 56, 0.92);
  --ds-text-neutral-quiet: rgba(74, 91, 105, 0.87);
  --ds-text-inverse-catchy: rgb(255, 255, 255);
  --ds-text-inverse-standard: rgb(241, 244, 246);
  --ds-text-inverse-quiet: rgba(150, 167, 176, 0.95);
  --ds-text-brand-standard: rgb(2, 98, 114);
  --ds-text-brand-quiet: rgb(12, 125, 140);
  --ds-text-danger-standard: rgb(173, 28, 33);
  --ds-text-danger-quiet: rgb(217, 50, 72);
  --ds-text-positive-standard: rgb(27, 100, 78);
  --ds-text-positive-quiet: rgb(5, 128, 99);
  --ds-text-warning-standard: rgb(150, 60, 34);
  --ds-text-warning-quiet: rgb(178, 87, 41);
  --ds-text-disabled: rgba(129, 145, 158, 0.7);
  --ds-container-neutral-quiet: rgb(246, 249, 250);
  --ds-container-neutral-standard: rgb(240, 244, 245);
  --ds-container-neutral-supershy: rgb(255, 255, 255);
  --ds-container-inverse-standard: rgb(42, 49, 56);
  --ds-container-danger-catchy: rgb(217, 50, 72);
  --ds-container-danger-quiet: rgba(255, 115, 133, 0.2);
  --ds-container-positive-catchy: rgb(5, 128, 99);
  --ds-container-positive-quiet: rgba(63, 186, 149, 0.2);
  --ds-container-warning-catchy: rgb(178, 87, 41);
  --ds-container-warning-quiet: rgba(237, 137, 45, 0.2);
  --ds-container-neutral-catchy: rgb(98, 114, 128);
  --ds-decorative-black: rgb(52, 67, 80);
  --ds-decorative-blue: rgb(64, 172, 255);
  --ds-decorative-green: rgb(63, 186, 149);
  --ds-decorative-grey: rgb(150, 167, 176);
  --ds-decorative-orange: rgb(237, 137, 45);
  --ds-decorative-purple: rgb(193, 142, 250);
  --ds-decorative-red: rgb(255, 115, 133);
  --ds-decorative-yellow: rgb(209, 158, 27);
  --ds-border-neutral-quiet: rgba(25, 29, 33, 0.1);
  --ds-border-neutral-standard: rgba(129, 145, 158, 0.5);
  --ds-border-brand-standard: rgba(0, 158, 170, 0.95);
  --ds-border-danger-standard: rgba(245, 88, 112, 0.95);
  --ds-border-positive-standard: rgba(26, 162, 122, 0.95);
  --ds-border-warning-standard: rgba(219, 116, 22, 0.95);
  --ds-focus: rgb(12, 125, 140);
  --ds-overlay: rgba(33, 37, 41, 0.24);
  --ds-oddity-brand: rgb(9, 54, 63);
  --ds-password-digits: rgb(0, 112, 191);
  --ds-password-symbols: rgb(178, 87, 41);
  --ds-chart-aquamarine: rgb(83, 163, 162);
  --ds-chart-cherry: rgb(237, 109, 100);
  --ds-chart-indigo: rgb(136, 143, 235);
  --ds-chart-magenta: rgb(222, 104, 204);
  --ds-chart-moss: rgb(150, 153, 98);
  --ds-chart-ochre: rgb(199, 137, 56);
  --ds-shadow-sm: 0 1px 2px rgba(137, 138, 141, 0.16);
  --ds-shadow-md: 0 2px 8px rgba(137, 138, 141, 0.18), 0 1px 2px rgba(0,0,0,0.06);
  --ds-shadow-lg: 0 8px 24px rgba(137, 138, 141, 0.24), 0 2px 6px rgba(0,0,0,0.08);
  --ds-shadow-dialog: 0 16px 48px rgba(0, 0, 0, 0.24);
}
[data-theme="dark"] {
  --ds-background-default: rgb(25, 29, 33);
  --ds-background-alternate: rgb(25, 29, 33);
  --ds-text-neutral-catchy: rgb(246, 249, 250);
  --ds-text-neutral-standard: rgba(241, 244, 246, 0.9);
  --ds-text-neutral-quiet: rgba(150, 167, 176, 0.85);
  --ds-text-brand-standard: rgb(122, 199, 207);
  --ds-text-brand-quiet: rgb(0, 158, 170);
  --ds-container-neutral-quiet: rgb(27, 32, 36);
  --ds-container-neutral-standard: rgb(36, 42, 46);
  --ds-container-neutral-supershy: rgb(33, 37, 41);
  --ds-container-inverse-standard: rgb(36, 42, 46);
  --ds-border-neutral-quiet: rgba(246, 249, 250, 0.1);
  --ds-border-neutral-standard: rgba(98, 114, 128, 0.5);
  --ds-overlay: rgba(25, 29, 33, 0.86);
}
:root {
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 24px;
  --ds-space-6: 32px;
  --ds-space-7: 48px;
  --ds-space-8: 64px;
  --ds-radius-xs: 2px;
  --ds-radius-sm: 4px;
  --ds-radius-md: 8px;
  --ds-radius-lg: 12px;
  --ds-radius-pill: 999px;
  --ds-ease: cubic-bezier(0.2, 0, 0, 1);
  --ds-duration-fast: 150ms;
  --ds-duration-med: 220ms;
  --font-ds-font-body: 'Public Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-ds-font-heading: 'GT Walsheim Pro', 'Public Sans', sans-serif;
  --font-ds-font-mono: 'Apercu Mono Pro', ui-monospace, 'SF Mono', Menlo, monospace;
}
@font-face {
  font-family: "Public Sans";
  src: url("fonts/PublicSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Public Sans";
  src: url("fonts/PublicSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Public Sans";
  src: url("fonts/PublicSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT Walsheim Pro";
  src: url("fonts/GTWalsheimPro-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Apercu Mono Pro";
  src: url("fonts/ApercuMonoPro-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}