< data-emotion="css-global ial4oj">:root{--white:#ffffff;--gray-1:#f6f8f9;--gray-1a:#f4f6f6;--gray-2:#edf1f2;--gray-3:#e0e6e8;--gray-4:#d5dce0;--gray-5:#b7bfc6;--gray-6:#9ca6af;--gray-7:#848f99;--gray-8:#646f79;--gray-9:#222b37;--gray-10:#151b26;--green-1:#e2fffa;--green-2:#b0fff1;--green-3:#58f5d9;--green-4:#25e8c8;--green-5:#00bf9c;--teal-1:#edf8ff;--teal-2:#95e0ff;--teal-3:#32c1ff;--teal-4:#14aaf5;--teal-5:#008ce3;--purple-1:#f0f0ff;--purple-2:#aba3ff;--purple-3:#9287ff;--purple-4:#796eff;--purple-5:#635ac7;--gold-1:#fffede;--gold-2:#fff78f;--gold-3:#ffe01b;--gold-4:#fcbd01;--gold-5:#f2a100;--orange-1:#f9dc00;--orange-2:#ffba00;--orange-3:#ff7f00;--coral-1:#ffedef;--coral-2:#ff9ca5;--coral-3:#ff7381;--coral-4:#ff5263;--coral-5:#ed4758;--shadow-color:rgb(365066);--shadow-10:0 3px 5px 0 rgba(3650660.2);--shadow-20:0 11px 12px 0 rgba(3650660.12);--shadow-30:0 20px 30px 0 rgba(3650660.14);--shadow-40:0 50px 60px 0 rgba(3650660.15);--spacing-0:0;--spacing-1half:8px;--spacing-1:16px;--spacing-1plus:24px;--spacing-2:32px;--spacing-3:48px;--spacing-4:64px;--spacing-5:80px;--spacing-6:96px;--spacing-7:112px;--spacing-8:128px;--spacing-9:144px;--spacing-10:160px;--zIndex-1:100;--zIndex-2:200;--zIndex-3:300;--zIndex-4:400;--zIndex-5:500;--zIndex-6:600;--zIndex-7:700;--zIndex-8:800;--zIndex-9:900;--zIndex-10:1000;--fontFamily-print:"Georgia","Times New Roman","Times",serif;--fontFamily-mono:"Consolas",monospace;--fontSize-base:16px;--fontSize-larger:3.2rem;--fontSize-large:2.2rem;--fontSize-medium:2rem;--fontSize-regular:1.6rem;--fontSize-small:1.4rem;--fontSize-smaller:1.2rem;--fontSize-xl:82;--fontSize-h1:56;--fontSize-h2:56;--fontSize-h3:45;--fontSize-h4:31;--fontSize-h5:22;--fontSize-h6:16;--fontWeight-thin:300;--fontWeight-light:300;--fontWeight-normal:normal;--fontWeight-medium:400;--fontWeight-semibold:500;--fontWeight-bold:500;--media-xsmall:480;--media-small:768;--media-medium:960;--media-large:1120;--media-xlarge:1280;--media-xxlarge:1440;--media-xxxlarge:1920;--media-xsmall-min:cacl(var(--media-xsmall) / var(--fontSize-base));--media-small-min:cacl(var(--media-small) / var(--fontSize-base));--media-medium-min:cacl(var(--media-medium) / var(--fontSize-base));--media-large-min:cacl(var(--media-large) / var(--fontSize-base));--media-xlarge-min:cacl(var(--media-xlarge) / var(--fontSize-base));--media-xxlarge-min:cacl(var(--media-xxlarge) / var(--fontSize-base));--media-xxxlarge-min:cacl(var(--media-xxxlarge) / var(--fontSize-base));--media-xsmall-max:cacl((var(--media-small) - 1) / var(--fontSize-base));--media-small-max:cacl((var(--media-medium) - 1) / var(--fontSize-base));--media-medium-max:cacl((var(--media-large) - 1) / var(--fontSize-base));--media-large-max:cacl((var(--media-xlarge) - 1) / var(--fontSize-base));--media-xlarge-max:cacl((var(--media-xxlarge) - 1) / var(--fontSize-base));--transition-duration-short:75ms;--transition-duration:150ms;--transition-duration-med:225ms;--transition-duration-long:300ms;--transition-duration-xlong:450ms;--grid-columns:12;--grid-gutter-width:32px;--border-radius:3px;}html{--lightmode-text-weak:var(--black-600);--lightmode-text:var(--black-800);--lightmode-text-strong:var(--black-1000);--lightmode-bg:var(--white);--lightmode-bg-inverted:var(--black-20);--lightmode-bg-med:var(--black-50);--lightmode-bg-strong:var(--black-50);--lightmode-bg-hover:var(--black-20);--lightmode-bg-med-hover:var(--black-100);--lightmode-bg-strong-hover:var(--black-300);--lightmode-bg-active:var(--black-20);--lightmode-bg-med-active:var(--black-100);--lightmode-bg-strong-active:var(--black-300);--lightmode-border-weak:var(--black-50);--lightmode-border:var(--black-200);--lightmode-border-strong:var(--black-200);--lightmode-border-hover:var(--black-400);--lightmode-border-active:var(--black-200);--lightmode-icon:var(--black-1000);--lightmode-icon-hover:var(--black-800);--lightmode-icon-disabled:var(--black-400);--lightmode-button-primary:var(--black-1000);--lightmode-button-primary-hover:var(--black-800);--lightmode-button-disabled:var(--black-400);--lightmode-button-secondary:var(--white);--lightmode-button-secondary-hover:var(--black-600);--lightmode-button-text-primary:var(--white);--lightmode-button-text-primary-hover:var(--white);--lightmode-button-text-disabled:var(--white);--lightmode-button-text-secondary:var(--black-1000);--lightmode-button-text-secondary-hover:var(--white);--lightmode-link-text:var(--black-1000);--lightmode-link-hover:var(--black-1000);--lightmode-link-disabled:var(--black-400);--lightmode-link-text-weak:var(--black-600);--lightmode-link-text-weak-hover:var(--black-600);--lightmode-link-text-weak-disabled:var(--black-400);--lightmode-inline-link-text:var(--black-1000);--lightmode-inline-link-hover:var(--black-1000);--lightmode-inline-link-disabled:var(--black-400);--lightmode-error:var(--red);--lightmode-warning:var(--amber);--lightmode-success:var(--green);--lightmode-accent-yellow:var(--coral-100);--lightmode-accent-yellow-light:var(--coral-100);--lightmode-accent-orange:var(--coral-100);--lightmode-accent-orange-light:var(--coral-100);--lightmode-accent-red:var(--coral-100);--lightmode-accent-red-light:var(--coral-50);--lightmode-accent-purple:var(--purple-100);--lightmode-accent-purple-light:var(--purple-100);--lightmode-accent-blue:var(--blue-100);--lightmode-accent-blue-light:var(--blue-0);--lightmode-accent-green:var(--green-100);--lightmode-accent-green-light:var(--green-100);--lightmode-accent-black:var(--black-1000);--lightmode-accent-gray:var(--black-50);--lightmode-accent-gray-light:var(--black-50);--lightmode-accent-white:var(--white);--lightmode-a11y-focus-primary:var(--blue-400);--lightmode-a11y-focus-black:var(--black-1000);--lightmode-a11y-focus-white:var(--white);--darkmode-text-weak:rgba(2552552550.55);--darkmode-text:rgba(2552552550.85);--darkmode-text-strong:var(--white);--darkmode-bg:#1e1f21;--darkmode-bg-inverted:var(--white);--darkmode-bg-med:#252628;--darkmode-bg-strong:#2a2b2d;--darkmode-bg-hover:#38383a;--darkmode-bg-med-hover:#3e3f41;--darkmode-bg-strong-hover:#434445;--darkmode-bg-active:#4c4d4e;--darkmode-bg-med-active:#525254;--darkmode-bg-strong-active:#565658;--darkmode-border-weak:rgba(2172172170.2);--darkmode-border:rgba(2172172170.3);--darkmode-border-strong:var(--white);--darkmode-border-hover:rgba(2172172170.4);--darkmode-border-active:rgba(2172172170.7);--darkmode-icon:rgba(2452442430.6);--darkmode-icon-hover:#f5f4f3;--darkmode-icon-disabled:rgba(2452442430.15);--darkmode-button-primary:#f5f4f3;--darkmode-button-primary-hover:#f06a6a;--darkmode-button-disabled:#38393d;--darkmode-button-secondary:#0d0e10;--darkmode-button-secondary-hover:#f06a6a;--darkmode-button-text-primary:#0d0e10;--darkmode-button-text-primary-hover:#0d0e10;--darkmode-button-text-disabled:#6a696a;--darkmode-button-text-secondary:#f5f4f3;--darkmode-button-text-secondary-hover:#0d0e10;--darkmode-link-text:#dbdbdb;--darkmode-link-hover:#f06a6a;--darkmode-link-disabled:#6a696a;--darkmode-link-text-weak:#989898;--darkmode-link-text-weak-hover:var(--white);--darkmode-link-text-weak-disabled:#6a696a;--darkmode-inline-inline-link-text:#dbdbdb;--darkmode-inline-link-hover:#f06a6a;--darkmode-inline-link-disabled:#6a696a;--darkmode-error:var(--red);--darkmode-warning:var(--amber);--darkmode-success:var(--green);--darkmode-accent-yellow:var(--coral-1000);--darkmode-accent-yellow-dark:var(--coral-1000);--darkmode-accent-orange:var(--coral-1000);--darkmode-accent-orange-dark:var(--coral-1000);--darkmode-accent-red:var(--coral-1000);--darkmode-accent-red-dark:var(--coral-1000);--darkmode-accent-purple:var(--purple-1000);--darkmode-accent-purple-dark:var(--purple-1000);--darkmode-accent-blue:var(--blue-1000);--darkmode-accent-blue-dark:var(--blue-1000);--darkmode-accent-green:var(--green-1000);--darkmode-accent-green-dark:var(--green-1000);--darkmode-accent-black:var(--coral-1000);--darkmode-accent-gray:var(--coral-1000);--darkmode-accent-gray-dark:var(--coral-1000);--darkmode-accent-white:var(--white);--darkmode-a11y-focus-primary:var(--blue-400);--darkmode-a11y-focus-black:var(--black-1000);--darkmode-a11y-focus-white:var(--white);}:root{--blue-0:#cbefff;--blue-20:#c8ebfc;--blue-50:#c3e5f8;--blue-100:#badbf1;--blue-200:#a9c7e3;--blue-300:#98b3d6;--blue-400:#879fc8;--blue-500:#778bba;--blue-600:#6678ac;--blue-700:#55649e;--blue-800:#445091;--blue-900:#333c83;--blue-950:#2a327c;--blue-980:#252c78;--blue-1000:#222875;--coral-0:#ffeaec;--coral-20:#fce5e8;--coral-50:#f7dee3;--coral-100:#f0d3d9;--coral-200:#e1bbc7;--coral-300:#d2a4b4;--coral-400:#c38ca1;--coral-500:#b4758e;--coral-600:#a55e7c;--coral-700:#964669;--coral-800:#872f56;--coral-900:#781744;--coral-950:#710c3a;--coral-980:#6c0535;--coral-1000:#690031;--green-0:#c9fcdb;--green-20:#c5f8d8;--green-50:#bff3d3;--green-100:#b5e9ca;--green-200:#a1d7b9;--green-300:#8dc4a8;--green-400:#79b297;--green-500:#659f86;--green-600:#508c76;--green-700:#3c7a65;--green-800:#286754;--green-900:#145543;--green-950:#0a4b3a;--green-980:#0a4b3a;--green-1000:#004232;--purple-0:#ffdcff;--purple-20:#fcd8fd;--purple-50:#f8d1f9;--purple-100:#f0c6f3;--purple-200:#e1b0e7;--purple-300:#d29ada;--purple-400:#c384ce;--purple-500:#b46ec2;--purple-600:#a658b6;--purple-700:#9742aa;--purple-800:#882c9d;--purple-900:#791691;--purple-950:#710b8b;--purple-980:#6d0487;--purple-1000:#6a0085;--white:#ffffff;--black-20:#fafafa;--black-50:#f3f3f3;--black-100:#e7e7e7;--black-200:#cfcfcf;--black-300:#b6b6b6;--black-400:#9e9e9e;--black-500:#868686;--black-600:#6e6e6e;--black-700:#565656;--black-800:#3d3d3d;--black-900:#252525;--black-950:#191919;--black-980:#121212;--black-1000:#0d0d0d;--glow-blue:#4786ff;--glow-coral:#ff584a;--glow-green:#22b455;--glow-purple:#df5dff;--glow-white:#0d0d0d;--glow-gray:#0d0d0d;--red:#a82424;--amber:#7a4b00;--green:#0c6410;--google-sign-up-blue:#174ea6;--google-sign-up-blue-light:#2568d4;--bright-blue-1:#b8e8fe;--bright-blue-2:#ade6ff;--bright-blue-3:#3c45b1;--bright-blue-4:#2b328e;--bright-coral-1:#ffdde1;--bright-coral-2:#ffd7db;--bright-coral-3:#911c51;--bright-coral-4:#7e1444;--bright-green-1:#b9f4ce;--bright-green-2:#a7f4c2;--bright-green-3:#09614b;--bright-green-4:#0a4d3d;--bright-purple-1:#fbccfb;--bright-purple-2:#ffc4ff;--bright-purple-3:#8a16a8;--bright-purple-4:#780a94;}html *[data-theme="white"],html *[data-theme-onhover="white"]:hover,html *[data-theme-onhover="white"]:focus{--bg:var(--white);--bg-medium:var(--black-50);--bg-medium-weak:var(--black-20);--bg-hover:var(--black-50);--bg-strong:var(--black-100);--border:var(--black-100);--border-weak:var(--black-50);--border-strong:var(--black-200);--border-strong-hover:var(--black-500);--text:var(--black-1000);--text-medium:var(--black-800);--text-weak:var(--black-600);--link-text:var(--black-1000);--link-text-hover:var(--black-600);--link-text-active:var(--black-1000);--link-text-weak:var(--black-600);--link-text-weak-hover:var(--black-1000);--icon:var(--black-1000);--icon-medium:var(--black-800);--icon-weak:var(--black-600);--icon-hover:var(--black-800);--icon-medium-hover:var(--black-600);--icon-disabled:var(--black-600);--btn-primary-background:var(--black-1000);--btn-primary-background-hover:var(--black-600);--btn-primary-background-selected:var(--black-1000);--btn-primary-background-disabled:var(--black-50);--btn-primary-text:var(--white);--btn-primary-text-disabled:var(--black-500);--btn-primary-icon:var(--black-100);--btn-primary-icon-disabled:var(--black-200);--btn-primary-outline:var(--black-20);--btn-primary-outline-hover:var(--black-20);--btn-secondary-alt-background:var(--black-50);--btn-secondary-alt-background-hover:var(--black-100);--btn-secondary-background:var(--black-20);--btn-secondary-background-hover:var(--black-50);--btn-secondary-background-selected:var(--black-20);--btn-secondary-background-disabled:var(--black-20);--btn-secondary-text:var(--black-1000);--btn-secondary-text-disabled:var(--black-500);--btn-secondary-icon:var(--black-1000);--btn-secondary-icon-disabled:var(--black-1000);--btn-secondary-outline:var(--black-600);--btn-secondary-outline-hover:var(--black-600);--btn-tertiary-link-text:var(--black-1000);--btn-tertiary-link-text-hover:var(--black-600);--btn-tertiary-background:var(--black-1000);--btn-tertiary-background-hover:var(--black-600);--btn-tertiary-icon:var(--white);--chip-bg:var(--black-50);--chip-bg-hover:var(--black-100);--chip-bg-selected:var(--coral-0);--chip-text:var(--black-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--black-50);--tag-text:var(--black-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-50);--card-fill-hover:var(--black-20);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-white);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--google-sign-up-blue);--btn-google-background-hover:var(--google-sign-up-blue-light);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="white"][data-invert-theme-onhover]:hover,html *[data-theme="white"][data-invert-theme-onhover]:focus{--bg:var(--black-20);--bg-medium:var(--black-50);--bg-medium-weak:var(--black-50);--bg-hover:var(--black-100);--bg-strong:var(--black-100);--border:var(--black-100);--border-weak:var(--black-100);--border-strong:var(--black-200);--border-strong-hover:var(--black-500);--text:var(--black-1000);--text-medium:var(--black-800);--text-weak:var(--black-600);--link-text:var(--black-1000);--link-text-hover:var(--black-600);--link-text-active:var(--black-1000);--link-text-weak:var(--black-600);--link-text-weak-hover:var(--black-1000);--icon:var(--black-1000);--icon-medium:var(--black-800);--icon-weak:var(--black-600);--icon-hover:var(--black-800);--icon-medium-hover:var(--black-600);--icon-disabled:var(--black-600);--btn-primary-background:var(--black-1000);--btn-primary-background-hover:var(--black-600);--btn-primary-background-selected:var(--black-1000);--btn-primary-background-disabled:var(--black-100);--btn-primary-text:var(--white);--btn-primary-text-disabled:var(--black-500);--btn-primary-icon:var(--black-100);--btn-primary-icon-disabled:var(--black-300);--btn-primary-outline:var(--black-20);--btn-primary-outline-hover:var(--black-20);--btn-secondary-background:var(--black-20);--btn-secondary-background-hover:var(--black-50);--btn-secondary-background-selected:var(--black-20);--btn-secondary-background-disabled:var(--black-20);--btn-secondary-text:var(--black-1000);--btn-secondary-text-disabled:var(--black-500);--btn-secondary-icon:var(--black-1000);--btn-secondary-icon-disabled:var(--black-1000);--btn-secondary-outline:var(--black-600);--btn-secondary-outline-hover:var(--black-600);--btn-secondary-alt-background:var(--black-100);--btn-secondary-alt-background-hover:var(--black-200);--btn-tertiary-link-text:var(--black-1000);--btn-tertiary-link-text-hover:var(--black-600);--btn-tertiary-background:var(--black-1000);--btn-tertiary-background-hover:var(--black-600);--btn-tertiary-icon:var(--white);--chip-bg:var(--black-50);--chip-bg-hover:var(--black-100);--chip-bg-selected:var(--coral-0);--chip-text:var(--black-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--black-100);--tag-text:var(--black-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-100);--card-fill-hover:var(--black-50);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-gray);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--google-sign-up-blue);--btn-google-background-hover:var(--google-sign-up-blue-light);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="white"] *[data-invert-theme-onhover]:hover,html *[data-theme="white"] *[data-invert-theme-onhover]:focus{--bg:var(--black-20);--bg-medium:var(--black-50);--bg-medium-weak:var(--black-50);--bg-hover:var(--black-100);--bg-strong:var(--black-100);--border:var(--black-100);--border-weak:var(--black-100);--border-strong:var(--black-200);--border-strong-hover:var(--black-500);--text:var(--black-1000);--text-medium:var(--black-800);--text-weak:var(--black-600);--link-text:var(--black-1000);--link-text-hover:var(--black-600);--link-text-active:var(--black-1000);--link-text-weak:var(--black-600);--link-text-weak-hover:var(--black-1000);--icon:var(--black-1000);--icon-medium:var(--black-800);--icon-weak:var(--black-600);--icon-hover:var(--black-800);--icon-medium-hover:var(--black-600);--icon-disabled:var(--black-600);--btn-primary-background:var(--black-1000);--btn-primary-background-hover:var(--black-600);--btn-primary-background-selected:var(--black-1000);--btn-primary-background-disabled:var(--black-100);--btn-primary-text:var(--white);--btn-primary-text-disabled:var(--black-500);--btn-primary-icon:var(--black-100);--btn-primary-icon-disabled:var(--black-300);--btn-primary-outline:var(--black-20);--btn-primary-outline-hover:var(--black-20);--btn-secondary-background:var(--black-20);--btn-secondary-background-hover:var(--black-50);--btn-secondary-background-selected:var(--black-20);--btn-secondary-background-disabled:var(--black-20);--btn-secondary-text:var(--black-1000);--btn-secondary-text-disabled:var(--black-500);--btn-secondary-icon:var(--black-1000);--btn-secondary-icon-disabled:var(--black-1000);--btn-secondary-outline:var(--black-600);--btn-secondary-outline-hover:var(--black-600);--btn-secondary-alt-background:var(--black-100);--btn-secondary-alt-background-hover:var(--black-200);--btn-tertiary-link-text:var(--black-1000);--btn-tertiary-link-text-hover:var(--black-600);--btn-tertiary-background:var(--black-1000);--btn-tertiary-background-hover:var(--black-600);--btn-tertiary-icon:var(--white);--chip-bg:var(--black-50);--chip-bg-hover:var(--black-100);--chip-bg-selected:var(--coral-0);--chip-text:var(--black-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--black-100);--tag-text:var(--black-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-100);--card-fill-hover:var(--black-50);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-gray);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--google-sign-up-blue);--btn-google-background-hover:var(--google-sign-up-blue-light);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="gray"],html *[data-theme-onhover="gray"]:hover,html *[data-theme-onhover="gray"]:focus{--bg:var(--black-20);--bg-medium:var(--black-50);--bg-medium-weak:var(--black-50);--bg-hover:var(--black-100);--bg-strong:var(--black-100);--border:var(--black-100);--border-weak:var(--black-100);--border-strong:var(--black-200);--border-strong-hover:var(--black-500);--text:var(--black-1000);--text-medium:var(--black-800);--text-weak:var(--black-600);--link-text:var(--black-1000);--link-text-hover:var(--black-600);--link-text-active:var(--black-1000);--link-text-weak:var(--black-600);--link-text-weak-hover:var(--black-1000);--icon:var(--black-1000);--icon-medium:var(--black-800);--icon-weak:var(--black-600);--icon-hover:var(--black-800);--icon-medium-hover:var(--black-600);--icon-disabled:var(--black-600);--btn-primary-background:var(--black-1000);--btn-primary-background-hover:var(--black-600);--btn-primary-background-selected:var(--black-1000);--btn-primary-background-disabled:var(--black-100);--btn-primary-text:var(--white);--btn-primary-text-disabled:var(--black-500);--btn-primary-icon:var(--black-100);--btn-primary-icon-disabled:var(--black-300);--btn-primary-outline:var(--black-20);--btn-primary-outline-hover:var(--black-20);--btn-secondary-background:var(--black-20);--btn-secondary-background-hover:var(--black-50);--btn-secondary-background-selected:var(--black-20);--btn-secondary-background-disabled:var(--black-20);--btn-secondary-text:var(--black-1000);--btn-secondary-text-disabled:var(--black-500);--btn-secondary-icon:var(--black-1000);--btn-secondary-icon-disabled:var(--black-1000);--btn-secondary-outline:var(--black-600);--btn-secondary-outline-hover:var(--black-600);--btn-secondary-alt-background:var(--black-100);--btn-secondary-alt-background-hover:var(--black-200);--btn-tertiary-link-text:var(--black-1000);--btn-tertiary-link-text-hover:var(--black-600);--btn-tertiary-background:var(--black-1000);--btn-tertiary-background-hover:var(--black-600);--btn-tertiary-icon:var(--white);--chip-bg:var(--black-50);--chip-bg-hover:var(--black-100);--chip-bg-selected:var(--coral-0);--chip-text:var(--black-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--black-100);--tag-text:var(--black-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-100);--card-fill-hover:var(--black-50);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-gray);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--google-sign-up-blue);--btn-google-background-hover:var(--google-sign-up-blue-light);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="gray"][data-invert-theme-onhover]:hover,html *[data-theme="gray"][data-invert-theme-onhover]:focus{--bg:var(--white);--bg-medium:var(--black-50);--bg-medium-weak:var(--black-20);--bg-hover:var(--black-50);--bg-strong:var(--black-100);--border:var(--black-100);--border-weak:var(--black-50);--border-strong:var(--black-200);--border-strong-hover:var(--black-500);--text:var(--black-1000);--text-medium:var(--black-800);--text-weak:var(--black-600);--link-text:var(--black-1000);--link-text-hover:var(--black-600);--link-text-active:var(--black-1000);--link-text-weak:var(--black-600);--link-text-weak-hover:var(--black-1000);--icon:var(--black-1000);--icon-medium:var(--black-800);--icon-weak:var(--black-600);--icon-hover:var(--black-800);--icon-medium-hover:var(--black-600);--icon-disabled:var(--black-600);--btn-primary-background:var(--black-1000);--btn-primary-background-hover:var(--black-600);--btn-primary-background-selected:var(--black-1000);--btn-primary-background-disabled:var(--black-50);--btn-primary-text:var(--white);--btn-primary-text-disabled:var(--black-500);--btn-primary-icon:var(--black-100);--btn-primary-icon-disabled:var(--black-200);--btn-primary-outline:var(--black-20);--btn-primary-outline-hover:var(--black-20);--btn-secondary-alt-background:var(--black-50);--btn-secondary-alt-background-hover:var(--black-100);--btn-secondary-background:var(--black-20);--btn-secondary-background-hover:var(--black-50);--btn-secondary-background-selected:var(--black-20);--btn-secondary-background-disabled:var(--black-20);--btn-secondary-text:var(--black-1000);--btn-secondary-text-disabled:var(--black-500);--btn-secondary-icon:var(--black-1000);--btn-secondary-icon-disabled:var(--black-1000);--btn-secondary-outline:var(--black-600);--btn-secondary-outline-hover:var(--black-600);--btn-tertiary-link-text:var(--black-1000);--btn-tertiary-link-text-hover:var(--black-600);--btn-tertiary-background:var(--black-1000);--btn-tertiary-background-hover:var(--black-600);--btn-tertiary-icon:var(--white);--chip-bg:var(--black-50);--chip-bg-hover:var(--black-100);--chip-bg-selected:var(--coral-0);--chip-text:var(--black-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--black-50);--tag-text:var(--black-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-50);--card-fill-hover:var(--black-20);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-white);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--google-sign-up-blue);--btn-google-background-hover:var(--google-sign-up-blue-light);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="gray"] *[data-invert-theme-onhover]:hover,html *[data-theme="gray"] *[data-invert-theme-onhover]:focus{--bg:var(--white);--bg-medium:var(--black-50);--bg-medium-weak:var(--black-20);--bg-hover:var(--black-50);--bg-strong:var(--black-100);--border:var(--black-100);--border-weak:var(--black-50);--border-strong:var(--black-200);--border-strong-hover:var(--black-500);--text:var(--black-1000);--text-medium:var(--black-800);--text-weak:var(--black-600);--link-text:var(--black-1000);--link-text-hover:var(--black-600);--link-text-active:var(--black-1000);--link-text-weak:var(--black-600);--link-text-weak-hover:var(--black-1000);--icon:var(--black-1000);--icon-medium:var(--black-800);--icon-weak:var(--black-600);--icon-hover:var(--black-800);--icon-medium-hover:var(--black-600);--icon-disabled:var(--black-600);--btn-primary-background:var(--black-1000);--btn-primary-background-hover:var(--black-600);--btn-primary-background-selected:var(--black-1000);--btn-primary-background-disabled:var(--black-50);--btn-primary-text:var(--white);--btn-primary-text-disabled:var(--black-500);--btn-primary-icon:var(--black-100);--btn-primary-icon-disabled:var(--black-200);--btn-primary-outline:var(--black-20);--btn-primary-outline-hover:var(--black-20);--btn-secondary-alt-background:var(--black-50);--btn-secondary-alt-background-hover:var(--black-100);--btn-secondary-background:var(--black-20);--btn-secondary-background-hover:var(--black-50);--btn-secondary-background-selected:var(--black-20);--btn-secondary-background-disabled:var(--black-20);--btn-secondary-text:var(--black-1000);--btn-secondary-text-disabled:var(--black-500);--btn-secondary-icon:var(--black-1000);--btn-secondary-icon-disabled:var(--black-1000);--btn-secondary-outline:var(--black-600);--btn-secondary-outline-hover:var(--black-600);--btn-tertiary-link-text:var(--black-1000);--btn-tertiary-link-text-hover:var(--black-600);--btn-tertiary-background:var(--black-1000);--btn-tertiary-background-hover:var(--black-600);--btn-tertiary-icon:var(--white);--chip-bg:var(--black-50);--chip-bg-hover:var(--black-100);--chip-bg-selected:var(--coral-0);--chip-text:var(--black-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--black-50);--tag-text:var(--black-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-50);--card-fill-hover:var(--black-20);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-white);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--google-sign-up-blue);--btn-google-background-hover:var(--google-sign-up-blue-light);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-blue"],html *[data-theme-onhover="dark-blue"]:hover,html *[data-theme-onhover="dark-blue"]:focus{--bg:var(--blue-1000);--bg-medium:var(--blue-950);--bg-medium-weak:var(--blue-950);--bg-hover:var(--blue-900);--bg-strong:var(--blue-800);--border:var(--blue-900);--border-weak:var(--blue-900);--border-strong:var(--blue-800);--border-strong-hover:var(--blue-500);--text:var(--blue-0);--text-medium:var(--blue-0);--text-weak:var(--blue-400);--link-text:var(--white);--link-text-hover:var(--blue-300);--link-text-active:var(--white);--link-text-weak:var(--blue-400);--link-text-weak-hover:var(--blue-0);--icon:var(--blue-200);--icon-medium:var(--blue-200);--icon-weak:var(--blue-400);--icon-hover:var(--blue-200);--icon-medium-hover:var(--blue-400);--icon-disabled:var(--blue-400);--btn-primary-background:var(--blue-0);--btn-primary-background-hover:var(--blue-300);--btn-primary-background-selected:var(--blue-0);--btn-primary-background-disabled:var(--blue-950);--btn-primary-text:var(--blue-1000);--btn-primary-text-disabled:var(--blue-500);--btn-primary-icon:var(--blue-1000);--btn-primary-icon-disabled:var(--blue-700);--btn-primary-outline:var(--blue-1000);--btn-primary-outline-hover:var(--blue-1000);--btn-secondary-alt-background:var(--blue-900);--btn-secondary-alt-background-hover:var(--blue-800);--btn-secondary-background:var(--blue-1000);--btn-secondary-background-hover:var(--blue-900);--btn-secondary-background-selected:var(--blue-1000);--btn-secondary-background-disabled:var(--blue-1000);--btn-secondary-text:var(--blue-0);--btn-secondary-text-disabled:var(--blue-500);--btn-secondary-icon:var(--blue-0);--btn-secondary-icon-disabled:var(--blue-0);--btn-secondary-outline:var(--blue-400);--btn-secondary-outline-hover:var(--blue-400);--btn-tertiary-link-text:var(--blue-0);--btn-tertiary-link-text-hover:var(--blue-300);--btn-tertiary-background:var(--blue-0);--btn-tertiary-background-hover:var(--blue-300);--btn-tertiary-icon:var(--blue-1000);--chip-bg:var(--blue-950);--chip-bg-hover:var(--blue-900);--chip-bg-selected:var(--blue-800);--chip-text:var(--blue-0);--chip-text-selected:var(--blue-0);--tag-bg:var(--blue-900);--tag-text:var(--blue-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-blue-4);--card-fill-hover:var(--bright-blue-3);--accent-dark-coral:var(--blue-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--blue-1000);--accent-dark-purple:var(--blue-1000);--accent-light-coral:var(--blue-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--blue-0);--accent-light-purple:var(--blue-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-blue);--logo-text:var(--blue-0);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--blue-0);--btn-google-background-hover:var(--blue-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-blue"][data-invert-theme-onhover]:hover,html *[data-theme="dark-blue"][data-invert-theme-onhover]:focus{--bg:var(--blue-0);--bg-medium:var(--blue-50);--bg-medium-weak:var(--blue-20);--bg-hover:var(--blue-100);--bg-strong:var(--blue-100);--border:var(--blue-100);--border-weak:var(--blue-100);--border-strong:var(--blue-200);--border-strong-hover:var(--blue-500);--text:var(--blue-1000);--text-medium:var(--blue-800);--text-weak:var(--blue-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--blue-600);--link-text-weak-hover:var(--blue-1000);--icon:var(--blue-800);--icon-medium:var(--blue-800);--icon-weak:var(--blue-600);--icon-hover:var(--blue-800);--icon-medium-hover:var(--blue-600);--icon-disabled:var(--blue-600);--btn-primary-background:var(--blue-1000);--btn-primary-background-hover:var(--blue-700);--btn-primary-background-selected:var(--blue-1000);--btn-primary-background-disabled:var(--blue-50);--btn-primary-text:var(--blue-0);--btn-primary-text-disabled:var(--blue-500);--btn-primary-icon:var(--blue-0);--btn-primary-icon-disabled:var(--blue-200);--btn-primary-outline:var(--blue-0);--btn-primary-outline-hover:var(--blue-0);--btn-secondary-alt-background:var(--blue-50);--btn-secondary-alt-background-hover:var(--blue-100);--btn-secondary-background:var(--blue-0);--btn-secondary-background-hover:var(--blue-100);--btn-secondary-background-selected:var(--blue-0);--btn-secondary-background-disabled:var(--blue-0);--btn-secondary-text:var(--blue-1000);--btn-secondary-text-disabled:var(--blue-500);--btn-secondary-icon:var(--blue-1000);--btn-secondary-icon-disabled:var(--blue-1000);--btn-secondary-outline:var(--blue-600);--btn-secondary-outline-hover:var(--blue-600);--btn-tertiary-link-text:var(--blue-1000);--btn-tertiary-link-text-hover:var(--blue-800);--btn-tertiary-background:var(--blue-1000);--btn-tertiary-background-hover:var(--blue-700);--btn-tertiary-icon:var(--blue-0);--chip-bg:var(--blue-50);--chip-bg-hover:var(--blue-100);--chip-bg-selected:var(--blue-200);--chip-text:var(--blue-1000);--chip-text-selected:var(--blue-1000);--tag-bg:var(--blue-100);--tag-text:var(--blue-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-blue-2);--card-fill-hover:var(--bright-blue-1);--accent-dark-coral:var(--blue-0);--accent-dark-blue:var(--blue-0);--accent-dark-green:var(--blue-0);--accent-dark-purple:var(--blue-0);--accent-light-coral:var(--blue-1000);--accent-light-blue:var(--blue-1000);--accent-light-green:var(--blue-1000);--accent-light-purple:var(--blue-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-blue);--logo-text:var(--blue-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--blue-1000);--btn-google-background-hover:var(--blue-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-blue"] *[data-invert-theme-onhover]:hover,html *[data-theme="dark-blue"] *[data-invert-theme-onhover]:focus{--bg:var(--blue-0);--bg-medium:var(--blue-50);--bg-medium-weak:var(--blue-20);--bg-hover:var(--blue-100);--bg-strong:var(--blue-100);--border:var(--blue-100);--border-weak:var(--blue-100);--border-strong:var(--blue-200);--border-strong-hover:var(--blue-500);--text:var(--blue-1000);--text-medium:var(--blue-800);--text-weak:var(--blue-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--blue-600);--link-text-weak-hover:var(--blue-1000);--icon:var(--blue-800);--icon-medium:var(--blue-800);--icon-weak:var(--blue-600);--icon-hover:var(--blue-800);--icon-medium-hover:var(--blue-600);--icon-disabled:var(--blue-600);--btn-primary-background:var(--blue-1000);--btn-primary-background-hover:var(--blue-700);--btn-primary-background-selected:var(--blue-1000);--btn-primary-background-disabled:var(--blue-50);--btn-primary-text:var(--blue-0);--btn-primary-text-disabled:var(--blue-500);--btn-primary-icon:var(--blue-0);--btn-primary-icon-disabled:var(--blue-200);--btn-primary-outline:var(--blue-0);--btn-primary-outline-hover:var(--blue-0);--btn-secondary-alt-background:var(--blue-50);--btn-secondary-alt-background-hover:var(--blue-100);--btn-secondary-background:var(--blue-0);--btn-secondary-background-hover:var(--blue-100);--btn-secondary-background-selected:var(--blue-0);--btn-secondary-background-disabled:var(--blue-0);--btn-secondary-text:var(--blue-1000);--btn-secondary-text-disabled:var(--blue-500);--btn-secondary-icon:var(--blue-1000);--btn-secondary-icon-disabled:var(--blue-1000);--btn-secondary-outline:var(--blue-600);--btn-secondary-outline-hover:var(--blue-600);--btn-tertiary-link-text:var(--blue-1000);--btn-tertiary-link-text-hover:var(--blue-800);--btn-tertiary-background:var(--blue-1000);--btn-tertiary-background-hover:var(--blue-700);--btn-tertiary-icon:var(--blue-0);--chip-bg:var(--blue-50);--chip-bg-hover:var(--blue-100);--chip-bg-selected:var(--blue-200);--chip-text:var(--blue-1000);--chip-text-selected:var(--blue-1000);--tag-bg:var(--blue-100);--tag-text:var(--blue-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-blue-2);--card-fill-hover:var(--bright-blue-1);--accent-dark-coral:var(--blue-0);--accent-dark-blue:var(--blue-0);--accent-dark-green:var(--blue-0);--accent-dark-purple:var(--blue-0);--accent-light-coral:var(--blue-1000);--accent-light-blue:var(--blue-1000);--accent-light-green:var(--blue-1000);--accent-light-purple:var(--blue-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-blue);--logo-text:var(--blue-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--blue-1000);--btn-google-background-hover:var(--blue-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-coral"],html *[data-theme-onhover="dark-coral"]:hover,html *[data-theme-onhover="dark-coral"]:focus{--bg:var(--coral-1000);--bg-medium:var(--coral-950);--bg-medium-weak:var(--coral-950);--bg-hover:var(--coral-900);--bg-strong:var(--coral-800);--border:var(--coral-900);--border-weak:var(--coral-900);--border-strong:var(--coral-800);--border-strong-hover:var(--coral-500);--text:var(--coral-0);--text-medium:var(--coral-200);--text-weak:var(--coral-400);--link-text:var(--white);--link-text-hover:var(--coral-300);--link-text-active:var(--white);--link-text-weak:var(--coral-400);--link-text-weak-hover:var(--coral-0);--icon:var(--coral-200);--icon-medium:var(--coral-200);--icon-weak:var(--coral-400);--icon-hover:var(--coral-200);--icon-medium-hover:var(--coral-400);--icon-disabled:var(--coral-400);--btn-primary-background:var(--coral-0);--btn-primary-background-hover:var(--coral-300);--btn-primary-background-selected:var(--coral-0);--btn-primary-background-disabled:var(--coral-950);--btn-primary-text:var(--coral-1000);--btn-primary-text-disabled:var(--coral-900);--btn-primary-icon:var(--coral-1000);--btn-primary-icon-disabled:var(--coral-700);--btn-primary-outline:var(--coral-1000);--btn-primary-outline-hover:var(--coral-1000);--btn-secondary-alt-background:var(--coral-900);--btn-secondary-alt-background-hover:var(--coral-800);--btn-secondary-background:var(--coral-1000);--btn-secondary-background-hover:var(--coral-900);--btn-secondary-background-selected:var(--coral-1000);--btn-secondary-background-disabled:var(--coral-1000);--btn-secondary-text:var(--coral-0);--btn-secondary-text-disabled:var(--coral-500);--btn-secondary-icon:var(--coral-0);--btn-secondary-icon-disabled:var(--coral-0);--btn-secondary-outline:var(--coral-400);--btn-secondary-outline-hover:var(--coral-400);--btn-tertiary-link-text:var(--coral-0);--btn-tertiary-link-text-hover:var(--coral-300);--btn-tertiary-background:var(--coral-0);--btn-tertiary-background-hover:var(--coral-300);--btn-tertiary-icon:var(--coral-1000);--chip-bg:var(--coral-950);--chip-bg-hover:var(--coral-900);--chip-bg-selected:var(--coral-800);--chip-text:var(--coral-0);--chip-text-selected:var(--coral-0);--tag-bg:var(--coral-900);--tag-text:var(--coral-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-coral-4);--card-fill-hover:var(--bright-coral-3);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--coral-1000);--accent-dark-green:var(--coral-1000);--accent-dark-purple:var(--coral-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--coral-0);--accent-light-green:var(--coral-0);--accent-light-purple:var(--coral-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-coral);--logo-text:var(--coral-0);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--coral-0);--btn-google-background-hover:var(--coral-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-coral"][data-invert-theme-onhover]:hover,html *[data-theme="dark-coral"][data-invert-theme-onhover]:focus{--bg:var(--coral-0);--bg-medium:var(--coral-50);--bg-medium-weak:var(--coral-20);--bg-hover:var(--coral-100);--bg-strong:var(--coral-100);--border:var(--coral-100);--border-weak:var(--coral-100);--border-strong:var(--coral-200);--border-strong-hover:var(--coral-500);--text:var(--coral-1000);--text-medium:var(--coral-800);--text-weak:var(--coral-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--coral-600);--link-text-weak-hover:var(--coral-1000);--icon:var(--coral-800);--icon-medium:var(--coral-800);--icon-weak:var(--coral-600);--icon-hover:var(--coral-800);--icon-medium-hover:var(--coral-600);--icon-disabled:var(--coral-600);--btn-primary-background:var(--coral-1000);--btn-primary-background-hover:var(--coral-700);--btn-primary-background-selected:var(--coral-1000);--btn-primary-background-disabled:var(--coral-50);--btn-primary-text:var(--coral-0);--btn-primary-text-disabled:var(--coral-500);--btn-primary-icon:var(--coral-0);--btn-primary-icon-disabled:var(--coral-200);--btn-primary-outline:var(--coral-0);--btn-primary-outline-hover:var(--coral-0);--btn-secondary-alt-background:var(--coral-50);--btn-secondary-alt-background-hover:var(--coral-100);--btn-secondary-background:var(--coral-0);--btn-secondary-background-hover:var(--coral-100);--btn-secondary-background-selected:var(--coral-0);--btn-secondary-background-disabled:var(--coral-0);--btn-secondary-text:var(--coral-1000);--btn-secondary-text-disabled:var(--coral-500);--btn-secondary-icon:var(--coral-1000);--btn-secondary-icon-disabled:var(--coral-1000);--btn-secondary-outline:var(--coral-600);--btn-secondary-outline-hover:var(--coral-600);--btn-tertiary-link-text:var(--coral-1000);--btn-tertiary-link-text-hover:var(--coral-800);--btn-tertiary-background:var(--coral-1000);--btn-tertiary-background-hover:var(--coral-700);--btn-tertiary-icon:var(--coral-0);--chip-bg:var(--coral-50);--chip-bg-hover:var(--coral-100);--chip-bg-selected:var(--coral-200);--chip-text:var(--coral-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--coral-100);--tag-text:var(--coral-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-coral-2);--card-fill-hover:var(--bright-coral-1);--accent-dark-coral:var(--coral-0);--accent-dark-blue:var(--coral-0);--accent-dark-green:var(--coral-0);--accent-dark-purple:var(--coral-0);--accent-light-coral:var(--coral-1000);--accent-light-blue:var(--coral-1000);--accent-light-green:var(--coral-1000);--accent-light-purple:var(--coral-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-coral);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--coral-1000);--btn-google-background-hover:var(--coral-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-coral"] *[data-invert-theme-onhover]:hover,html *[data-theme="dark-coral"] *[data-invert-theme-onhover]:focus{--bg:var(--coral-0);--bg-medium:var(--coral-50);--bg-medium-weak:var(--coral-20);--bg-hover:var(--coral-100);--bg-strong:var(--coral-100);--border:var(--coral-100);--border-weak:var(--coral-100);--border-strong:var(--coral-200);--border-strong-hover:var(--coral-500);--text:var(--coral-1000);--text-medium:var(--coral-800);--text-weak:var(--coral-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--coral-600);--link-text-weak-hover:var(--coral-1000);--icon:var(--coral-800);--icon-medium:var(--coral-800);--icon-weak:var(--coral-600);--icon-hover:var(--coral-800);--icon-medium-hover:var(--coral-600);--icon-disabled:var(--coral-600);--btn-primary-background:var(--coral-1000);--btn-primary-background-hover:var(--coral-700);--btn-primary-background-selected:var(--coral-1000);--btn-primary-background-disabled:var(--coral-50);--btn-primary-text:var(--coral-0);--btn-primary-text-disabled:var(--coral-500);--btn-primary-icon:var(--coral-0);--btn-primary-icon-disabled:var(--coral-200);--btn-primary-outline:var(--coral-0);--btn-primary-outline-hover:var(--coral-0);--btn-secondary-alt-background:var(--coral-50);--btn-secondary-alt-background-hover:var(--coral-100);--btn-secondary-background:var(--coral-0);--btn-secondary-background-hover:var(--coral-100);--btn-secondary-background-selected:var(--coral-0);--btn-secondary-background-disabled:var(--coral-0);--btn-secondary-text:var(--coral-1000);--btn-secondary-text-disabled:var(--coral-500);--btn-secondary-icon:var(--coral-1000);--btn-secondary-icon-disabled:var(--coral-1000);--btn-secondary-outline:var(--coral-600);--btn-secondary-outline-hover:var(--coral-600);--btn-tertiary-link-text:var(--coral-1000);--btn-tertiary-link-text-hover:var(--coral-800);--btn-tertiary-background:var(--coral-1000);--btn-tertiary-background-hover:var(--coral-700);--btn-tertiary-icon:var(--coral-0);--chip-bg:var(--coral-50);--chip-bg-hover:var(--coral-100);--chip-bg-selected:var(--coral-200);--chip-text:var(--coral-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--coral-100);--tag-text:var(--coral-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-coral-2);--card-fill-hover:var(--bright-coral-1);--accent-dark-coral:var(--coral-0);--accent-dark-blue:var(--coral-0);--accent-dark-green:var(--coral-0);--accent-dark-purple:var(--coral-0);--accent-light-coral:var(--coral-1000);--accent-light-blue:var(--coral-1000);--accent-light-green:var(--coral-1000);--accent-light-purple:var(--coral-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-coral);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--coral-1000);--btn-google-background-hover:var(--coral-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-green"],html *[data-theme-onhover="dark-green"]:hover,html *[data-theme-onhover="dark-green"]:focus{--bg:var(--green-1000);--bg-medium:var(--green-950);--bg-medium-weak:var(--green-950);--bg-hover:var(--green-900);--bg-strong:var(--green-800);--border:var(--green-900);--border-weak:var(--green-900);--border-strong:var(--green-800);--border-strong-hover:var(--green-500);--text:var(--green-0);--text-medium:var(--green-0);--text-weak:var(--green-400);--link-text:var(--white);--link-text-hover:var(--green-300);--link-text-active:var(--white);--link-text-weak:var(--green-400);--link-text-weak-hover:var(--green-0);--icon:var(--green-0);--icon-medium:var(--green-200);--icon-weak:var(--green-400);--icon-hover:var(--green-200);--icon-medium-hover:var(--green-400);--icon-disabled:var(--green-400);--btn-primary-background:var(--green-0);--btn-primary-background-hover:var(--green-300);--btn-primary-background-selected:var(--green-0);--btn-primary-background-disabled:var(--green-950);--btn-primary-text:var(--green-1000);--btn-primary-text-disabled:var(--green-500);--btn-primary-icon:var(--green-1000);--btn-primary-icon-disabled:var(--green-700);--btn-primary-outline:var(--green-1000);--btn-primary-outline-hover:var(--green-1000);--btn-secondary-alt-background:var(--green-900);--btn-secondary-alt-background-hover:var(--green-800);--btn-secondary-background:var(--green-1000);--btn-secondary-background-hover:var(--green-900);--btn-secondary-background-selected:var(--green-1000);--btn-secondary-background-disabled:var(--green-1000);--btn-secondary-text:var(--green-0);--btn-secondary-text-disabled:var(--green-500);--btn-secondary-icon:var(--green-0);--btn-secondary-icon-disabled:var(--green-0);--btn-secondary-outline:var(--green-400);--btn-secondary-outline-hover:var(--green-400);--btn-tertiary-link-text:var(--green-0);--btn-tertiary-link-text-hover:var(--green-300);--btn-tertiary-background:var(--green-0);--btn-tertiary-background-hover:var(--green-300);--btn-tertiary-icon:var(--green-1000);--chip-bg:var(--green-950);--chip-bg-hover:var(--green-900);--chip-bg-selected:var(--green-800);--chip-text:var(--green-0);--chip-text-selected:var(--green-0);--tag-bg:var(--green-900);--tag-text:var(--green-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-green-4);--card-fill-hover:var(--bright-green-3);--accent-dark-coral:var(--green-1000);--accent-dark-blue:var(--green-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--green-1000);--accent-light-coral:var(--green-0);--accent-light-blue:var(--green-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--green-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-green);--logo-text:var(--green-0);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--green-0);--btn-google-background-hover:var(--green-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-green"][data-invert-theme-onhover]:hover,html *[data-theme="dark-green"][data-invert-theme-onhover]:focus{--bg:var(--green-0);--bg-medium:var(--green-50);--bg-medium-weak:var(--green-20);--bg-hover:var(--green-100);--bg-strong:var(--green-100);--border:var(--green-100);--border-weak:var(--green-100);--border-strong:var(--green-200);--border-strong-hover:var(--green-500);--text:var(--green-1000);--text-medium:var(--green-800);--text-weak:var(--green-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--green-600);--link-text-weak-hover:var(--green-1000);--icon:var(--green-800);--icon-medium:var(--green-800);--icon-weak:var(--green-600);--icon-hover:var(--green-800);--icon-medium-hover:var(--green-600);--icon-disabled:var(--green-600);--btn-primary-background:var(--green-1000);--btn-primary-background-hover:var(--green-700);--btn-primary-background-selected:var(--green-1000);--btn-primary-background-disabled:var(--green-50);--btn-primary-text:var(--green-0);--btn-primary-text-disabled:var(--green-500);--btn-primary-icon:var(--green-0);--btn-primary-icon-disabled:var(--green-200);--btn-primary-outline:var(--green-0);--btn-primary-outline-hover:var(--green-0);--btn-secondary-alt-background:var(--green-50);--btn-secondary-alt-background-hover:var(--green-100);--btn-secondary-background:var(--green-0);--btn-secondary-background-hover:var(--green-100);--btn-secondary-background-selected:var(--green-0);--btn-secondary-background-disabled:var(--green-0);--btn-secondary-text:var(--green-1000);--btn-secondary-text-disabled:var(--green-500);--btn-secondary-icon:var(--green-1000);--btn-secondary-icon-disabled:var(--green-1000);--btn-secondary-outline:var(--green-600);--btn-secondary-outline-hover:var(--green-600);--btn-tertiary-link-text:var(--green-1000);--btn-tertiary-link-text-hover:var(--green-800);--btn-tertiary-background:var(--green-1000);--btn-tertiary-background-hover:var(--green-700);--btn-tertiary-icon:var(--green-0);--chip-bg:var(--green-50);--chip-bg-hover:var(--green-100);--chip-bg-selected:var(--green-200);--chip-text:var(--green-1000);--chip-text-selected:var(--green-1000);--tag-bg:var(--green-100);--tag-text:var(--green-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-green-2);--card-fill-hover:var(--bright-green-1);--accent-dark-coral:var(--green-0);--accent-dark-blue:var(--green-0);--accent-dark-green:var(--green-0);--accent-dark-purple:var(--green-0);--accent-light-coral:var(--green-1000);--accent-light-blue:var(--green-1000);--accent-light-green:var(--green-1000);--accent-light-purple:var(--green-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-green);--logo-text:var(--green-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--green-1000);--btn-google-background-hover:var(--green-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-green"] *[data-invert-theme-onhover]:hover,html *[data-theme="dark-green"] *[data-invert-theme-onhover]:focus{--bg:var(--green-0);--bg-medium:var(--green-50);--bg-medium-weak:var(--green-20);--bg-hover:var(--green-100);--bg-strong:var(--green-100);--border:var(--green-100);--border-weak:var(--green-100);--border-strong:var(--green-200);--border-strong-hover:var(--green-500);--text:var(--green-1000);--text-medium:var(--green-800);--text-weak:var(--green-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--green-600);--link-text-weak-hover:var(--green-1000);--icon:var(--green-800);--icon-medium:var(--green-800);--icon-weak:var(--green-600);--icon-hover:var(--green-800);--icon-medium-hover:var(--green-600);--icon-disabled:var(--green-600);--btn-primary-background:var(--green-1000);--btn-primary-background-hover:var(--green-700);--btn-primary-background-selected:var(--green-1000);--btn-primary-background-disabled:var(--green-50);--btn-primary-text:var(--green-0);--btn-primary-text-disabled:var(--green-500);--btn-primary-icon:var(--green-0);--btn-primary-icon-disabled:var(--green-200);--btn-primary-outline:var(--green-0);--btn-primary-outline-hover:var(--green-0);--btn-secondary-alt-background:var(--green-50);--btn-secondary-alt-background-hover:var(--green-100);--btn-secondary-background:var(--green-0);--btn-secondary-background-hover:var(--green-100);--btn-secondary-background-selected:var(--green-0);--btn-secondary-background-disabled:var(--green-0);--btn-secondary-text:var(--green-1000);--btn-secondary-text-disabled:var(--green-500);--btn-secondary-icon:var(--green-1000);--btn-secondary-icon-disabled:var(--green-1000);--btn-secondary-outline:var(--green-600);--btn-secondary-outline-hover:var(--green-600);--btn-tertiary-link-text:var(--green-1000);--btn-tertiary-link-text-hover:var(--green-800);--btn-tertiary-background:var(--green-1000);--btn-tertiary-background-hover:var(--green-700);--btn-tertiary-icon:var(--green-0);--chip-bg:var(--green-50);--chip-bg-hover:var(--green-100);--chip-bg-selected:var(--green-200);--chip-text:var(--green-1000);--chip-text-selected:var(--green-1000);--tag-bg:var(--green-100);--tag-text:var(--green-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-green-2);--card-fill-hover:var(--bright-green-1);--accent-dark-coral:var(--green-0);--accent-dark-blue:var(--green-0);--accent-dark-green:var(--green-0);--accent-dark-purple:var(--green-0);--accent-light-coral:var(--green-1000);--accent-light-blue:var(--green-1000);--accent-light-green:var(--green-1000);--accent-light-purple:var(--green-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-green);--logo-text:var(--green-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--green-1000);--btn-google-background-hover:var(--green-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-purple"],html *[data-theme-onhover="dark-purple"]:hover,html *[data-theme-onhover="dark-purple"]:focus{--bg:var(--purple-1000);--bg-medium:var(--purple-950);--bg-medium-weak:var(--purple-950);--bg-hover:var(--purple-900);--bg-strong:var(--purple-800);--border:var(--purple-900);--border-weak:var(--purple-900);--border-strong:var(--purple-800);--border-strong-hover:var(--purple-500);--text:var(--purple-0);--text-medium:var(--purple-0);--text-weak:var(--purple-400);--link-text:var(--white);--link-text-hover:var(--purple-300);--link-text-active:var(--white);--link-text-weak:var(--purple-400);--link-text-weak-hover:var(--purple-0);--icon:var(--purple-0);--icon-medium:var(--purple-200);--icon-weak:var(--purple-400);--icon-hover:var(--purple-200);--icon-medium-hover:var(--purple-400);--icon-disabled:var(--purple-400);--btn-primary-background:var(--purple-0);--btn-primary-background-hover:var(--purple-300);--btn-primary-background-selected:var(--purple-0);--btn-primary-background-disabled:var(--purple-950);--btn-primary-text:var(--purple-1000);--btn-primary-text-disabled:var(--purple-500);--btn-primary-icon:var(--purple-1000);--btn-primary-icon-disabled:var(--purple-700);--btn-primary-outline:var(--purple-1000);--btn-primary-outline-hover:var(--purple-1000);--btn-secondary-alt-background:var(--purple-900);--btn-secondary-alt-background-hover:var(--purple-800);--btn-secondary-background:var(--purple-1000);--btn-secondary-background-hover:var(--purple-900);--btn-secondary-background-selected:var(--purple-1000);--btn-secondary-background-disabled:var(--purple-1000);--btn-secondary-text:var(--purple-0);--btn-secondary-text-disabled:var(--purple-500);--btn-secondary-icon:var(--purple-0);--btn-secondary-icon-disabled:var(--purple-0);--btn-secondary-outline:var(--purple-400);--btn-secondary-outline-hover:var(--purple-400);--btn-tertiary-link-text:var(--purple-0);--btn-tertiary-link-text-hover:var(--purple-300);--btn-tertiary-background:var(--purple-0);--btn-tertiary-background-hover:var(--purple-300);--btn-tertiary-icon:var(--purple-1000);--chip-bg:var(--purple-950);--chip-bg-hover:var(--purple-900);--chip-bg-selected:var(--purple-800);--chip-text:var(--purple-0);--chip-text-selected:var(--purple-0);--tag-bg:var(--purple-900);--tag-text:var(--purple-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-purple-4);--card-fill-hover:var(--bright-purple-3);--accent-dark-coral:var(--purple-1000);--accent-dark-blue:var(--purple-1000);--accent-dark-green:var(--purple-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--purple-0);--accent-light-blue:var(--purple-0);--accent-light-green:var(--purple-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-purple);--logo-text:var(--purple-0);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--purple-0);--btn-google-background-hover:var(--purple-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-purple"][data-invert-theme-onhover]:hover,html *[data-theme="dark-purple"][data-invert-theme-onhover]:focus{--bg:var(--purple-0);--bg-medium:var(--purple-50);--bg-medium-weak:var(--purple-20);--bg-strong:var(--purple-100);--bg-hover:var(--purple-100);--border:var(--purple-100);--border-weak:var(--purple-100);--border-strong:var(--purple-200);--border-strong-hover:var(--purple-500);--text:var(--purple-1000);--text-medium:var(--purple-800);--text-weak:var(--purple-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--purple-600);--link-text-weak-hover:var(--purple-1000);--icon:var(--purple-800);--icon-medium:var(--purple-800);--icon-weak:var(--purple-600);--icon-hover:var(--purple-800);--icon-medium-hover:var(--purple-600);--icon-disabled:var(--purple-600);--btn-primary-background:var(--purple-1000);--btn-primary-background-hover:var(--purple-700);--btn-primary-background-selected:var(--purple-1000);--btn-primary-background-disabled:var(--purple-50);--btn-primary-text:var(--purple-0);--btn-primary-text-disabled:var(--purple-500);--btn-primary-icon:var(--purple-0);--btn-primary-icon-disabled:var(--purple-200);--btn-primary-outline:var(--purple-0);--btn-primary-outline-hover:var(--purple-0);--btn-secondary-alt-background:var(--purple-50);--btn-secondary-alt-background-hover:var(--purple-100);--btn-secondary-background:var(--purple-0);--btn-secondary-background-hover:var(--purple-100);--btn-secondary-background-selected:var(--purple-0);--btn-secondary-background-disabled:var(--purple-0);--btn-secondary-text:var(--purple-1000);--btn-secondary-text-disabled:var(--purple-500);--btn-secondary-icon:var(--purple-1000);--btn-secondary-icon-disabled:var(--purple-1000);--btn-secondary-outline:var(--purple-600);--btn-secondary-outline-hover:var(--purple-600);--btn-tertiary-link-text:var(--purple-1000);--btn-tertiary-link-text-hover:var(--purple-800);--btn-tertiary-background:var(--purple-1000);--btn-tertiary-background-hover:var(--purple-700);--btn-tertiary-icon:var(--purple-0);--chip-bg:var(--purple-50);--chip-bg-hover:var(--purple-100);--chip-bg-selected:var(--purple-200);--chip-text:var(--purple-1000);--chip-text-selected:var(--purple-1000);--tag-bg:var(--purple-100);--tag-text:var(--purple-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-purple-2);--card-fill-hover:var(--bright-purple-1);--accent-dark-coral:var(--purple-0);--accent-dark-blue:var(--purple-0);--accent-dark-green:var(--purple-0);--accent-dark-purple:var(--purple-0);--accent-light-coral:var(--purple-1000);--accent-light-blue:var(--purple-1000);--accent-light-green:var(--purple-1000);--accent-light-purple:var(--purple-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-purple);--logo-text:var(--purple-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--purple-1000);--btn-google-background-hover:var(--purple-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-purple"] *[data-invert-theme-onhover]:hover,html *[data-theme="dark-purple"] *[data-invert-theme-onhover]:focus{--bg:var(--purple-0);--bg-medium:var(--purple-50);--bg-medium-weak:var(--purple-20);--bg-strong:var(--purple-100);--bg-hover:var(--purple-100);--border:var(--purple-100);--border-weak:var(--purple-100);--border-strong:var(--purple-200);--border-strong-hover:var(--purple-500);--text:var(--purple-1000);--text-medium:var(--purple-800);--text-weak:var(--purple-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--purple-600);--link-text-weak-hover:var(--purple-1000);--icon:var(--purple-800);--icon-medium:var(--purple-800);--icon-weak:var(--purple-600);--icon-hover:var(--purple-800);--icon-medium-hover:var(--purple-600);--icon-disabled:var(--purple-600);--btn-primary-background:var(--purple-1000);--btn-primary-background-hover:var(--purple-700);--btn-primary-background-selected:var(--purple-1000);--btn-primary-background-disabled:var(--purple-50);--btn-primary-text:var(--purple-0);--btn-primary-text-disabled:var(--purple-500);--btn-primary-icon:var(--purple-0);--btn-primary-icon-disabled:var(--purple-200);--btn-primary-outline:var(--purple-0);--btn-primary-outline-hover:var(--purple-0);--btn-secondary-alt-background:var(--purple-50);--btn-secondary-alt-background-hover:var(--purple-100);--btn-secondary-background:var(--purple-0);--btn-secondary-background-hover:var(--purple-100);--btn-secondary-background-selected:var(--purple-0);--btn-secondary-background-disabled:var(--purple-0);--btn-secondary-text:var(--purple-1000);--btn-secondary-text-disabled:var(--purple-500);--btn-secondary-icon:var(--purple-1000);--btn-secondary-icon-disabled:var(--purple-1000);--btn-secondary-outline:var(--purple-600);--btn-secondary-outline-hover:var(--purple-600);--btn-tertiary-link-text:var(--purple-1000);--btn-tertiary-link-text-hover:var(--purple-800);--btn-tertiary-background:var(--purple-1000);--btn-tertiary-background-hover:var(--purple-700);--btn-tertiary-icon:var(--purple-0);--chip-bg:var(--purple-50);--chip-bg-hover:var(--purple-100);--chip-bg-selected:var(--purple-200);--chip-text:var(--purple-1000);--chip-text-selected:var(--purple-1000);--tag-bg:var(--purple-100);--tag-text:var(--purple-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-purple-2);--card-fill-hover:var(--bright-purple-1);--accent-dark-coral:var(--purple-0);--accent-dark-blue:var(--purple-0);--accent-dark-green:var(--purple-0);--accent-dark-purple:var(--purple-0);--accent-light-coral:var(--purple-1000);--accent-light-blue:var(--purple-1000);--accent-light-green:var(--purple-1000);--accent-light-purple:var(--purple-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-purple);--logo-text:var(--purple-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--purple-1000);--btn-google-background-hover:var(--purple-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-blue"],html *[data-theme-onhover="light-blue"]:hover,html *[data-theme-onhover="light-blue"]:focus{--bg:var(--blue-0);--bg-medium:var(--blue-50);--bg-medium-weak:var(--blue-20);--bg-hover:var(--blue-100);--bg-strong:var(--blue-100);--border:var(--blue-100);--border-weak:var(--blue-100);--border-strong:var(--blue-200);--border-strong-hover:var(--blue-500);--text:var(--blue-1000);--text-medium:var(--blue-800);--text-weak:var(--blue-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--blue-600);--link-text-weak-hover:var(--blue-1000);--icon:var(--blue-800);--icon-medium:var(--blue-800);--icon-weak:var(--blue-600);--icon-hover:var(--blue-800);--icon-medium-hover:var(--blue-600);--icon-disabled:var(--blue-600);--btn-primary-background:var(--blue-1000);--btn-primary-background-hover:var(--blue-700);--btn-primary-background-selected:var(--blue-1000);--btn-primary-background-disabled:var(--blue-50);--btn-primary-text:var(--blue-0);--btn-primary-text-disabled:var(--blue-500);--btn-primary-icon:var(--blue-0);--btn-primary-icon-disabled:var(--blue-200);--btn-primary-outline:var(--blue-0);--btn-primary-outline-hover:var(--blue-0);--btn-secondary-alt-background:var(--blue-50);--btn-secondary-alt-background-hover:var(--blue-100);--btn-secondary-background:var(--blue-0);--btn-secondary-background-hover:var(--blue-100);--btn-secondary-background-selected:var(--blue-0);--btn-secondary-background-disabled:var(--blue-0);--btn-secondary-text:var(--blue-1000);--btn-secondary-text-disabled:var(--blue-500);--btn-secondary-icon:var(--blue-1000);--btn-secondary-icon-disabled:var(--blue-1000);--btn-secondary-outline:var(--blue-600);--btn-secondary-outline-hover:var(--blue-600);--btn-tertiary-link-text:var(--blue-1000);--btn-tertiary-link-text-hover:var(--blue-800);--btn-tertiary-background:var(--blue-1000);--btn-tertiary-background-hover:var(--blue-700);--btn-tertiary-icon:var(--blue-0);--chip-bg:var(--blue-50);--chip-bg-hover:var(--blue-100);--chip-bg-selected:var(--blue-200);--chip-text:var(--blue-1000);--chip-text-selected:var(--blue-1000);--tag-bg:var(--blue-100);--tag-text:var(--blue-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-blue-2);--card-fill-hover:var(--bright-blue-1);--accent-dark-coral:var(--blue-0);--accent-dark-blue:var(--blue-0);--accent-dark-green:var(--blue-0);--accent-dark-purple:var(--blue-0);--accent-light-coral:var(--blue-1000);--accent-light-blue:var(--blue-1000);--accent-light-green:var(--blue-1000);--accent-light-purple:var(--blue-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-blue);--logo-text:var(--blue-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--blue-1000);--btn-google-background-hover:var(--blue-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-blue"][data-invert-theme-onhover]:hover,html *[data-theme="light-blue"][data-invert-theme-onhover]:focus{--bg:var(--blue-1000);--bg-medium:var(--blue-950);--bg-medium-weak:var(--blue-950);--bg-hover:var(--blue-900);--bg-strong:var(--blue-800);--border:var(--blue-900);--border-weak:var(--blue-900);--border-strong:var(--blue-800);--border-strong-hover:var(--blue-500);--text:var(--blue-0);--text-medium:var(--blue-0);--text-weak:var(--blue-400);--link-text:var(--white);--link-text-hover:var(--blue-300);--link-text-active:var(--white);--link-text-weak:var(--blue-400);--link-text-weak-hover:var(--blue-0);--icon:var(--blue-200);--icon-medium:var(--blue-200);--icon-weak:var(--blue-400);--icon-hover:var(--blue-200);--icon-medium-hover:var(--blue-400);--icon-disabled:var(--blue-400);--btn-primary-background:var(--blue-0);--btn-primary-background-hover:var(--blue-300);--btn-primary-background-selected:var(--blue-0);--btn-primary-background-disabled:var(--blue-950);--btn-primary-text:var(--blue-1000);--btn-primary-text-disabled:var(--blue-500);--btn-primary-icon:var(--blue-1000);--btn-primary-icon-disabled:var(--blue-700);--btn-primary-outline:var(--blue-1000);--btn-primary-outline-hover:var(--blue-1000);--btn-secondary-alt-background:var(--blue-900);--btn-secondary-alt-background-hover:var(--blue-800);--btn-secondary-background:var(--blue-1000);--btn-secondary-background-hover:var(--blue-900);--btn-secondary-background-selected:var(--blue-1000);--btn-secondary-background-disabled:var(--blue-1000);--btn-secondary-text:var(--blue-0);--btn-secondary-text-disabled:var(--blue-500);--btn-secondary-icon:var(--blue-0);--btn-secondary-icon-disabled:var(--blue-0);--btn-secondary-outline:var(--blue-400);--btn-secondary-outline-hover:var(--blue-400);--btn-tertiary-link-text:var(--blue-0);--btn-tertiary-link-text-hover:var(--blue-300);--btn-tertiary-background:var(--blue-0);--btn-tertiary-background-hover:var(--blue-300);--btn-tertiary-icon:var(--blue-1000);--chip-bg:var(--blue-950);--chip-bg-hover:var(--blue-900);--chip-bg-selected:var(--blue-800);--chip-text:var(--blue-0);--chip-text-selected:var(--blue-0);--tag-bg:var(--blue-900);--tag-text:var(--blue-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-blue-4);--card-fill-hover:var(--bright-blue-3);--accent-dark-coral:var(--blue-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--blue-1000);--accent-dark-purple:var(--blue-1000);--accent-light-coral:var(--blue-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--blue-0);--accent-light-purple:var(--blue-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-blue);--logo-text:var(--blue-0);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--blue-0);--btn-google-background-hover:var(--blue-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-blue"] *[data-invert-theme-onhover]:hover,html *[data-theme="light-blue"] *[data-invert-theme-onhover]:focus{--bg:var(--blue-1000);--bg-medium:var(--blue-950);--bg-medium-weak:var(--blue-950);--bg-hover:var(--blue-900);--bg-strong:var(--blue-800);--border:var(--blue-900);--border-weak:var(--blue-900);--border-strong:var(--blue-800);--border-strong-hover:var(--blue-500);--text:var(--blue-0);--text-medium:var(--blue-0);--text-weak:var(--blue-400);--link-text:var(--white);--link-text-hover:var(--blue-300);--link-text-active:var(--white);--link-text-weak:var(--blue-400);--link-text-weak-hover:var(--blue-0);--icon:var(--blue-200);--icon-medium:var(--blue-200);--icon-weak:var(--blue-400);--icon-hover:var(--blue-200);--icon-medium-hover:var(--blue-400);--icon-disabled:var(--blue-400);--btn-primary-background:var(--blue-0);--btn-primary-background-hover:var(--blue-300);--btn-primary-background-selected:var(--blue-0);--btn-primary-background-disabled:var(--blue-950);--btn-primary-text:var(--blue-1000);--btn-primary-text-disabled:var(--blue-500);--btn-primary-icon:var(--blue-1000);--btn-primary-icon-disabled:var(--blue-700);--btn-primary-outline:var(--blue-1000);--btn-primary-outline-hover:var(--blue-1000);--btn-secondary-alt-background:var(--blue-900);--btn-secondary-alt-background-hover:var(--blue-800);--btn-secondary-background:var(--blue-1000);--btn-secondary-background-hover:var(--blue-900);--btn-secondary-background-selected:var(--blue-1000);--btn-secondary-background-disabled:var(--blue-1000);--btn-secondary-text:var(--blue-0);--btn-secondary-text-disabled:var(--blue-500);--btn-secondary-icon:var(--blue-0);--btn-secondary-icon-disabled:var(--blue-0);--btn-secondary-outline:var(--blue-400);--btn-secondary-outline-hover:var(--blue-400);--btn-tertiary-link-text:var(--blue-0);--btn-tertiary-link-text-hover:var(--blue-300);--btn-tertiary-background:var(--blue-0);--btn-tertiary-background-hover:var(--blue-300);--btn-tertiary-icon:var(--blue-1000);--chip-bg:var(--blue-950);--chip-bg-hover:var(--blue-900);--chip-bg-selected:var(--blue-800);--chip-text:var(--blue-0);--chip-text-selected:var(--blue-0);--tag-bg:var(--blue-900);--tag-text:var(--blue-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-blue-4);--card-fill-hover:var(--bright-blue-3);--accent-dark-coral:var(--blue-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--blue-1000);--accent-dark-purple:var(--blue-1000);--accent-light-coral:var(--blue-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--blue-0);--accent-light-purple:var(--blue-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-blue);--logo-text:var(--blue-0);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--blue-0);--btn-google-background-hover:var(--blue-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-coral"],html *[data-theme-onhover="light-coral"]:hover,html *[data-theme-onhover="light-coral"]:focus{--bg:var(--coral-0);--bg-medium:var(--coral-50);--bg-medium-weak:var(--coral-20);--bg-hover:var(--coral-100);--bg-strong:var(--coral-100);--border:var(--coral-100);--border-weak:var(--coral-100);--border-strong:var(--coral-200);--border-strong-hover:var(--coral-500);--text:var(--coral-1000);--text-medium:var(--coral-800);--text-weak:var(--coral-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--coral-600);--link-text-weak-hover:var(--coral-1000);--icon:var(--coral-800);--icon-medium:var(--coral-800);--icon-weak:var(--coral-600);--icon-hover:var(--coral-800);--icon-medium-hover:var(--coral-600);--icon-disabled:var(--coral-600);--btn-primary-background:var(--coral-1000);--btn-primary-background-hover:var(--coral-700);--btn-primary-background-selected:var(--coral-1000);--btn-primary-background-disabled:var(--coral-50);--btn-primary-text:var(--coral-0);--btn-primary-text-disabled:var(--coral-500);--btn-primary-icon:var(--coral-0);--btn-primary-icon-disabled:var(--coral-200);--btn-primary-outline:var(--coral-0);--btn-primary-outline-hover:var(--coral-0);--btn-secondary-alt-background:var(--coral-50);--btn-secondary-alt-background-hover:var(--coral-100);--btn-secondary-background:var(--coral-0);--btn-secondary-background-hover:var(--coral-100);--btn-secondary-background-selected:var(--coral-0);--btn-secondary-background-disabled:var(--coral-0);--btn-secondary-text:var(--coral-1000);--btn-secondary-text-disabled:var(--coral-500);--btn-secondary-icon:var(--coral-1000);--btn-secondary-icon-disabled:var(--coral-1000);--btn-secondary-outline:var(--coral-600);--btn-secondary-outline-hover:var(--coral-600);--btn-tertiary-link-text:var(--coral-1000);--btn-tertiary-link-text-hover:var(--coral-800);--btn-tertiary-background:var(--coral-1000);--btn-tertiary-background-hover:var(--coral-700);--btn-tertiary-icon:var(--coral-0);--chip-bg:var(--coral-50);--chip-bg-hover:var(--coral-100);--chip-bg-selected:var(--coral-200);--chip-text:var(--coral-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--coral-100);--tag-text:var(--coral-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-coral-2);--card-fill-hover:var(--bright-coral-1);--accent-dark-coral:var(--coral-0);--accent-dark-blue:var(--coral-0);--accent-dark-green:var(--coral-0);--accent-dark-purple:var(--coral-0);--accent-light-coral:var(--coral-1000);--accent-light-blue:var(--coral-1000);--accent-light-green:var(--coral-1000);--accent-light-purple:var(--coral-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-coral);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--coral-1000);--btn-google-background-hover:var(--coral-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-coral"][data-invert-theme-onhover]:hover,html *[data-theme="light-coral"][data-invert-theme-onhover]:focus{--bg:var(--coral-1000);--bg-medium:var(--coral-950);--bg-medium-weak:var(--coral-950);--bg-hover:var(--coral-900);--bg-strong:var(--coral-800);--border:var(--coral-900);--border-weak:var(--coral-900);--border-strong:var(--coral-800);--border-strong-hover:var(--coral-500);--text:var(--coral-0);--text-medium:var(--coral-200);--text-weak:var(--coral-400);--link-text:var(--white);--link-text-hover:var(--coral-300);--link-text-active:var(--white);--link-text-weak:var(--coral-400);--link-text-weak-hover:var(--coral-0);--icon:var(--coral-200);--icon-medium:var(--coral-200);--icon-weak:var(--coral-400);--icon-hover:var(--coral-200);--icon-medium-hover:var(--coral-400);--icon-disabled:var(--coral-400);--btn-primary-background:var(--coral-0);--btn-primary-background-hover:var(--coral-300);--btn-primary-background-selected:var(--coral-0);--btn-primary-background-disabled:var(--coral-950);--btn-primary-text:var(--coral-1000);--btn-primary-text-disabled:var(--coral-900);--btn-primary-icon:var(--coral-1000);--btn-primary-icon-disabled:var(--coral-700);--btn-primary-outline:var(--coral-1000);--btn-primary-outline-hover:var(--coral-1000);--btn-secondary-alt-background:var(--coral-900);--btn-secondary-alt-background-hover:var(--coral-800);--btn-secondary-background:var(--coral-1000);--btn-secondary-background-hover:var(--coral-900);--btn-secondary-background-selected:var(--coral-1000);--btn-secondary-background-disabled:var(--coral-1000);--btn-secondary-text:var(--coral-0);--btn-secondary-text-disabled:var(--coral-500);--btn-secondary-icon:var(--coral-0);--btn-secondary-icon-disabled:var(--coral-0);--btn-secondary-outline:var(--coral-400);--btn-secondary-outline-hover:var(--coral-400);--btn-tertiary-link-text:var(--coral-0);--btn-tertiary-link-text-hover:var(--coral-300);--btn-tertiary-background:var(--coral-0);--btn-tertiary-background-hover:var(--coral-300);--btn-tertiary-icon:var(--coral-1000);--chip-bg:var(--coral-950);--chip-bg-hover:var(--coral-900);--chip-bg-selected:var(--coral-800);--chip-text:var(--coral-0);--chip-text-selected:var(--coral-0);--tag-bg:var(--coral-900);--tag-text:var(--coral-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-coral-4);--card-fill-hover:var(--bright-coral-3);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--coral-1000);--accent-dark-green:var(--coral-1000);--accent-dark-purple:var(--coral-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--coral-0);--accent-light-green:var(--coral-0);--accent-light-purple:var(--coral-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-coral);--logo-text:var(--coral-0);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--coral-0);--btn-google-background-hover:var(--coral-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-coral"] *[data-invert-theme-onhover]:hover,html *[data-theme="light-coral"] *[data-invert-theme-onhover]:focus{--bg:var(--coral-1000);--bg-medium:var(--coral-950);--bg-medium-weak:var(--coral-950);--bg-hover:var(--coral-900);--bg-strong:var(--coral-800);--border:var(--coral-900);--border-weak:var(--coral-900);--border-strong:var(--coral-800);--border-strong-hover:var(--coral-500);--text:var(--coral-0);--text-medium:var(--coral-200);--text-weak:var(--coral-400);--link-text:var(--white);--link-text-hover:var(--coral-300);--link-text-active:var(--white);--link-text-weak:var(--coral-400);--link-text-weak-hover:var(--coral-0);--icon:var(--coral-200);--icon-medium:var(--coral-200);--icon-weak:var(--coral-400);--icon-hover:var(--coral-200);--icon-medium-hover:var(--coral-400);--icon-disabled:var(--coral-400);--btn-primary-background:var(--coral-0);--btn-primary-background-hover:var(--coral-300);--btn-primary-background-selected:var(--coral-0);--btn-primary-background-disabled:var(--coral-950);--btn-primary-text:var(--coral-1000);--btn-primary-text-disabled:var(--coral-900);--btn-primary-icon:var(--coral-1000);--btn-primary-icon-disabled:var(--coral-700);--btn-primary-outline:var(--coral-1000);--btn-primary-outline-hover:var(--coral-1000);--btn-secondary-alt-background:var(--coral-900);--btn-secondary-alt-background-hover:var(--coral-800);--btn-secondary-background:var(--coral-1000);--btn-secondary-background-hover:var(--coral-900);--btn-secondary-background-selected:var(--coral-1000);--btn-secondary-background-disabled:var(--coral-1000);--btn-secondary-text:var(--coral-0);--btn-secondary-text-disabled:var(--coral-500);--btn-secondary-icon:var(--coral-0);--btn-secondary-icon-disabled:var(--coral-0);--btn-secondary-outline:var(--coral-400);--btn-secondary-outline-hover:var(--coral-400);--btn-tertiary-link-text:var(--coral-0);--btn-tertiary-link-text-hover:var(--coral-300);--btn-tertiary-background:var(--coral-0);--btn-tertiary-background-hover:var(--coral-300);--btn-tertiary-icon:var(--coral-1000);--chip-bg:var(--coral-950);--chip-bg-hover:var(--coral-900);--chip-bg-selected:var(--coral-800);--chip-text:var(--coral-0);--chip-text-selected:var(--coral-0);--tag-bg:var(--coral-900);--tag-text:var(--coral-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-coral-4);--card-fill-hover:var(--bright-coral-3);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--coral-1000);--accent-dark-green:var(--coral-1000);--accent-dark-purple:var(--coral-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--coral-0);--accent-light-green:var(--coral-0);--accent-light-purple:var(--coral-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-coral);--logo-text:var(--coral-0);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--coral-0);--btn-google-background-hover:var(--coral-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-green"],html *[data-theme-onhover="light-green"]:hover,html *[data-theme-onhover="light-green"]:focus{--bg:var(--green-0);--bg-medium:var(--green-50);--bg-medium-weak:var(--green-20);--bg-hover:var(--green-100);--bg-strong:var(--green-100);--border:var(--green-100);--border-weak:var(--green-100);--border-strong:var(--green-200);--border-strong-hover:var(--green-500);--text:var(--green-1000);--text-medium:var(--green-800);--text-weak:var(--green-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--green-600);--link-text-weak-hover:var(--green-1000);--icon:var(--green-800);--icon-medium:var(--green-800);--icon-weak:var(--green-600);--icon-hover:var(--green-800);--icon-medium-hover:var(--green-600);--icon-disabled:var(--green-600);--btn-primary-background:var(--green-1000);--btn-primary-background-hover:var(--green-700);--btn-primary-background-selected:var(--green-1000);--btn-primary-background-disabled:var(--green-50);--btn-primary-text:var(--green-0);--btn-primary-text-disabled:var(--green-500);--btn-primary-icon:var(--green-0);--btn-primary-icon-disabled:var(--green-200);--btn-primary-outline:var(--green-0);--btn-primary-outline-hover:var(--green-0);--btn-secondary-alt-background:var(--green-50);--btn-secondary-alt-background-hover:var(--green-100);--btn-secondary-background:var(--green-0);--btn-secondary-background-hover:var(--green-100);--btn-secondary-background-selected:var(--green-0);--btn-secondary-background-disabled:var(--green-0);--btn-secondary-text:var(--green-1000);--btn-secondary-text-disabled:var(--green-500);--btn-secondary-icon:var(--green-1000);--btn-secondary-icon-disabled:var(--green-1000);--btn-secondary-outline:var(--green-600);--btn-secondary-outline-hover:var(--green-600);--btn-tertiary-link-text:var(--green-1000);--btn-tertiary-link-text-hover:var(--green-800);--btn-tertiary-background:var(--green-1000);--btn-tertiary-background-hover:var(--green-700);--btn-tertiary-icon:var(--green-0);--chip-bg:var(--green-50);--chip-bg-hover:var(--green-100);--chip-bg-selected:var(--green-200);--chip-text:var(--green-1000);--chip-text-selected:var(--green-1000);--tag-bg:var(--green-100);--tag-text:var(--green-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-green-2);--card-fill-hover:var(--bright-green-1);--accent-dark-coral:var(--green-0);--accent-dark-blue:var(--green-0);--accent-dark-green:var(--green-0);--accent-dark-purple:var(--green-0);--accent-light-coral:var(--green-1000);--accent-light-blue:var(--green-1000);--accent-light-green:var(--green-1000);--accent-light-purple:var(--green-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-green);--logo-text:var(--green-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--green-1000);--btn-google-background-hover:var(--green-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-green"][data-invert-theme-onhover]:hover,html *[data-theme="light-green"][data-invert-theme-onhover]:focus{--bg:var(--green-1000);--bg-medium:var(--green-950);--bg-medium-weak:var(--green-950);--bg-hover:var(--green-900);--bg-strong:var(--green-800);--border:var(--green-900);--border-weak:var(--green-900);--border-strong:var(--green-800);--border-strong-hover:var(--green-500);--text:var(--green-0);--text-medium:var(--green-0);--text-weak:var(--green-400);--link-text:var(--white);--link-text-hover:var(--green-300);--link-text-active:var(--white);--link-text-weak:var(--green-400);--link-text-weak-hover:var(--green-0);--icon:var(--green-0);--icon-medium:var(--green-200);--icon-weak:var(--green-400);--icon-hover:var(--green-200);--icon-medium-hover:var(--green-400);--icon-disabled:var(--green-400);--btn-primary-background:var(--green-0);--btn-primary-background-hover:var(--green-300);--btn-primary-background-selected:var(--green-0);--btn-primary-background-disabled:var(--green-950);--btn-primary-text:var(--green-1000);--btn-primary-text-disabled:var(--green-500);--btn-primary-icon:var(--green-1000);--btn-primary-icon-disabled:var(--green-700);--btn-primary-outline:var(--green-1000);--btn-primary-outline-hover:var(--green-1000);--btn-secondary-alt-background:var(--green-900);--btn-secondary-alt-background-hover:var(--green-800);--btn-secondary-background:var(--green-1000);--btn-secondary-background-hover:var(--green-900);--btn-secondary-background-selected:var(--green-1000);--btn-secondary-background-disabled:var(--green-1000);--btn-secondary-text:var(--green-0);--btn-secondary-text-disabled:var(--green-500);--btn-secondary-icon:var(--green-0);--btn-secondary-icon-disabled:var(--green-0);--btn-secondary-outline:var(--green-400);--btn-secondary-outline-hover:var(--green-400);--btn-tertiary-link-text:var(--green-0);--btn-tertiary-link-text-hover:var(--green-300);--btn-tertiary-background:var(--green-0);--btn-tertiary-background-hover:var(--green-300);--btn-tertiary-icon:var(--green-1000);--chip-bg:var(--green-950);--chip-bg-hover:var(--green-900);--chip-bg-selected:var(--green-800);--chip-text:var(--green-0);--chip-text-selected:var(--green-0);--tag-bg:var(--green-900);--tag-text:var(--green-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-green-4);--card-fill-hover:var(--bright-green-3);--accent-dark-coral:var(--green-1000);--accent-dark-blue:var(--green-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--green-1000);--accent-light-coral:var(--green-0);--accent-light-blue:var(--green-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--green-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-green);--logo-text:var(--green-0);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--green-0);--btn-google-background-hover:var(--green-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-green"] *[data-invert-theme-onhover]:hover,html *[data-theme="light-green"] *[data-invert-theme-onhover]:focus{--bg:var(--green-1000);--bg-medium:var(--green-950);--bg-medium-weak:var(--green-950);--bg-hover:var(--green-900);--bg-strong:var(--green-800);--border:var(--green-900);--border-weak:var(--green-900);--border-strong:var(--green-800);--border-strong-hover:var(--green-500);--text:var(--green-0);--text-medium:var(--green-0);--text-weak:var(--green-400);--link-text:var(--white);--link-text-hover:var(--green-300);--link-text-active:var(--white);--link-text-weak:var(--green-400);--link-text-weak-hover:var(--green-0);--icon:var(--green-0);--icon-medium:var(--green-200);--icon-weak:var(--green-400);--icon-hover:var(--green-200);--icon-medium-hover:var(--green-400);--icon-disabled:var(--green-400);--btn-primary-background:var(--green-0);--btn-primary-background-hover:var(--green-300);--btn-primary-background-selected:var(--green-0);--btn-primary-background-disabled:var(--green-950);--btn-primary-text:var(--green-1000);--btn-primary-text-disabled:var(--green-500);--btn-primary-icon:var(--green-1000);--btn-primary-icon-disabled:var(--green-700);--btn-primary-outline:var(--green-1000);--btn-primary-outline-hover:var(--green-1000);--btn-secondary-alt-background:var(--green-900);--btn-secondary-alt-background-hover:var(--green-800);--btn-secondary-background:var(--green-1000);--btn-secondary-background-hover:var(--green-900);--btn-secondary-background-selected:var(--green-1000);--btn-secondary-background-disabled:var(--green-1000);--btn-secondary-text:var(--green-0);--btn-secondary-text-disabled:var(--green-500);--btn-secondary-icon:var(--green-0);--btn-secondary-icon-disabled:var(--green-0);--btn-secondary-outline:var(--green-400);--btn-secondary-outline-hover:var(--green-400);--btn-tertiary-link-text:var(--green-0);--btn-tertiary-link-text-hover:var(--green-300);--btn-tertiary-background:var(--green-0);--btn-tertiary-background-hover:var(--green-300);--btn-tertiary-icon:var(--green-1000);--chip-bg:var(--green-950);--chip-bg-hover:var(--green-900);--chip-bg-selected:var(--green-800);--chip-text:var(--green-0);--chip-text-selected:var(--green-0);--tag-bg:var(--green-900);--tag-text:var(--green-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-green-4);--card-fill-hover:var(--bright-green-3);--accent-dark-coral:var(--green-1000);--accent-dark-blue:var(--green-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--green-1000);--accent-light-coral:var(--green-0);--accent-light-blue:var(--green-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--green-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-green);--logo-text:var(--green-0);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--green-0);--btn-google-background-hover:var(--green-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-purple"],html *[data-theme-onhover="light-purple"]:hover,html *[data-theme-onhover="light-purple"]:focus{--bg:var(--purple-0);--bg-medium:var(--purple-50);--bg-medium-weak:var(--purple-20);--bg-strong:var(--purple-100);--bg-hover:var(--purple-100);--border:var(--purple-100);--border-weak:var(--purple-100);--border-strong:var(--purple-200);--border-strong-hover:var(--purple-500);--text:var(--purple-1000);--text-medium:var(--purple-800);--text-weak:var(--purple-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--purple-600);--link-text-weak-hover:var(--purple-1000);--icon:var(--purple-800);--icon-medium:var(--purple-800);--icon-weak:var(--purple-600);--icon-hover:var(--purple-800);--icon-medium-hover:var(--purple-600);--icon-disabled:var(--purple-600);--btn-primary-background:var(--purple-1000);--btn-primary-background-hover:var(--purple-700);--btn-primary-background-selected:var(--purple-1000);--btn-primary-background-disabled:var(--purple-50);--btn-primary-text:var(--purple-0);--btn-primary-text-disabled:var(--purple-500);--btn-primary-icon:var(--purple-0);--btn-primary-icon-disabled:var(--purple-200);--btn-primary-outline:var(--purple-0);--btn-primary-outline-hover:var(--purple-0);--btn-secondary-alt-background:var(--purple-50);--btn-secondary-alt-background-hover:var(--purple-100);--btn-secondary-background:var(--purple-0);--btn-secondary-background-hover:var(--purple-100);--btn-secondary-background-selected:var(--purple-0);--btn-secondary-background-disabled:var(--purple-0);--btn-secondary-text:var(--purple-1000);--btn-secondary-text-disabled:var(--purple-500);--btn-secondary-icon:var(--purple-1000);--btn-secondary-icon-disabled:var(--purple-1000);--btn-secondary-outline:var(--purple-600);--btn-secondary-outline-hover:var(--purple-600);--btn-tertiary-link-text:var(--purple-1000);--btn-tertiary-link-text-hover:var(--purple-800);--btn-tertiary-background:var(--purple-1000);--btn-tertiary-background-hover:var(--purple-700);--btn-tertiary-icon:var(--purple-0);--chip-bg:var(--purple-50);--chip-bg-hover:var(--purple-100);--chip-bg-selected:var(--purple-200);--chip-text:var(--purple-1000);--chip-text-selected:var(--purple-1000);--tag-bg:var(--purple-100);--tag-text:var(--purple-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-purple-2);--card-fill-hover:var(--bright-purple-1);--accent-dark-coral:var(--purple-0);--accent-dark-blue:var(--purple-0);--accent-dark-green:var(--purple-0);--accent-dark-purple:var(--purple-0);--accent-light-coral:var(--purple-1000);--accent-light-blue:var(--purple-1000);--accent-light-green:var(--purple-1000);--accent-light-purple:var(--purple-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-purple);--logo-text:var(--purple-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--purple-1000);--btn-google-background-hover:var(--purple-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-purple"][data-invert-theme-onhover]:hover,html *[data-theme="light-purple"][data-invert-theme-onhover]:focus{--bg:var(--purple-1000);--bg-medium:var(--purple-950);--bg-medium-weak:var(--purple-950);--bg-hover:var(--purple-900);--bg-strong:var(--purple-800);--border:var(--purple-900);--border-weak:var(--purple-900);--border-strong:var(--purple-800);--border-strong-hover:var(--purple-500);--text:var(--purple-0);--text-medium:var(--purple-0);--text-weak:var(--purple-400);--link-text:var(--white);--link-text-hover:var(--purple-300);--link-text-active:var(--white);--link-text-weak:var(--purple-400);--link-text-weak-hover:var(--purple-0);--icon:var(--purple-0);--icon-medium:var(--purple-200);--icon-weak:var(--purple-400);--icon-hover:var(--purple-200);--icon-medium-hover:var(--purple-400);--icon-disabled:var(--purple-400);--btn-primary-background:var(--purple-0);--btn-primary-background-hover:var(--purple-300);--btn-primary-background-selected:var(--purple-0);--btn-primary-background-disabled:var(--purple-950);--btn-primary-text:var(--purple-1000);--btn-primary-text-disabled:var(--purple-500);--btn-primary-icon:var(--purple-1000);--btn-primary-icon-disabled:var(--purple-700);--btn-primary-outline:var(--purple-1000);--btn-primary-outline-hover:var(--purple-1000);--btn-secondary-alt-background:var(--purple-900);--btn-secondary-alt-background-hover:var(--purple-800);--btn-secondary-background:var(--purple-1000);--btn-secondary-background-hover:var(--purple-900);--btn-secondary-background-selected:var(--purple-1000);--btn-secondary-background-disabled:var(--purple-1000);--btn-secondary-text:var(--purple-0);--btn-secondary-text-disabled:var(--purple-500);--btn-secondary-icon:var(--purple-0);--btn-secondary-icon-disabled:var(--purple-0);--btn-secondary-outline:var(--purple-400);--btn-secondary-outline-hover:var(--purple-400);--btn-tertiary-link-text:var(--purple-0);--btn-tertiary-link-text-hover:var(--purple-300);--btn-tertiary-background:var(--purple-0);--btn-tertiary-background-hover:var(--purple-300);--btn-tertiary-icon:var(--purple-1000);--chip-bg:var(--purple-950);--chip-bg-hover:var(--purple-900);--chip-bg-selected:var(--purple-800);--chip-text:var(--purple-0);--chip-text-selected:var(--purple-0);--tag-bg:var(--purple-900);--tag-text:var(--purple-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-purple-4);--card-fill-hover:var(--bright-purple-3);--accent-dark-coral:var(--purple-1000);--accent-dark-blue:var(--purple-1000);--accent-dark-green:var(--purple-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--purple-0);--accent-light-blue:var(--purple-0);--accent-light-green:var(--purple-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-purple);--logo-text:var(--purple-0);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--purple-0);--btn-google-background-hover:var(--purple-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-purple"] *[data-invert-theme-onhover]:hover,html *[data-theme="light-purple"] *[data-invert-theme-onhover]:focus{--bg:var(--purple-1000);--bg-medium:var(--purple-950);--bg-medium-weak:var(--purple-950);--bg-hover:var(--purple-900);--bg-strong:var(--purple-800);--border:var(--purple-900);--border-weak:var(--purple-900);--border-strong:var(--purple-800);--border-strong-hover:var(--purple-500);--text:var(--purple-0);--text-medium:var(--purple-0);--text-weak:var(--purple-400);--link-text:var(--white);--link-text-hover:var(--purple-300);--link-text-active:var(--white);--link-text-weak:var(--purple-400);--link-text-weak-hover:var(--purple-0);--icon:var(--purple-0);--icon-medium:var(--purple-200);--icon-weak:var(--purple-400);--icon-hover:var(--purple-200);--icon-medium-hover:var(--purple-400);--icon-disabled:var(--purple-400);--btn-primary-background:var(--purple-0);--btn-primary-background-hover:var(--purple-300);--btn-primary-background-selected:var(--purple-0);--btn-primary-background-disabled:var(--purple-950);--btn-primary-text:var(--purple-1000);--btn-primary-text-disabled:var(--purple-500);--btn-primary-icon:var(--purple-1000);--btn-primary-icon-disabled:var(--purple-700);--btn-primary-outline:var(--purple-1000);--btn-primary-outline-hover:var(--purple-1000);--btn-secondary-alt-background:var(--purple-900);--btn-secondary-alt-background-hover:var(--purple-800);--btn-secondary-background:var(--purple-1000);--btn-secondary-background-hover:var(--purple-900);--btn-secondary-background-selected:var(--purple-1000);--btn-secondary-background-disabled:var(--purple-1000);--btn-secondary-text:var(--purple-0);--btn-secondary-text-disabled:var(--purple-500);--btn-secondary-icon:var(--purple-0);--btn-secondary-icon-disabled:var(--purple-0);--btn-secondary-outline:var(--purple-400);--btn-secondary-outline-hover:var(--purple-400);--btn-tertiary-link-text:var(--purple-0);--btn-tertiary-link-text-hover:var(--purple-300);--btn-tertiary-background:var(--purple-0);--btn-tertiary-background-hover:var(--purple-300);--btn-tertiary-icon:var(--purple-1000);--chip-bg:var(--purple-950);--chip-bg-hover:var(--purple-900);--chip-bg-selected:var(--purple-800);--chip-text:var(--purple-0);--chip-text-selected:var(--purple-0);--tag-bg:var(--purple-900);--tag-text:var(--purple-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-purple-4);--card-fill-hover:var(--bright-purple-3);--accent-dark-coral:var(--purple-1000);--accent-dark-blue:var(--purple-1000);--accent-dark-green:var(--purple-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--purple-0);--accent-light-blue:var(--purple-0);--accent-light-green:var(--purple-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-purple);--logo-text:var(--purple-0);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--purple-0);--btn-google-background-hover:var(--purple-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="black"],html *[data-theme-onhover="black"]:hover,html *[data-theme-onhover="black"]:focus{--bg:var(--coral-1000);--bg-medium:var(--coral-950);--bg-medium-weak:var(--coral-950);--bg-hover:var(--coral-900);--bg-strong:var(--coral-800);--border:var(--coral-900);--border-weak:var(--coral-900);--border-strong:var(--coral-800);--border-strong-hover:var(--coral-500);--text:var(--white);--text-medium:var(--coral-200);--text-weak:var(--coral-400);--link-text:var(--white);--link-text-hover:var(--coral-300);--link-text-active:var(--white);--link-text-weak:var(--coral-400);--link-text-weak-hover:var(--coral-0);--icon:var(--coral-200);--icon-medium:var(--coral-200);--icon-weak:var(--coral-400);--icon-hover:var(--coral-200);--icon-medium-hover:var(--coral-400);--icon-disabled:var(--coral-400);--btn-primary-background:var(--black-50);--btn-primary-background-hover:var(--white);--btn-primary-background-selected:var(--coral-0);--btn-primary-background-disabled:var(--coral-950);--btn-primary-text:var(--black-1000);--btn-primary-text-disabled:var(--coral-900);--btn-primary-icon:var(--coral-1000);--btn-primary-icon-disabled:var(--coral-700);--btn-primary-outline:var(--coral-1000);--btn-primary-outline-hover:var(--coral-1000);--btn-secondary-alt-background:var(--black-50);--btn-secondary-alt-background-hover:var(--white);--btn-secondary-background:var(--white);--btn-secondary-background-hover:var(--white);--btn-secondary-background-selected:var(--coral-1000);--btn-secondary-background-disabled:var(--coral-1000);--btn-secondary-text:var(--white);--btn-secondary-text-disabled:var(--coral-500);--btn-secondary-icon:var(--coral-0);--btn-secondary-icon-disabled:var(--coral-0);--btn-secondary-outline:var(--black-50);--btn-secondary-outline-hover:var(--white);--btn-tertiary-link-text:var(--coral-0);--btn-tertiary-link-text-hover:var(--coral-300);--btn-tertiary-background:var(--coral-0);--btn-tertiary-background-hover:var(--coral-300);--btn-tertiary-icon:var(--coral-1000);--chip-bg:var(--coral-950);--chip-bg-hover:var(--coral-900);--chip-bg-selected:var(--coral-800);--chip-text:var(--coral-0);--chip-text-selected:var(--coral-0);--tag-bg:var(--coral-900);--tag-text:var(--coral-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-50);--card-fill-hover:var(--black-20);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--coral-1000);--accent-dark-green:var(--coral-1000);--accent-dark-purple:var(--coral-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--coral-0);--accent-light-green:var(--coral-0);--accent-light-purple:var(--coral-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-coral);--logo-text:var(--coral-0);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--coral-0);--btn-google-background-hover:var(--coral-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="black"][data-invert-theme-onhover]:hover,html *[data-theme="black"][data-invert-theme-onhover]:focus{--bg:var(--white);--bg-medium:var(--black-50);--bg-medium-weak:var(--black-20);--bg-hover:var(--black-50);--bg-strong:var(--black-100);--border:var(--black-100);--border-weak:var(--black-50);--border-strong:var(--black-200);--border-strong-hover:var(--black-500);--text:var(--black-1000);--text-medium:var(--black-800);--text-weak:var(--black-600);--link-text:var(--black-1000);--link-text-hover:var(--black-600);--link-text-active:var(--black-1000);--link-text-weak:var(--black-600);--link-text-weak-hover:var(--black-1000);--icon:var(--black-1000);--icon-medium:var(--black-800);--icon-weak:var(--black-600);--icon-hover:var(--black-800);--icon-medium-hover:var(--black-600);--icon-disabled:var(--black-600);--btn-primary-background:var(--black-1000);--btn-primary-background-hover:var(--black-600);--btn-primary-background-selected:var(--black-1000);--btn-primary-background-disabled:var(--black-50);--btn-primary-text:var(--white);--btn-primary-text-disabled:var(--black-500);--btn-primary-icon:var(--black-100);--btn-primary-icon-disabled:var(--black-200);--btn-primary-outline:var(--black-20);--btn-primary-outline-hover:var(--black-20);--btn-secondary-alt-background:var(--black-50);--btn-secondary-alt-background-hover:var(--black-100);--btn-secondary-background:var(--black-20);--btn-secondary-background-hover:var(--black-50);--btn-secondary-background-selected:var(--black-20);--btn-secondary-background-disabled:var(--black-20);--btn-secondary-text:var(--black-1000);--btn-secondary-text-disabled:var(--black-500);--btn-secondary-icon:var(--black-1000);--btn-secondary-icon-disabled:var(--black-1000);--btn-secondary-outline:var(--black-600);--btn-secondary-outline-hover:var(--black-600);--btn-tertiary-link-text:var(--black-1000);--btn-tertiary-link-text-hover:var(--black-600);--btn-tertiary-background:var(--black-1000);--btn-tertiary-background-hover:var(--black-600);--btn-tertiary-icon:var(--white);--chip-bg:var(--black-50);--chip-bg-hover:var(--black-100);--chip-bg-selected:var(--coral-0);--chip-text:var(--black-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--black-50);--tag-text:var(--black-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-50);--card-fill-hover:var(--black-20);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-white);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--google-sign-up-blue);--btn-google-background-hover:var(--google-sign-up-blue-light);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="black"] *[data-invert-theme-onhover]:hover,html *[data-theme="black"] *[data-invert-theme-onhover]:focus{--bg:var(--white);--bg-medium:var(--black-50);--bg-medium-weak:var(--black-20);--bg-hover:var(--black-50);--bg-strong:var(--black-100);--border:var(--black-100);--border-weak:var(--black-50);--border-strong:var(--black-200);--border-strong-hover:var(--black-500);--text:var(--black-1000);--text-medium:var(--black-800);--text-weak:var(--black-600);--link-text:var(--black-1000);--link-text-hover:var(--black-600);--link-text-active:var(--black-1000);--link-text-weak:var(--black-600);--link-text-weak-hover:var(--black-1000);--icon:var(--black-1000);--icon-medium:var(--black-800);--icon-weak:var(--black-600);--icon-hover:var(--black-800);--icon-medium-hover:var(--black-600);--icon-disabled:var(--black-600);--btn-primary-background:var(--black-1000);--btn-primary-background-hover:var(--black-600);--btn-primary-background-selected:var(--black-1000);--btn-primary-background-disabled:var(--black-50);--btn-primary-text:var(--white);--btn-primary-text-disabled:var(--black-500);--btn-primary-icon:var(--black-100);--btn-primary-icon-disabled:var(--black-200);--btn-primary-outline:var(--black-20);--btn-primary-outline-hover:var(--black-20);--btn-secondary-alt-background:var(--black-50);--btn-secondary-alt-background-hover:var(--black-100);--btn-secondary-background:var(--black-20);--btn-secondary-background-hover:var(--black-50);--btn-secondary-background-selected:var(--black-20);--btn-secondary-background-disabled:var(--black-20);--btn-secondary-text:var(--black-1000);--btn-secondary-text-disabled:var(--black-500);--btn-secondary-icon:var(--black-1000);--btn-secondary-icon-disabled:var(--black-1000);--btn-secondary-outline:var(--black-600);--btn-secondary-outline-hover:var(--black-600);--btn-tertiary-link-text:var(--black-1000);--btn-tertiary-link-text-hover:var(--black-600);--btn-tertiary-background:var(--black-1000);--btn-tertiary-background-hover:var(--black-600);--btn-tertiary-icon:var(--white);--chip-bg:var(--black-50);--chip-bg-hover:var(--black-100);--chip-bg-selected:var(--coral-0);--chip-text:var(--black-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--black-50);--tag-text:var(--black-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-50);--card-fill-hover:var(--black-20);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-white);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-google-background:var(--google-sign-up-blue);--btn-google-background-hover:var(--google-sign-up-blue-light);--a11y-focus-outline:var(--glow-blue);}>
< data-emotion="css 134wb84">.css-134wb84{--x-margin:6.4%;margin:0 var(--x-margin);padding-top:calc(48px * 1);padding-bottom:calc(48px * 1);}@media (min-width: 480px){.css-134wb84{--x-margin:5%;}}@media (min-width: 768px){.css-134wb84{--x-margin:6.25%;}}@media (min-width: 960px){.css-134wb84{--x-margin:5%;}}@media (min-width: 1120px){.css-134wb84{--x-margin:5.715%;}}@media (min-width: 1440px){.css-134wb84{--x-margin:5.278%;}}@media (min-width: 1680px){.css-134wb84{margin:0 auto;max-width:1432px;}}@media (min-width: 768px){.css-134wb84{padding-top:calc(160px * 0.5);padding-bottom:calc(160px * 0.75);}}.css-134wb84 .eswvyk41,.css-134wb84 .et138352>.ew1hg250{margin:0;}>
< data-emotion="css 12nb4z6">.css-12nb4z6{padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);padding-left:var(--container-x-padding);padding-right:var(--container-x-padding);--container-x-margin:0;--container-padding-top:0;--container-padding-bottom:0;--container-x-padding:0;margin:0 var(--container-x-margin);background-color:var(--bg);color:var(--text);--border-radius:0;--max-width-container-margin:0;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;z-index:1;border-radius:var(--border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;gap:calc(48px * 1);}.css-12nb4z6:has(.e1lm4vjj0){--container-padding-top:16px;}@media (min-width: 768px){.css-12nb4z6:has(.e1lm4vjj0){--container-padding-top:16px;}}@media (min-width: 1120px){.css-12nb4z6:has(.e1lm4vjj0){--container-padding-top:calc(56px + 16px);}}.css-12nb4z6:has(.e1lm4vjj0) .expanding-background{height:100%;top:0;}@media (min-width: 768px){.css-12nb4z6{gap:calc(160px * 0.5);}}@media (min-width: 768px){.css-12nb4z6{--border-radius:20px;}}@media (min-width: 1680px){.css-12nb4z6{--max-width-container-margin:calc(64px * 2);max-width:calc(
1432px + var(--max-width-container-margin)
)!important;}.css-12nb4z6 .e1y1ikd0{width:100%;}}>< data-emotion="css 1eebgoq">.css-1eebgoq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;width:100%;gap:calc(48px * 1);}@media (min-width: 768px){.css-1eebgoq{gap:calc(160px * 0.5);}}>
< data-emotion="css 1vucjfw">.css-1vucjfw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media (min-width: 768px){.css-1vucjfw{gap:64px;}}@media (min-width: 960px){.css-1vucjfw{display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;--text-stack-description-grid-column:1/-1;--text-stack-eyebrow-heading-grid-column:1/-1;}@media (min-width: 768px){.css-1vucjfw{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-1vucjfw{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-1vucjfw{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1vucjfw{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1vucjfw{grid-column-gap:32px;}}.css-1vucjfw .e1y1ikd0>.e1y1ikd3{grid-column:var(--text-stack-description-grid-column);}.css-1vucjfw .enytsbk2 .e1y1ikd0 .e1y1ikd6,.css-1vucjfw .enytsbk2 .e1y1ikd0 .e1y1ikd5{grid-column:var(--text-stack-eyebrow-heading-grid-column);}.css-1vucjfw .enytsbk2,.css-1vucjfw .enytsbk1,.css-1vucjfw .e1d7c04e3{grid-column:1/-1;}}@media (min-width: 960px){.css-1vucjfw .enytsbk1{grid-row:1;}}@media (min-width: 960px){.css-1vucjfw .enytsbk2>.e1y1ikd0 *:not(.e1d7c04e3 *){text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}.css-1vucjfw .enytsbk2 .e1y1ikd0{display:block;margin:0;}}@media (min-width: 960px){.css-1vucjfw .enytsbk1{grid-column:7/span 6;}}@media (min-width: 960px){.css-1vucjfw .enytsbk2{grid-column:1/span 6;}}@media (min-width: 1440px){.css-1vucjfw .enytsbk2{grid-column:1/span 5;}}>
< data-emotion="css bp24co-heading-1-p1-link-1">.css-bp24co-heading-1-p1-link-1{grid-column:1/-1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:32px;}.css-bp24co-heading-1-p1-link-1 .e1y1ikd0{margin:0;}.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 >*:not(.e1d7c04e3 *):not(a){text-align:center;width:100%;}@media (max-width: 959px){.css-bp24co-heading-1-p1-link-1 .e1y1ikd0{display:block;margin:0;}}.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd5{font-size:40px;font-weight:500;line-height:90%;letter-spacing:0;font-family:"Ghost","Helvetica Neue","Helvetica",sans-serif;margin-bottom:16px;text-wrap:balance;}[lang="ja"] .css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd5{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd5{font-size:72px;line-height:100%;letter-spacing:-0.5px;}}.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd3 p:not(.e1d7c04e3 *){font-size:15px;font-weight:300;line-height:150%;letter-spacing:0.02em;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;padding-bottom:0;}[lang="ja"] .css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd3 p:not(.e1d7c04e3 *){font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd3 p:not(.e1d7c04e3 *){font-size:20px;}}.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd6{margin-bottom:8px;color:var(--text);}@media (min-width: 768px){.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd6{margin-bottom:12px;}.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd5{margin-bottom:32px;}.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd3{gap:32px;}}.css-bp24co-heading-1-p1-link-1 .e13xdjms0{-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;width:100%;}.css-bp24co-heading-1-p1-link-1 .e13xdjms0,.css-bp24co-heading-1-p1-link-1 .e13xdjms0>a{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}@media (max-width: 480px){.css-bp24co-heading-1-p1-link-1 .e13xdjms0:only-child,.css-bp24co-heading-1-p1-link-1 .e13xdjms0>a:only-child{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}}.css-bp24co-heading-1-p1-link-1 .e13xdjms0:not(:only-child),.css-bp24co-heading-1-p1-link-1 .e13xdjms0>a:not(:only-child){width:100%!important;}@media (min-width: 480px){.css-bp24co-heading-1-p1-link-1 .e13xdjms0:not(:only-child),.css-bp24co-heading-1-p1-link-1 .e13xdjms0>a:not(:only-child){width:100%!important;}}@media (min-width: 768px){.css-bp24co-heading-1-p1-link-1 .e13xdjms0:not(:only-child),.css-bp24co-heading-1-p1-link-1 .e13xdjms0>a:not(:only-child){width:auto!important;}}.css-bp24co-heading-1-p1-link-1 .e13xdjms0 a{font-size:15px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-bp24co-heading-1-p1-link-1 .e13xdjms0 a{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-bp24co-heading-1-p1-link-1 .e13xdjms0 a{font-size:20px;font-weight:400;}}@media (min-width: 768px){.css-bp24co-heading-1-p1-link-1 .e13xdjms0{-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;}}>
< data-emotion="css 6zjl66">.css-6zjl66{display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;width:100%;grid-template-rows:repeat(3auto);}@media (min-width: 768px){.css-6zjl66{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-6zjl66{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-6zjl66{grid-column-gap:24px;}}@media (min-width: 1440px){.css-6zjl66{grid-column-gap:32px;}}@media (min-width: 1680px){.css-6zjl66{grid-column-gap:32px;}}.css-6zjl66 .e1y1ikd6,.css-6zjl66 .e1y1ikd5,.css-6zjl66 .e1y1ikd3{--grid-column:1/-1;grid-column:var(--grid-column);color:var(--text);-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;text-align:center;}@media (min-width: 480px){.css-6zjl66 .e1y1ikd6,.css-6zjl66 .e1y1ikd5,.css-6zjl66 .e1y1ikd3{--grid-column:1/-1;}}@media (min-width: 768px){.css-6zjl66 .e1y1ikd6,.css-6zjl66 .e1y1ikd5,.css-6zjl66 .e1y1ikd3{--grid-column:2/span 6;}}@media (min-width: 960px){.css-6zjl66 .e1y1ikd6,.css-6zjl66 .e1y1ikd5,.css-6zjl66 .e1y1ikd3{--grid-column:3/span 8;}}@media (min-width: 1120px){.css-6zjl66 .e1y1ikd6,.css-6zjl66 .e1y1ikd5,.css-6zjl66 .e1y1ikd3{--grid-column:3/span 8;}}@media (min-width: 1440px){.css-6zjl66 .e1y1ikd6,.css-6zjl66 .e1y1ikd5,.css-6zjl66 .e1y1ikd3{--grid-column:4/span 6;}}@media (min-width: 1680px){.css-6zjl66 .e1y1ikd6,.css-6zjl66 .e1y1ikd5,.css-6zjl66 .e1y1ikd3{--grid-column:4/span 6;}}.css-6zjl66 .e1y1ikd5,.css-6zjl66 .e1y1ikd2{white-space:pre-wrap;}.css-6zjl66 .e1y1ikd6{color:var(--text);}.css-6zjl66 .e1y1ikd6:last-child,.css-6zjl66 .e1y1ikd5:last-child{margin-bottom:0;}>
< data-emotion="css 1hce2y4-caps-large">.css-1hce2y4-caps-large{font-size:11px;font-weight:500;line-height:150%;letter-spacing:0.04em;text-transform:uppercase;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;grid-row:1;margin-top:0;margin-bottom:4px;}[lang="ja"] .css-1hce2y4-caps-large{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-1hce2y4-caps-large{font-size:16px;}}@media (min-width: 768px){.css-1hce2y4-caps-large{margin-bottom:8px;}}>
version 2.5.1 < data-emotion="css c7ou3i-h1">.css-c7ou3i-h1{font-size:40px;font-weight:500;line-height:90%;letter-spacing:0;font-family:"Ghost","Helvetica Neue","Helvetica",sans-serif;grid-row:2;margin-bottom:16px;}[lang="ja"] .css-c7ou3i-h1{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-c7ou3i-h1{font-size:72px;line-height:100%;letter-spacing:-0.5px;}}h1.css-c7ou3i-h1{margin-top:0;margin-bottom:16px;}@media (min-width: 768px){h1.css-c7ou3i-h1{margin-bottom:32px;}}h2.css-c7ou3i-h1,h3.css-c7ou3i-h1{margin-top:0;margin-bottom:12px;}@media (min-width: 768px){h2.css-c7ou3i-h1,h3.css-c7ou3i-h1{margin-bottom:16px;}}>
Asana for desktop: a more focused experience < data-emotion="css 12wdbud">.css-12wdbud{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;grid-row:3;gap:16px;}@media (min-width: 768px){.css-12wdbud{gap:24px;}}>
< data-emotion="css 1qkxeye-p1">.css-1qkxeye-p1 p{font-size:15px;font-weight:300;line-height:150%;letter-spacing:0.02em;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;color:var(--text);}[lang="ja"] .css-1qkxeye-p1 p{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-1qkxeye-p1 p{font-size:20px;}}>
< data-emotion="css 1jdqe80-caps-small-p2">.css-1jdqe80-caps-small-p2 ul,.css-1jdqe80-caps-small-p2 ol{margin-bottom:16px;padding-left:16px;}.css-1jdqe80-caps-small-p2 ul{list--type:disc;}.css-1jdqe80-caps-small-p2 li{margin-bottom:8px;}.css-1jdqe80-caps-small-p2 i,.css-1jdqe80-caps-small-p2 em{font-:italic;}.css-1jdqe80-caps-small-p2 u{-webkit-text-decoration:underline;text-decoration:underline;}.css-1jdqe80-caps-small-p2>a>u{-webkit-text-decoration:none;text-decoration:none;}.css-1jdqe80-caps-small-p2>h2,.css-1jdqe80-caps-small-p2>h3,.css-1jdqe80-caps-small-p2>h4,.css-1jdqe80-caps-small-p2>h5,.css-1jdqe80-caps-small-p2>h6,.css-1jdqe80-caps-small-p2>p,.css-1jdqe80-caps-small-p2>ul li,.css-1jdqe80-caps-small-p2>ul li *,.css-1jdqe80-caps-small-p2>ol li,.css-1jdqe80-caps-small-p2>ol li *{color:var(--text);}.css-1jdqe80-caps-small-p2 .e1mo941f5{margin:0 auto;padding:0;margin-bottom:24px;}.css-1jdqe80-caps-small-p2 .e1mo941f5:not(:first-of-type){margin-top:16px;}.css-1jdqe80-caps-small-p2 .ela6qok3{margin-bottom:24px;}.css-1jdqe80-caps-small-p2 .ela6qok3:not(:first-of-type){margin-top:16px;}.css-1jdqe80-caps-small-p2 .ee9qg1{margin-left:auto;margin-right:auto;margin:0 auto;padding:0;padding-bottom:24px;}.css-1jdqe80-caps-small-p2 .ee9qg1:not(:first-of-type){padding-top:16px;}.css-1jdqe80-caps-small-p2>h2{margin:0 auto;padding:0;padding-bottom:16px;}.css-1jdqe80-caps-small-p2>h2:not(:first-of-type){padding-top:24px;}.css-1jdqe80-caps-small-p2>h3{margin:0 auto;padding:0;padding-bottom:16px;}.css-1jdqe80-caps-small-p2>h3:not(:first-of-type){padding-top:16px;}.css-1jdqe80-caps-small-p2>h4{margin:0 auto;padding:0;padding-bottom:8px;}.css-1jdqe80-caps-small-p2>h4:not(:first-of-type){padding-top:16px;}.css-1jdqe80-caps-small-p2>h5{margin:0 auto;padding:0;padding-bottom:8px;}.css-1jdqe80-caps-small-p2>h5:not(:first-of-type){padding-top:8px;}.css-1jdqe80-caps-small-p2>h6{margin:0 auto;padding:0;padding-bottom:8px;}.css-1jdqe80-caps-small-p2>h6:not(:first-of-type){padding-top:4px;}.css-1jdqe80-caps-small-p2 p{margin:0 auto;padding:0;padding-bottom:8px;}.css-1jdqe80-caps-small-p2 p:not(:first-of-type){padding-top:0px;}.css-1jdqe80-caps-small-p2 li>p{padding:0;}.css-1jdqe80-caps-small-p2 .e1pute9b0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:32px;padding-inline:0;margin:0;padding-block:40px;width:88%;}.css-1jdqe80-caps-small-p2 .e1pute9b0 .e1sprwph6{margin-bottom:0;}.css-1jdqe80-caps-small-p2 .e1pute9b0 .e1sprwph6>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px;}@media (min-width: 960px){.css-1jdqe80-caps-small-p2 .e1pute9b0{padding-block:48px;}}.css-1jdqe80-caps-small-p2 .et8z7v0{margin-bottom:24px;}.css-1jdqe80-caps-small-p2 .et8z7v0:not(:first-of-type){margin-top:16px;}.css-1jdqe80-caps-small-p2>hr{margin:0 auto;padding:0;margin-bottom:24px;}.css-1jdqe80-caps-small-p2>hr:not(:first-of-type){margin-top:16px;}.css-1jdqe80-caps-small-p2 .e1lx0a7x7{margin:0;margin:0 auto;padding:0;padding-bottom:24px;}.css-1jdqe80-caps-small-p2 .e1lx0a7x7:not(:first-of-type){padding-top:16px;}.css-1jdqe80-caps-small-p2 .eis99gl0{margin:0 auto;padding:0;padding-bottom:24px;}.css-1jdqe80-caps-small-p2 .eis99gl0:not(:first-of-type){padding-top:16px;}.css-1jdqe80-caps-small-p2 .e1nzrvca0{margin:0 auto;padding:0;margin-bottom:24px;}.css-1jdqe80-caps-small-p2 .e1nzrvca0:not(:first-of-type){margin-top:16px;}.css-1jdqe80-caps-small-p2 .ehhoor84{font-weight:300;}.css-1jdqe80-caps-small-p2 table th>p,.css-1jdqe80-caps-small-p2 table td>p{padding-bottom:0;}.css-1jdqe80-caps-small-p2 .e1rry4os7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;row-gap:24px;margin-block:40px;}.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os5 .e1rry4os1{font-size:11px;font-weight:500;line-height:150%;letter-spacing:0.04em;text-transform:uppercase;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os5 .e1rry4os1{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os5 p{font-size:14px;font-weight:300;line-height:150%;letter-spacing:0.02em;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os5 p{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os5 p{font-size:16px;}}@media (min-width: 768px){.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os5{width:48%;}}.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os4{margin:0;}.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os4 wistia-player::part(container),.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os4 wistia-player::part(video),.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os4 img,.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os4 video{border-radius:8px;}@media (min-width: 768px){.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os4{width:36%;}}@media (min-width: 768px){.css-1jdqe80-caps-small-p2 .e1rry4os7{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-column-gap:4%;column-gap:4%;row-gap:0;margin-block:48px;}.css-1jdqe80-caps-small-p2 .e1rry4os7[data-vertical-alignment="Top"]{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.css-1jdqe80-caps-small-p2 .e1rry4os7[data-vertical-alignment="Middle"]{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.css-1jdqe80-caps-small-p2 .e1rry4os7[data-media-alignment="Left"]{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.css-1jdqe80-caps-small-p2 .e1rry4os7[data-media-alignment="Right"]{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}>
Asana's desktop app removes distractions so you can focus on what's important.
< data-emotion="css 1gdtrco">.css-1gdtrco{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:row wrap;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;gap:8px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}.css-1gdtrco:has(.e1dclr4j1){gap:24px;}@media (min-width: 480px){.css-1gdtrco:has(.e1dclr4j1){gap:32px;}}.css-1gdtrco .e13xdjms0{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;width:100%;}@media (min-width: 480px){.css-1gdtrco .e13xdjms0{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}}.css-1gdtrco .e13xdjms0:not(:only-child),.css-1gdtrco .e13xdjms0 .e78bqlk0:not(:only-child),.css-1gdtrco .e13xdjms0 a:not(:only-child){width:100%;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}@media (min-width: 480px){.css-1gdtrco .e13xdjms0:not(:only-child),.css-1gdtrco .e13xdjms0 .e78bqlk0:not(:only-child),.css-1gdtrco .e13xdjms0 a:not(:only-child){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}}>
< data-emotion="css 1dx1iyc">.css-1dx1iyc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;--column-gap:8px;-webkit-column-gap:var(--column-gap);column-gap:var(--column-gap);row-gap:16px;}.css-1dx1iyc:has(.e1dclr4j1){--column-gap:32px;}>
< data-emotion="css 2h8qns-link-3-link-2-link-1">.css-2h8qns-link-3-link-2-link-1{padding:12px 24px;border-radius:100px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="primary"]{border:1px solid transparent;color:var(--btn-primary-text);background-color:var(--btn-primary-background);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="primary"]:hover{background-color:var(--btn-primary-background-hover);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="primary"]:active{background-color:var(--btn-primary-background);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="secondary"]{border:1px solid var(--btn-secondary-outline);color:var(--btn-secondary-text);background-color:var(--btn-secondary-background);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="secondary"]:hover{background-color:var(--btn-secondary-background-hover);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="secondary"]:active{background-color:var(--btn-secondary-background);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="tertiary"]{border:1px solid transparent;color:var(--btn-secondary-text);background-color:var(--btn-secondary-alt-background);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="tertiary"]:hover{background-color:var(--btn-secondary-alt-background-hover);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="tertiary"]:active{background-color:var(--btn-secondary-alt-background);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="linkWithArrow"]{padding:0;color:var(--btn-tertiary-link-text);border-bottom:none;display:inline;}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="linkWithArrow"] svg{border-radius:50%;color:var(--btn-tertiary-icon);background:var(--btn-tertiary-background);width:16px;height:16px;padding:4px;margin-left:4px;vertical-align:middle;display:inline-block;}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="linkWithArrow"]:hover{border-bottom:none;color:var(--btn-tertiary-link-text-hover);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="linkWithArrow"]:hover svg{background:var(--btn-tertiary-background-hover);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="linkWithArrow"]:active{border-bottom:none;color:var(--btn-tertiary-link-text);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="linkWithArrow"]:active svg{background:var(--btn-tertiary-background);}.css-2h8qns-link-3-link-2-link-1[data-cta-size="small"]{font-size:12px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-2h8qns-link-3-link-2-link-1[data-cta-size="small"]{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-2h8qns-link-3-link-2-link-1[data-cta-size="small"]{font-size:13px;}}.css-2h8qns-link-3-link-2-link-1[data-cta-size="regular"]{font-size:14px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-2h8qns-link-3-link-2-link-1[data-cta-size="regular"]{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-2h8qns-link-3-link-2-link-1[data-cta-size="regular"]{font-size:16px;}}.css-2h8qns-link-3-link-2-link-1[data-cta-size="large"]{font-size:15px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-2h8qns-link-3-link-2-link-1[data-cta-size="large"]{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-2h8qns-link-3-link-2-link-1[data-cta-size="large"]{font-size:20px;font-weight:400;}}@media (min-width: 768px){.css-2h8qns-link-3-link-2-link-1:not([data-cta-variant="linkWithArrow"]){padding:16px 32px;}.css-2h8qns-link-3-link-2-link-1[data-cta-size="regular"] svg,.css-2h8qns-link-3-link-2-link-1[data-cta-size="large"] svg{padding:6px;width:24px;height:24px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}}>
Download now < data-emotion="css nax8cl">.css-nax8cl{width:100%;}.css-nax8cl picture>img,.css-nax8cl span,.css-nax8cl button,.css-nax8cl wistia-player::part(container),.css-nax8cl img,.css-nax8cl video{border-radius:8px;}@media (min-width: 768px){.css-nax8cl picture>img,.css-nax8cl span,.css-nax8cl button,.css-nax8cl wistia-player::part(container),.css-nax8cl img,.css-nax8cl video{border-radius:16px;}}>
< data-emotion="css 99hnzs">.css-99hnzs{position:absolute;top:0;width:100vw;height:100%;background:inherit;z-index:-1;}>
< data-emotion="css 1uvlx7o">.css-1uvlx7o{--x-margin:6.4%;margin:0 var(--x-margin);padding-top:calc(48px * 0);padding-bottom:calc(48px * 1);}@media (min-width: 480px){.css-1uvlx7o{--x-margin:5%;}}@media (min-width: 768px){.css-1uvlx7o{--x-margin:6.25%;}}@media (min-width: 960px){.css-1uvlx7o{--x-margin:5%;}}@media (min-width: 1120px){.css-1uvlx7o{--x-margin:5.715%;}}@media (min-width: 1440px){.css-1uvlx7o{--x-margin:5.278%;}}@media (min-width: 1680px){.css-1uvlx7o{margin:0 auto;max-width:1432px;}}@media (min-width: 768px){.css-1uvlx7o{padding-top:calc(160px * 0);padding-bottom:calc(160px * 0.5);}}.css-1uvlx7o .eswvyk41,.css-1uvlx7o .et138352>.ew1hg250{margin:0;}>
< data-emotion="css ge5ynl">.css-ge5ynl{padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);padding-left:var(--container-x-padding);padding-right:var(--container-x-padding);--container-x-margin:0;--container-padding-top:0;--container-padding-bottom:0;--container-x-padding:0;margin:0 var(--container-x-margin);background-color:var(--bg);color:var(--text);--border-radius:0;--max-width-container-margin:0;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;z-index:1;border-radius:var(--border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;gap:calc(48px * 1);}.css-ge5ynl:has(.e1lm4vjj0){--container-padding-top:16px;}@media (min-width: 768px){.css-ge5ynl:has(.e1lm4vjj0){--container-padding-top:16px;}}@media (min-width: 1120px){.css-ge5ynl:has(.e1lm4vjj0){--container-padding-top:calc(56px + 16px);}}.css-ge5ynl:has(.e1lm4vjj0) .expanding-background{height:100%;top:0;}@media (min-width: 768px){.css-ge5ynl{gap:calc(160px * 1);}}@media (min-width: 768px){.css-ge5ynl{--border-radius:20px;}}@media (min-width: 1680px){.css-ge5ynl{--max-width-container-margin:calc(64px * 2);max-width:calc(
1432px + var(--max-width-container-margin)
)!important;}.css-ge5ynl .e1y1ikd0{width:100%;}}>< data-emotion="css 1ggp9tg">.css-1ggp9tg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;width:100%;gap:calc(48px * 1);}@media (min-width: 768px){.css-1ggp9tg{gap:calc(160px * 1);}}>
< data-emotion="css 9zmgj4">@media (max-width: 768px){.css-9zmgj4{margin:inherit;}}>
< data-emotion="css 1by8foa">.css-1by8foa{display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;row-gap:48px;}@media (min-width: 768px){.css-1by8foa{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-1by8foa{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-1by8foa{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1by8foa{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1by8foa{grid-column-gap:32px;}}@media (min-width: 768px){.css-1by8foa{row-gap:64px;}}>
< data-emotion="css 1l99suu">.css-1l99suu{grid-column:1/-1;}@media (min-width: 768px){.css-1l99suu{grid-column:span 4;}}@media (min-width: 960px){.css-1l99suu{grid-column:span 6;}}@media (min-width: 1120px){.css-1l99suu{grid-column:span 6;}}>
< data-emotion="css 4d6uzj">.css-4d6uzj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.css-4d6uzj .e123hseg6{padding-top:24px;}.css-4d6uzj .e123hseg6 li p{color:var(--text);}>
< data-emotion="css 8enibz">.css-8enibz{gap:24px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}@media (min-width: 768px){.css-8enibz{gap:16px;}}@media (min-width: 1120px){.css-8enibz{gap:24px;}}@media (min-width: 768px){.css-8enibz{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}>
< data-emotion="css 8osefk">.css-8osefk span,.css-8osefk img{border-radius:8px;}@media (min-width: 1440px){.css-8osefk span,.css-8osefk img{border-radius:16px;}}>
< data-emotion="css 1cob493-link-1">.css-1cob493-link-1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;}.css-1cob493-link-1 a{font-size:15px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-1cob493-link-1 a{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-1cob493-link-1 a{font-size:20px;font-weight:400;}}@media (min-width: 768px){.css-1cob493-link-1{gap:24px;}}@media (min-width: 1680px){.css-1cob493-link-1{padding-right:24px;}}>
< data-emotion="css 1x1ai4u">.css-1x1ai4u{margin-bottom:12px;color:var(--text);}@media (min-width: 1120px){.css-1x1ai4u{margin-bottom:16px;}}>
Asana for iOS < data-emotion="css iztq8o-p1">.css-iztq8o-p1{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;--list-margin:12px;}.css-iztq8o-p1,.css-iztq8o-p1 p,.css-iztq8o-p1 .e123hseg5 p{font-size:15px;font-weight:300;line-height:150%;letter-spacing:0.02em;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;padding:0!important;}[lang="ja"] .css-iztq8o-p1,[lang="ja"] .css-iztq8o-p1 p,[lang="ja"] .css-iztq8o-p1 .e123hseg5 p{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-iztq8o-p1,.css-iztq8o-p1 p,.css-iztq8o-p1 .e123hseg5 p{font-size:20px;}}@media (min-width: 768px){.css-iztq8o-p1{--list-margin:16px;}}.css-iztq8o-p1 .e123hseg6{padding:0;}.css-iztq8o-p1 .e123hseg6:not(:first-child){margin-top:var(--list-margin);}.css-iztq8o-p1 .e123hseg6:not(:last-child){margin-bottom:var(--list-margin);}.css-iztq8o-p1 .e123hseg6 svg{margin-top:calc((1em / 4) + (1em / 2 - 8px));}>
< data-emotion="css 1jdqe80-caps-small-p2">.css-1jdqe80-caps-small-p2 ul,.css-1jdqe80-caps-small-p2 ol{margin-bottom:16px;padding-left:16px;}.css-1jdqe80-caps-small-p2 ul{list--type:disc;}.css-1jdqe80-caps-small-p2 li{margin-bottom:8px;}.css-1jdqe80-caps-small-p2 i,.css-1jdqe80-caps-small-p2 em{font-:italic;}.css-1jdqe80-caps-small-p2 u{-webkit-text-decoration:underline;text-decoration:underline;}.css-1jdqe80-caps-small-p2>a>u{-webkit-text-decoration:none;text-decoration:none;}.css-1jdqe80-caps-small-p2>h2,.css-1jdqe80-caps-small-p2>h3,.css-1jdqe80-caps-small-p2>h4,.css-1jdqe80-caps-small-p2>h5,.css-1jdqe80-caps-small-p2>h6,.css-1jdqe80-caps-small-p2>p,.css-1jdqe80-caps-small-p2>ul li,.css-1jdqe80-caps-small-p2>ul li *,.css-1jdqe80-caps-small-p2>ol li,.css-1jdqe80-caps-small-p2>ol li *{color:var(--text);}.css-1jdqe80-caps-small-p2 .e1mo941f5{margin:0 auto;padding:0;margin-bottom:24px;}.css-1jdqe80-caps-small-p2 .e1mo941f5:not(:first-of-type){margin-top:16px;}.css-1jdqe80-caps-small-p2 .ela6qok3{margin-bottom:24px;}.css-1jdqe80-caps-small-p2 .ela6qok3:not(:first-of-type){margin-top:16px;}.css-1jdqe80-caps-small-p2 .ee9qg1{margin-left:auto;margin-right:auto;margin:0 auto;padding:0;padding-bottom:24px;}.css-1jdqe80-caps-small-p2 .ee9qg1:not(:first-of-type){padding-top:16px;}.css-1jdqe80-caps-small-p2>h2{margin:0 auto;padding:0;padding-bottom:16px;}.css-1jdqe80-caps-small-p2>h2:not(:first-of-type){padding-top:24px;}.css-1jdqe80-caps-small-p2>h3{margin:0 auto;padding:0;padding-bottom:16px;}.css-1jdqe80-caps-small-p2>h3:not(:first-of-type){padding-top:16px;}.css-1jdqe80-caps-small-p2>h4{margin:0 auto;padding:0;padding-bottom:8px;}.css-1jdqe80-caps-small-p2>h4:not(:first-of-type){padding-top:16px;}.css-1jdqe80-caps-small-p2>h5{margin:0 auto;padding:0;padding-bottom:8px;}.css-1jdqe80-caps-small-p2>h5:not(:first-of-type){padding-top:8px;}.css-1jdqe80-caps-small-p2>h6{margin:0 auto;padding:0;padding-bottom:8px;}.css-1jdqe80-caps-small-p2>h6:not(:first-of-type){padding-top:4px;}.css-1jdqe80-caps-small-p2 p{margin:0 auto;padding:0;padding-bottom:8px;}.css-1jdqe80-caps-small-p2 p:not(:first-of-type){padding-top:0px;}.css-1jdqe80-caps-small-p2 li>p{padding:0;}.css-1jdqe80-caps-small-p2 .e1pute9b0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:32px;padding-inline:0;margin:0;padding-block:40px;width:88%;}.css-1jdqe80-caps-small-p2 .e1pute9b0 .e1sprwph6{margin-bottom:0;}.css-1jdqe80-caps-small-p2 .e1pute9b0 .e1sprwph6>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px;}@media (min-width: 960px){.css-1jdqe80-caps-small-p2 .e1pute9b0{padding-block:48px;}}.css-1jdqe80-caps-small-p2 .et8z7v0{margin-bottom:24px;}.css-1jdqe80-caps-small-p2 .et8z7v0:not(:first-of-type){margin-top:16px;}.css-1jdqe80-caps-small-p2>hr{margin:0 auto;padding:0;margin-bottom:24px;}.css-1jdqe80-caps-small-p2>hr:not(:first-of-type){margin-top:16px;}.css-1jdqe80-caps-small-p2 .e1lx0a7x7{margin:0;margin:0 auto;padding:0;padding-bottom:24px;}.css-1jdqe80-caps-small-p2 .e1lx0a7x7:not(:first-of-type){padding-top:16px;}.css-1jdqe80-caps-small-p2 .eis99gl0{margin:0 auto;padding:0;padding-bottom:24px;}.css-1jdqe80-caps-small-p2 .eis99gl0:not(:first-of-type){padding-top:16px;}.css-1jdqe80-caps-small-p2 .e1nzrvca0{margin:0 auto;padding:0;margin-bottom:24px;}.css-1jdqe80-caps-small-p2 .e1nzrvca0:not(:first-of-type){margin-top:16px;}.css-1jdqe80-caps-small-p2 .ehhoor84{font-weight:300;}.css-1jdqe80-caps-small-p2 table th>p,.css-1jdqe80-caps-small-p2 table td>p{padding-bottom:0;}.css-1jdqe80-caps-small-p2 .e1rry4os7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;row-gap:24px;margin-block:40px;}.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os5 .e1rry4os1{font-size:11px;font-weight:500;line-height:150%;letter-spacing:0.04em;text-transform:uppercase;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os5 .e1rry4os1{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os5 p{font-size:14px;font-weight:300;line-height:150%;letter-spacing:0.02em;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os5 p{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os5 p{font-size:16px;}}@media (min-width: 768px){.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os5{width:48%;}}.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os4{margin:0;}.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os4 wistia-player::part(container),.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os4 wistia-player::part(video),.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os4 img,.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os4 video{border-radius:8px;}@media (min-width: 768px){.css-1jdqe80-caps-small-p2 .e1rry4os7 .e1rry4os4{width:36%;}}@media (min-width: 768px){.css-1jdqe80-caps-small-p2 .e1rry4os7{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-column-gap:4%;column-gap:4%;row-gap:0;margin-block:48px;}.css-1jdqe80-caps-small-p2 .e1rry4os7[data-vertical-alignment="Top"]{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.css-1jdqe80-caps-small-p2 .e1rry4os7[data-vertical-alignment="Middle"]{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.css-1jdqe80-caps-small-p2 .e1rry4os7[data-media-alignment="Left"]{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.css-1jdqe80-caps-small-p2 .e1rry4os7[data-media-alignment="Right"]{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}>
The < data-emotion="css nqd43s-link-2-inline-regular">.css-nqd43s-link-2-inline-regular{background-color:transparent;cursor:pointer;font-weight:inherit;-webkit-text-decoration:none;text-decoration:none;position:relative;color:inherit;-webkit-text-decoration:underline;text-decoration:underline;font-size:14px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;font-family:inherit;color:var(--text);text-underline-offset:4px;text-decoration-thickness:1px!important;}.css-nqd43s-link-2-inline-regular:hover{color:var(--lightmode-link-hover);-webkit-text-decoration:none;text-decoration:none;}.css-nqd43s-link-2-inline-regular:hover path{fill:var(--lightmode-link-hover);}.css-nqd43s-link-2-inline-regular svg{height:10px;padding-left:4px;}.css-nqd43s-link-2-inline-regular:hover{border:none;color:var(--lightmode-link-hover);-webkit-text-decoration:underline;text-decoration:underline;}[lang="ja"] .css-nqd43s-link-2-inline-regular{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-nqd43s-link-2-inline-regular{font-size:16px;}}.css-nqd43s-link-2-inline-regular>u{text-decoration-thickness:1px!important;}.css-nqd43s-link-2-inline-regular:hover,.css-nqd43s-link-2-inline-regular:hover u{color:var(--link-text-hover);}.css-nqd43s-link-2-inline-regular:active,.css-nqd43s-link-2-inline-regular:active u{color:var(--text);}>< data-emotion="css uwuh58-link-2-inline-regular">.css-uwuh58-link-2-inline-regular{background-color:transparent;cursor:pointer;font-weight:inherit;-webkit-text-decoration:none;text-decoration:none;position:relative;color:inherit;-webkit-text-decoration:underline;text-decoration:underline;font-size:14px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;font-family:inherit;color:var(--text);text-underline-offset:4px;text-decoration-thickness:1px!important;}.css-uwuh58-link-2-inline-regular:hover{color:var(--lightmode-link-hover);-webkit-text-decoration:none;text-decoration:none;}.css-uwuh58-link-2-inline-regular:hover path{fill:var(--lightmode-link-hover);}.css-uwuh58-link-2-inline-regular svg{height:10px;padding-left:4px;}.css-uwuh58-link-2-inline-regular:hover{border:none;color:var(--lightmode-link-hover);-webkit-text-decoration:underline;text-decoration:underline;}[lang="ja"] .css-uwuh58-link-2-inline-regular{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-uwuh58-link-2-inline-regular{font-size:16px;}}.css-uwuh58-link-2-inline-regular>u{text-decoration-thickness:1px!important;}.css-uwuh58-link-2-inline-regular:hover,.css-uwuh58-link-2-inline-regular:hover u{color:var(--link-text-hover);}.css-uwuh58-link-2-inline-regular:active,.css-uwuh58-link-2-inline-regular:active u{color:var(--text);}>iOS Quick Start article gets you up to speed.
< data-emotion="css 2h8qns-link-3-link-2-link-1">.css-2h8qns-link-3-link-2-link-1{padding:12px 24px;border-radius:100px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="primary"]{border:1px solid transparent;color:var(--btn-primary-text);background-color:var(--btn-primary-background);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="primary"]:hover{background-color:var(--btn-primary-background-hover);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="primary"]:active{background-color:var(--btn-primary-background);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="secondary"]{border:1px solid var(--btn-secondary-outline);color:var(--btn-secondary-text);background-color:var(--btn-secondary-background);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="secondary"]:hover{background-color:var(--btn-secondary-background-hover);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="secondary"]:active{background-color:var(--btn-secondary-background);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="tertiary"]{border:1px solid transparent;color:var(--btn-secondary-text);background-color:var(--btn-secondary-alt-background);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="tertiary"]:hover{background-color:var(--btn-secondary-alt-background-hover);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="tertiary"]:active{background-color:var(--btn-secondary-alt-background);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="linkWithArrow"]{padding:0;color:var(--btn-tertiary-link-text);border-bottom:none;display:inline;}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="linkWithArrow"] svg{border-radius:50%;color:var(--btn-tertiary-icon);background:var(--btn-tertiary-background);width:16px;height:16px;padding:4px;margin-left:4px;vertical-align:middle;display:inline-block;}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="linkWithArrow"]:hover{border-bottom:none;color:var(--btn-tertiary-link-text-hover);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="linkWithArrow"]:hover svg{background:var(--btn-tertiary-background-hover);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="linkWithArrow"]:active{border-bottom:none;color:var(--btn-tertiary-link-text);}.css-2h8qns-link-3-link-2-link-1[data-cta-variant="linkWithArrow"]:active svg{background:var(--btn-tertiary-background);}.css-2h8qns-link-3-link-2-link-1[data-cta-size="small"]{font-size:12px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-2h8qns-link-3-link-2-link-1[data-cta-size="small"]{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-2h8qns-link-3-link-2-link-1[data-cta-size="small"]{font-size:13px;}}.css-2h8qns-link-3-link-2-link-1[data-cta-size="regular"]{font-size:14px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-2h8qns-link-3-link-2-link-1[data-cta-size="regular"]{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-2h8qns-link-3-link-2-link-1[data-cta-size="regular"]{font-size:16px;}}.css-2h8qns-link-3-link-2-link-1[data-cta-size="large"]{font-size:15px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-2h8qns-link-3-link-2-link-1[data-cta-size="large"]{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-2h8qns-link-3-link-2-link-1[data-cta-size="large"]{font-size:20px;font-weight:400;}}@media (min-width: 768px){.css-2h8qns-link-3-link-2-link-1:not([data-cta-variant="linkWithArrow"]){padding:16px 32px;}.css-2h8qns-link-3-link-2-link-1[data-cta-size="regular"] svg,.css-2h8qns-link-3-link-2-link-1[data-cta-size="large"] svg{padding:6px;width:24px;height:24px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}}>
Download on the App Store< data-emotion="css pfo72i">.css-pfo72i{fill:var(--icon);}>arrow-right icon < data-emotion="css 99hnzs">.css-99hnzs{position:absolute;top:0;width:100vw;height:100%;background:inherit;z-index:-1;}>
< data-emotion="css 1ka6o9">.css-1ka6o9{--x-margin:6.4%;margin:0 var(--x-margin);--x-margin:0!important;padding-top:calc(48px * 1);padding-bottom:calc(48px * 1);}@media (min-width: 480px){.css-1ka6o9{--x-margin:5%;}}@media (min-width: 768px){.css-1ka6o9{--x-margin:6.25%;}}@media (min-width: 960px){.css-1ka6o9{--x-margin:5%;}}@media (min-width: 1120px){.css-1ka6o9{--x-margin:5.715%;}}@media (min-width: 1440px){.css-1ka6o9{--x-margin:5.278%;}}@media (min-width: 1680px){.css-1ka6o9{margin:0 auto;max-width:1432px;}}@media (min-width: 768px){.css-1ka6o9{padding-top:calc(160px * 0.5);padding-bottom:calc(160px * 0.5);}}.css-1ka6o9 .eswvyk41,.css-1ka6o9 .et138352>.ew1hg250{margin:0;}>
< data-emotion="css 1cih9pu">.css-1cih9pu{padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);padding-left:var(--container-x-padding);padding-right:var(--container-x-padding);--container-x-margin:0;--container-padding-top:48px;--container-padding-bottom:48px;--container-x-padding:24px;margin:0 var(--container-x-margin);background-color:var(--bg);color:var(--text);--border-radius:0;--max-width-container-margin:0;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;z-index:1;border-radius:var(--border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;gap:calc(48px * 1);}@media (min-width: 768px){.css-1cih9pu{--container-x-margin:16px;--container-padding-top:80px;--container-padding-bottom:80px;--container-x-padding:32px;}}@media (min-width: 1120px){.css-1cih9pu{--container-x-margin:24px;--container-padding-top:120px;--container-padding-bottom:120px;--container-x-padding:40px;}}@media (min-width: 1440px){.css-1cih9pu{--container-x-margin:28px;--container-x-padding:48px;}}@media (min-width: 1680px){.css-1cih9pu{--container-x-margin:auto;--container-x-padding:64px;}}.css-1cih9pu:has(.e1lm4vjj0){--container-padding-top:16px;}@media (min-width: 768px){.css-1cih9pu:has(.e1lm4vjj0){--container-padding-top:16px;}}@media (min-width: 1120px){.css-1cih9pu:has(.e1lm4vjj0){--container-padding-top:calc(56px + 16px);}}.css-1cih9pu:has(.e1lm4vjj0) .expanding-background{height:100%;top:0;}@media (min-width: 768px){.css-1cih9pu{gap:calc(160px * 0.5);}}@media (min-width: 768px){.css-1cih9pu{--border-radius:20px;}}@media (min-width: 1680px){.css-1cih9pu{--max-width-container-margin:calc(64px * 2);max-width:calc(
1432px + var(--max-width-container-margin)
)!important;margin:0 calc(-1 * 64px);}.css-1cih9pu .e1y1ikd0{width:100%;}}>< data-emotion="css 1eebgoq">.css-1eebgoq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;width:100%;gap:calc(48px * 1);}@media (min-width: 768px){.css-1eebgoq{gap:calc(160px * 0.5);}}>
< data-emotion="css 1qmiakz">.css-1qmiakz{display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;}@media (min-width: 768px){.css-1qmiakz{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-1qmiakz{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-1qmiakz{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1qmiakz{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1qmiakz{grid-column-gap:32px;}}.css-1qmiakz .e1y1ikd0{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;grid-column:1/-1;}.css-1qmiakz .e1y1ikd0 .e1y1ikd5,.css-1qmiakz .e1y1ikd0 .e1y1ikd3,.css-1qmiakz .e1y1ikd0 .e1y1ikd6{grid-column:1/-1;}@media (min-width: 768px){.css-1qmiakz .e1y1ikd0{grid-column:1/span 6;}}@media (min-width: 960px){.css-1qmiakz .e1y1ikd0{grid-column:1/span 5;}}>
< data-emotion="css 1hf0ja1">.css-1hf0ja1{display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;width:100%;grid-template-rows:repeat(3auto);}@media (min-width: 768px){.css-1hf0ja1{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-1hf0ja1{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-1hf0ja1{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1hf0ja1{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1hf0ja1{grid-column-gap:32px;}}.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/-1;grid-column:var(--grid-column);color:var(--text);-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;text-align:left;}@media (min-width: 480px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/-1;}}@media (min-width: 768px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 7;}}@media (min-width: 960px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 9;}}@media (min-width: 1120px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 8;}}@media (min-width: 1440px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 6;}}@media (min-width: 1680px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 6;}}.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd2{white-space:pre-wrap;}.css-1hf0ja1 .e1y1ikd6{color:var(--text);}.css-1hf0ja1 .e1y1ikd6:last-child,.css-1hf0ja1 .e1y1ikd5:last-child{margin-bottom:0;}>
< data-emotion="css flmza-h2">.css-flmza-h2{font-size:32px;font-weight:500;line-height:110%;letter-spacing:0;font-family:"Ghost","Helvetica Neue","Helvetica",sans-serif;grid-row:2;margin-bottom:16px;}[lang="ja"] .css-flmza-h2{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-flmza-h2{font-size:60px;line-height:100%;}}h1.css-flmza-h2{margin-top:0;margin-bottom:16px;}@media (min-width: 768px){h1.css-flmza-h2{margin-bottom:32px;}}h2.css-flmza-h2,h3.css-flmza-h2{margin-top:0;margin-bottom:12px;}@media (min-width: 768px){h2.css-flmza-h2,h3.css-flmza-h2{margin-bottom:16px;}}>
Features at your fingertips < data-emotion="css 12wdbud">.css-12wdbud{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;grid-row:3;gap:16px;}@media (min-width: 768px){.css-12wdbud{gap:24px;}}>
< data-emotion="css 1ez0f7c-p2">.css-1ez0f7c-p2{font-size:14px;font-weight:300;line-height:150%;letter-spacing:0.02em;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;color:var(--text);margin:0;padding:0;}[lang="ja"] .css-1ez0f7c-p2{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-1ez0f7c-p2{font-size:16px;}}>
Your work syncs in real-time across the webphoneand desktop apps. Plan your day. Share your ideas. Update your team from far away. On whatever device you’re near.
< data-emotion="css 118yizd">.css-118yizd{grid-column:1/-1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px;margin-top:24px;}@media (min-width: 768px){.css-118yizd{margin-top:56px;gap:32px;}}@media (min-width: 960px){.css-118yizd{margin-top:0;grid-column:7/span 6;}}@media (min-width: 1120px){.css-118yizd{gap:48px;}}@media (min-width: 1680px){.css-118yizd{gap:64px;}}>
< data-emotion="css 1e7ixl8">.css-1e7ixl8{list-:none;padding:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:grid;grid-column:1/-1;grid-template-columns:1fr;}@media (min-width: 768px){.css-1e7ixl8{grid-column-gap:16px;}}@media (min-width: 960px){.css-1e7ixl8{grid-column-gap:16px;}}@media (min-width: 1120px){.css-1e7ixl8{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1e7ixl8{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1e7ixl8{grid-column-gap:32px;}}@media (min-width: 768px){.css-1e7ixl8{grid-template-columns:1fr 1fr;}}@media (min-width: 960px){.css-1e7ixl8{grid-column:7/span 6;}}>
< data-emotion="css 1yxrt8t-p1">.css-1yxrt8t-p1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:16px;}.css-1yxrt8t-p1 p{font-size:15px;font-weight:300;line-height:150%;letter-spacing:0.02em;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-1yxrt8t-p1 p{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-1yxrt8t-p1 p{font-size:20px;}}.css-1yxrt8t-p1 svg{margin-top:0;}@media (min-width: 768px){.css-1yxrt8t-p1{min-height:60px;}.css-1yxrt8t-p1 svg{margin-top:6px;}}>< data-emotion="css w8hbm">.css-w8hbm{position:relative;width:16px;height:16px;min-width:16px;margin-right:16px;margin-top:6px;}>My Tasks
Inbox
Projects
Search
Messages
Portfolios
Quick Add
Goals
< data-emotion="css 1g6arla">.css-1g6arla{--x-margin:6.4%;margin:0 var(--x-margin);padding-top:calc(48px * 1);padding-bottom:calc(48px * 1);}@media (min-width: 480px){.css-1g6arla{--x-margin:5%;}}@media (min-width: 768px){.css-1g6arla{--x-margin:6.25%;}}@media (min-width: 960px){.css-1g6arla{--x-margin:5%;}}@media (min-width: 1120px){.css-1g6arla{--x-margin:5.715%;}}@media (min-width: 1440px){.css-1g6arla{--x-margin:5.278%;}}@media (min-width: 1680px){.css-1g6arla{margin:0 auto;max-width:1432px;}}@media (min-width: 768px){.css-1g6arla{padding-top:calc(160px * 0.5);padding-bottom:calc(160px * 0.5);}}.css-1g6arla .eswvyk41,.css-1g6arla .et138352>.ew1hg250{margin:0;}>
< data-emotion="css 12nb4z6">.css-12nb4z6{padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);padding-left:var(--container-x-padding);padding-right:var(--container-x-padding);--container-x-margin:0;--container-padding-top:0;--container-padding-bottom:0;--container-x-padding:0;margin:0 var(--container-x-margin);background-color:var(--bg);color:var(--text);--border-radius:0;--max-width-container-margin:0;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;z-index:1;border-radius:var(--border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;gap:calc(48px * 1);}.css-12nb4z6:has(.e1lm4vjj0){--container-padding-top:16px;}@media (min-width: 768px){.css-12nb4z6:has(.e1lm4vjj0){--container-padding-top:16px;}}@media (min-width: 1120px){.css-12nb4z6:has(.e1lm4vjj0){--container-padding-top:calc(56px + 16px);}}.css-12nb4z6:has(.e1lm4vjj0) .expanding-background{height:100%;top:0;}@media (min-width: 768px){.css-12nb4z6{gap:calc(160px * 0.5);}}@media (min-width: 768px){.css-12nb4z6{--border-radius:20px;}}@media (min-width: 1680px){.css-12nb4z6{--max-width-container-margin:calc(64px * 2);max-width:calc(
1432px + var(--max-width-container-margin)
)!important;}.css-12nb4z6 .e1y1ikd0{width:100%;}}>< data-emotion="css 1eebgoq">.css-1eebgoq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;width:100%;gap:calc(48px * 1);}@media (min-width: 768px){.css-1eebgoq{gap:calc(160px * 0.5);}}>
< data-emotion="css 1bpvgsu">.css-1bpvgsu{display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;margin:0;}@media (min-width: 768px){.css-1bpvgsu{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-1bpvgsu{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-1bpvgsu{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1bpvgsu{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1bpvgsu{grid-column-gap:32px;}}>
< data-emotion="css oczoll">.css-oczoll{grid-column:1/-1;color:var(--text);margin-bottom:24px;}@media (min-width: 768px){.css-oczoll{margin-bottom:56px;}}@media (min-width: 1120px){.css-oczoll{grid-column:1/5;margin-bottom:0;}}.css-oczoll .e1y1ikd0 h2,.css-oczoll .e1y1ikd0 h1,.css-oczoll .e1y1ikd0 div{grid-column:1/-1;}.css-oczoll .e1y1ikd0 .e1y1ikd5{grid-column:1/-1;}>
< data-emotion="css 1hf0ja1">.css-1hf0ja1{display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;width:100%;grid-template-rows:repeat(3auto);}@media (min-width: 768px){.css-1hf0ja1{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-1hf0ja1{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-1hf0ja1{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1hf0ja1{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1hf0ja1{grid-column-gap:32px;}}.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/-1;grid-column:var(--grid-column);color:var(--text);-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;text-align:left;}@media (min-width: 480px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/-1;}}@media (min-width: 768px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 7;}}@media (min-width: 960px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 9;}}@media (min-width: 1120px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 8;}}@media (min-width: 1440px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 6;}}@media (min-width: 1680px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 6;}}.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd2{white-space:pre-wrap;}.css-1hf0ja1 .e1y1ikd6{color:var(--text);}.css-1hf0ja1 .e1y1ikd6:last-child,.css-1hf0ja1 .e1y1ikd5:last-child{margin-bottom:0;}>
< data-emotion="css flmza-h2">.css-flmza-h2{font-size:32px;font-weight:500;line-height:110%;letter-spacing:0;font-family:"Ghost","Helvetica Neue","Helvetica",sans-serif;grid-row:2;margin-bottom:16px;}[lang="ja"] .css-flmza-h2{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-flmza-h2{font-size:60px;line-height:100%;}}h1.css-flmza-h2{margin-top:0;margin-bottom:16px;}@media (min-width: 768px){h1.css-flmza-h2{margin-bottom:32px;}}h2.css-flmza-h2,h3.css-flmza-h2{margin-top:0;margin-bottom:12px;}@media (min-width: 768px){h2.css-flmza-h2,h3.css-flmza-h2{margin-bottom:16px;}}>
Still have questions? We have answers. < data-emotion="css 1tqhu78">.css-1tqhu78{grid-column:1/-1;}@media (min-width: 1120px){.css-1tqhu78{grid-column:5/-1;}}@media (min-width: 1440px){.css-1tqhu78{grid-column:6/-1;}}>
< data-emotion="css 1m2qwjj">.css-1m2qwjj{--x-margin:6.4%;margin:0 var(--x-margin);display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;margin:0;}@media (min-width: 480px){.css-1m2qwjj{--x-margin:5%;}}@media (min-width: 768px){.css-1m2qwjj{--x-margin:6.25%;}}@media (min-width: 960px){.css-1m2qwjj{--x-margin:5%;}}@media (min-width: 1120px){.css-1m2qwjj{--x-margin:5.715%;}}@media (min-width: 1440px){.css-1m2qwjj{--x-margin:5.278%;}}@media (min-width: 1680px){.css-1m2qwjj{margin:0 auto;max-width:1432px;}}@media (min-width: 768px){.css-1m2qwjj{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-1m2qwjj{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-1m2qwjj{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1m2qwjj{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1m2qwjj{grid-column-gap:32px;}}>
< data-emotion="css 18iuzk9">.css-18iuzk9{grid-column:1/-1;}>
< data-emotion="css fnrk00">.css-fnrk00{position:relative;border-width:1px;border-color:var(--border);border-top-:solid;border-bottom-:solid;-webkit-transition:all .6s;transition:all .6s;}>
< data-emotion="css g6d98v">.css-g6d98v{color:var(--text);margin:0;width:100%;position:relative;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:32px;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 0 12px;-webkit-transition:all .6s;transition:all .6s;}@media (min-width: 768px){.css-g6d98v{padding:32px 0;}}@media (min-width: 1120px){.css-g6d98v{padding:32px 0;}}.css-g6d98v[aria-expanded="false"]+.e1u8hes44 a[href],.css-g6d98v[aria-expanded="false"]+.e1u8hes44 input:not([disabled]),.css-g6d98v[aria-expanded="false"]+.e1u8hes44 select:not([disabled]),.css-g6d98v[aria-expanded="false"]+.e1u8hes44 textarea:not([disabled]),.css-g6d98v[aria-expanded="false"]+.e1u8hes44 button:not([disabled]),.css-g6d98v[aria-expanded="false"]+.e1u8hes44 [tabindex]:not([disabled]),.css-g6d98v[aria-expanded="false"]+.e1u8hes44 [contenteditable="true"]:not([disabled]){visibility:hidden;-webkit-transition:all .6s;transition:all .6s;}>
Can you download Asana? < data-emotion="css 1iutxge">.css-1iutxge{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background-color:var(--bg-medium);border-radius:100%;height:24px;width:24px;-webkit-transition:-webkit-transform 200ms ease-in-out;transition:transform 200ms ease-in-out;-webkit-transform:rotateZ(-180deg);-moz-transform:rotateZ(-180deg);-ms-transform:rotateZ(-180deg);transform:rotateZ(-180deg);padding-top:0;padding-bottom:0;}.css-1iutxge svg{color:var(--icon);margin-top:-2px;width:26px;height:13px;}>< data-emotion="css pfo72i">.css-pfo72i{fill:var(--icon);}>chevron-up icon < data-emotion="css 13gkmf7">.css-13gkmf7{overflow:hidden;-webkit-transition:all 0.8s;transition:all 0.8s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px;padding-bottom:0px;}@media (min-width: 768px){.css-13gkmf7{gap:24px;padding-bottom:0px;}}>
< data-emotion="css ois832-p1-p1-link-2-inline-regular">.css-ois832-p1-p1-link-2-inline-regular{font-size:15px;font-weight:300;line-height:150%;letter-spacing:0.02em;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;color:var(--text-medium);}[lang="ja"] .css-ois832-p1-p1-link-2-inline-regular{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-ois832-p1-p1-link-2-inline-regular{font-size:20px;}}.css-ois832-p1-p1-link-2-inline-regular p{font-size:15px;font-weight:300;line-height:150%;letter-spacing:0.02em;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-ois832-p1-p1-link-2-inline-regular p{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-ois832-p1-p1-link-2-inline-regular p{font-size:20px;}}.css-ois832-p1-p1-link-2-inline-regular a{background-color:transparent;cursor:pointer;font-weight:inherit;-webkit-text-decoration:none;text-decoration:none;position:relative;color:inherit;-webkit-text-decoration:underline;text-decoration:underline;font-size:14px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;font-family:inherit;color:var(--text);text-underline-offset:4px;text-decoration-thickness:1px!important;}.css-ois832-p1-p1-link-2-inline-regular a:hover{color:var(--lightmode-link-hover);-webkit-text-decoration:none;text-decoration:none;}.css-ois832-p1-p1-link-2-inline-regular a:hover path{fill:var(--lightmode-link-hover);}.css-ois832-p1-p1-link-2-inline-regular a svg{height:10px;padding-left:4px;}.css-ois832-p1-p1-link-2-inline-regular a:hover{border:none;color:var(--lightmode-link-hover);-webkit-text-decoration:underline;text-decoration:underline;}[lang="ja"] .css-ois832-p1-p1-link-2-inline-regular a{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-ois832-p1-p1-link-2-inline-regular a{font-size:16px;}}.css-ois832-p1-p1-link-2-inline-regular a>u{text-decoration-thickness:1px!important;}.css-ois832-p1-p1-link-2-inline-regular a:hover,.css-ois832-p1-p1-link-2-inline-regular a:hover u{color:var(--link-text-hover);}.css-ois832-p1-p1-link-2-inline-regular a:active,.css-ois832-p1-p1-link-2-inline-regular a:active u{color:var(--text);}>
Yes. Download Asana for iPhone and iPad in the App Store. Download Asana for Android phones in the Google Play Store. We recommend visiting the Stores from your phone for the smoothest experience. Download Asana for desktop here for your Mac Windows (64-bit) Windows (64-bit) for ARM or Windows (32-bit) .
< data-emotion="css 17o7b9p">.css-17o7b9p{position:relative;border-width:1px;border-color:var(--border);border-bottom-:solid;-webkit-transition:all .6s;transition:all .6s;}>
Does Asana have a desktop app for Mac or PC?chevron-up icon Is Asana free to download? chevron-up icon Yesall of the Asana apps are free to download.
< data-emotion="css 99hnzs">.css-99hnzs{position:absolute;top:0;width:100vw;height:100%;background:inherit;z-index:-1;}>