:root{--approach-2-container-max-width: var(--spacing-320-1-280px);--colors-background-bg-active: var(--colors-gray-light-mode-50);--colors-background-bg-brand-primary-alt: var(--colors-brand-50);--colors-background-bg-brand-primary: var(--colors-brand-50);--colors-background-bg-brand-secondary: var(--colors-brand-100);--colors-background-bg-brand-section-subtle: var(--colors-brand-700);--colors-background-bg-brand-section: var(--colors-brand-800);--colors-background-bg-brand-solid-hover: var(--colors-brand-700);--colors-background-bg-brand-solid: var(--colors-brand-600);--colors-background-bg-disabled-subtle: var(--colors-gray-light-mode-50);--colors-background-bg-disabled: var(--colors-gray-light-mode-100);--colors-background-bg-error-primary: var(--colors-error-50);--colors-background-bg-error-secondary: var(--colors-error-100);--colors-background-bg-error-solid: var(--colors-error-600);--colors-background-bg-overlay: var(--colors-gray-light-mode-950);--colors-background-bg-primary-alt: var(--colors-base-white);--colors-background-bg-primary-hover: var(--colors-gray-light-mode-50);--colors-background-bg-primary-solid: var(--colors-gray-light-mode-950);--colors-background-bg-primary: var(--colors-base-white);--colors-background-bg-quaternary: var(--colors-gray-light-mode-200);--colors-background-bg-secondary-alt: var(--colors-gray-light-mode-50);--colors-background-bg-secondary-hover: var(--colors-gray-light-mode-100);--colors-background-bg-secondary-solid: var(--colors-gray-light-mode-600);--colors-background-bg-secondary-subtle: var(--colors-gray-light-mode-25);--colors-background-bg-secondary: var(--colors-gray-light-mode-50);--colors-background-bg-success-primary: var(--colors-success-50);--colors-background-bg-success-secondary: var(--colors-success-100);--colors-background-bg-success-solid: var(--colors-success-600);--colors-background-bg-tertiary: var(--colors-gray-light-mode-100);--colors-background-bg-warning-primary: var(--colors-warning-50);--colors-background-bg-warning-secondary: var(--colors-warning-100);--colors-background-bg-warning-solid: var(--colors-warning-600);--colors-base-black-2: rgb(0,0,0);--colors-base-black: rgb(0,0,0);--colors-base-transparent: rgba(255,255,255,0);--colors-base-white-2: rgb(255,255,255);--colors-base-white: rgb(255,255,255);--colors-blue-100: rgb(209,233,255);--colors-blue-200: rgb(178,221,255);--colors-blue-25: rgb(245,250,255);--colors-blue-300: rgb(132,202,255);--colors-blue-400: rgb(83,177,253);--colors-blue-500: rgb(46,144,250);--colors-blue-50: rgb(239,248,255);--colors-blue-600: rgb(21,112,239);--colors-blue-700: rgb(23,92,211);--colors-blue-800: rgb(24,73,169);--colors-blue-900: rgb(25,65,133);--colors-blue-950: rgb(16,42,86);--colors-blue-dark-100: rgb(209,224,255);--colors-blue-dark-200: rgb(178,204,255);--colors-blue-dark-25: rgb(245,248,255);--colors-blue-dark-300: rgb(132,173,255);--colors-blue-dark-400: rgb(82,139,255);--colors-blue-dark-500: rgb(41,112,255);--colors-blue-dark-50: rgb(239,244,255);--colors-blue-dark-600: rgb(21,94,239);--colors-blue-dark-700: rgb(0,78,235);--colors-blue-dark-800: rgb(0,64,193);--colors-blue-dark-900: rgb(0,53,158);--colors-blue-dark-950: rgb(0,34,102);--colors-blue-light-100: rgb(224,242,254);--colors-blue-light-200: rgb(185,230,254);--colors-blue-light-25: rgb(245,251,255);--colors-blue-light-300: rgb(124,212,253);--colors-blue-light-400: rgb(54,191,250);--colors-blue-light-500: rgb(11,165,236);--colors-blue-light-50: rgb(240,249,255);--colors-blue-light-600: rgb(0,134,201);--colors-blue-light-700: rgb(2,106,162);--colors-blue-light-800: rgb(6,89,134);--colors-blue-light-900: rgb(11,74,111);--colors-blue-light-950: rgb(6,44,65);--colors-border-border-brand-alt: var(--colors-brand-600);--colors-border-border-brand-secondary: var(--colors-brand-200);--colors-border-border-brand: var(--colors-brand-500);--colors-border-border-disabled-subtle: var(--colors-gray-light-mode-200);--colors-border-border-disabled: var(--colors-gray-light-mode-300);--colors-border-border-error-subtle: var(--colors-error-100);--colors-border-border-error: var(--colors-error-500);--colors-border-border-primary: var(--colors-gray-light-mode-300);--colors-border-border-secondary-alt: rgba(0,0,0,.08);--colors-border-border-secondary: var(--colors-gray-light-mode-200);--colors-border-border-success-subtle: var(--colors-success-100);--colors-border-border-success: var(--colors-success-500);--colors-border-border-tertiary: var(--colors-gray-light-mode-100);--colors-brand-100: rgb(242,233,254);--colors-brand-200: rgb(228,215,254);--colors-brand-25: rgb(252,250,255);--colors-brand-300: rgb(209,181,253);--colors-brand-400: rgb(180,139,250);--colors-brand-500: rgb(149,92,246);--colors-brand-50: rgb(247,243,255);--colors-brand-600-2: rgb(124,58,237);--colors-brand-600: rgb(124,58,237);--colors-brand-700: rgb(105,40,217);--colors-brand-800: rgb(88,33,182);--colors-brand-900: rgb(74,29,149);--colors-brand-950: rgb(47,16,101);--colors-cyan-100: rgb(207,249,254);--colors-cyan-200: rgb(165,240,252);--colors-cyan-25: rgb(245,254,255);--colors-cyan-300: rgb(103,227,249);--colors-cyan-400: rgb(34,204,238);--colors-cyan-500: rgb(6,174,212);--colors-cyan-50: rgb(236,253,255);--colors-cyan-600: rgb(8,138,178);--colors-cyan-700: rgb(14,112,144);--colors-cyan-800: rgb(21,91,117);--colors-cyan-900: rgb(22,76,99);--colors-cyan-950: rgb(13,45,58);--colors-effects-focus-rings-focus-ring-error: var(--colors-error-500);--colors-effects-focus-rings-focus-ring: var(--colors-brand-500);--colors-effects-portfolio-mockups-shadow-grid-md: rgba(10,13,18,.08);--colors-effects-portfolio-mockups-shadow-main-centre-lg: rgba(10,13,18,.18);--colors-effects-portfolio-mockups-shadow-main-centre-md: rgba(10,13,18,.14);--colors-effects-portfolio-mockups-shadow-overlay-lg: rgba(10,13,18,.12);--colors-effects-shadows-shadow-2xl-01: rgba(10,13,18,.18);--colors-effects-shadows-shadow-2xl-02: rgba(10,13,18,.04);--colors-effects-shadows-shadow-3xl-01: rgba(10,13,18,.14);--colors-effects-shadows-shadow-3xl-02: rgba(10,13,18,.04);--colors-effects-shadows-shadow-lg-01: rgba(10,13,18,.08);--colors-effects-shadows-shadow-lg-02: rgba(10,13,18,.03);--colors-effects-shadows-shadow-lg-03: rgba(10,13,18,.04);--colors-effects-shadows-shadow-md-01: rgba(10,13,18,.1);--colors-effects-shadows-shadow-md-02: rgba(10,13,18,.06);--colors-effects-shadows-shadow-skeumorphic-inner-border: rgba(10,13,18,.18);--colors-effects-shadows-shadow-skeumorphic-inner: rgba(10,13,18,.05);--colors-effects-shadows-shadow-sm-01: rgba(10,13,18,.1);--colors-effects-shadows-shadow-sm-02: rgba(10,13,18,.1);--colors-effects-shadows-shadow-xl-01: rgba(10,13,18,.08);--colors-effects-shadows-shadow-xl-02: rgba(10,13,18,.03);--colors-effects-shadows-shadow-xl-03: rgba(10,13,18,.04);--colors-effects-shadows-shadow-xs: rgba(10,13,18,.05);--colors-error-100: rgb(254,228,226);--colors-error-200: rgb(254,205,202);--colors-error-25: rgb(255,251,250);--colors-error-300: rgb(253,162,155);--colors-error-400: rgb(249,112,102);--colors-error-500: rgb(240,68,56);--colors-error-50: rgb(254,243,242);--colors-error-600: rgb(217,45,32);--colors-error-700: rgb(180,35,24);--colors-error-800: rgb(145,32,24);--colors-error-900: rgb(122,39,26);--colors-error-950: rgb(85,22,12);--colors-foreground-fg-brand-primary-600: var(--colors-brand-600);--colors-foreground-fg-brand-primary-alt: var(--colors-foreground-fg-brand-primary-600);--colors-foreground-fg-brand-secondary-500: var(--colors-brand-500);--colors-foreground-fg-brand-secondary-alt: var(--colors-foreground-fg-brand-secondary-500);--colors-foreground-fg-brand-secondary-hover: var(--colors-brand-600);--colors-foreground-fg-disabled-subtle: var(--colors-gray-light-mode-300);--colors-foreground-fg-disabled: var(--colors-gray-light-mode-400);--colors-foreground-fg-error-primary: var(--colors-error-600);--colors-foreground-fg-error-secondary: var(--colors-error-500);--colors-foreground-fg-primary-900: var(--colors-gray-light-mode-900);--colors-foreground-fg-quaternary-400: var(--colors-gray-light-mode-400);--colors-foreground-fg-quaternary-500: var(--colors-gray-light-mode-500);--colors-foreground-fg-quaternary-hover: var(--colors-gray-light-mode-500);--colors-foreground-fg-secondary-700: var(--colors-gray-light-mode-700);--colors-foreground-fg-secondary-hover: var(--colors-gray-light-mode-800);--colors-foreground-fg-success-primary: var(--colors-success-600);--colors-foreground-fg-success-secondary: var(--colors-success-500);--colors-foreground-fg-tertiary-600: var(--colors-gray-light-mode-600);--colors-foreground-fg-tertiary-hover: var(--colors-gray-light-mode-700);--colors-foreground-fg-warning-primary: var(--colors-warning-600);--colors-foreground-fg-warning-secondary: var(--colors-warning-500);--colors-foreground-fg-white: var(--colors-base-white);--colors-fuchsia-100: rgb(251,232,255);--colors-fuchsia-200: rgb(246,208,254);--colors-fuchsia-25: rgb(254,250,255);--colors-fuchsia-300: rgb(238,170,253);--colors-fuchsia-400: rgb(228,120,250);--colors-fuchsia-500: rgb(212,68,241);--colors-fuchsia-50: rgb(253,244,255);--colors-fuchsia-600: rgb(186,36,213);--colors-fuchsia-700: rgb(159,26,177);--colors-fuchsia-800: rgb(130,24,144);--colors-fuchsia-900: rgb(111,24,119);--colors-fuchsia-950: rgb(71,16,76);--colors-gray-blue-100: rgb(234,236,245);--colors-gray-blue-200: rgb(213,217,235);--colors-gray-blue-25: rgb(252,252,253);--colors-gray-blue-300: rgb(179,184,219);--colors-gray-blue-400: rgb(113,123,188);--colors-gray-blue-500: rgb(78,91,166);--colors-gray-blue-50: rgb(248,249,252);--colors-gray-blue-600: rgb(62,71,132);--colors-gray-blue-700: rgb(54,63,114);--colors-gray-blue-800: rgb(41,48,86);--colors-gray-blue-900: rgb(16,19,35);--colors-gray-blue-950: rgb(13,15,28);--colors-gray-cool-100: rgb(239,241,245);--colors-gray-cool-200: rgb(220,223,234);--colors-gray-cool-25: rgb(252,252,253);--colors-gray-cool-300: rgb(185,192,212);--colors-gray-cool-400: rgb(125,137,176);--colors-gray-cool-500: rgb(93,107,152);--colors-gray-cool-50: rgb(249,249,251);--colors-gray-cool-600: rgb(74,85,120);--colors-gray-cool-700: rgb(64,73,104);--colors-gray-cool-800: rgb(48,55,79);--colors-gray-cool-900: rgb(17,19,34);--colors-gray-cool-950: rgb(14,16,27);--colors-gray-dark-mode-100: rgb(240,240,241);--colors-gray-dark-mode-200: rgb(236,236,237);--colors-gray-dark-mode-25: rgb(250,250,250);--colors-gray-dark-mode-300: rgb(206,207,210);--colors-gray-dark-mode-400: rgb(148,151,156);--colors-gray-dark-mode-500: rgb(133,136,142);--colors-gray-dark-mode-50: rgb(247,247,247);--colors-gray-dark-mode-600: rgb(97,101,108);--colors-gray-dark-mode-700: rgb(55,58,65);--colors-gray-dark-mode-800: rgb(34,38,47);--colors-gray-dark-mode-900: rgb(19,22,27);--colors-gray-dark-mode-950: rgb(12,14,18);--colors-gray-dark-mode-alpha-100: rgba(255,255,255,.94);--colors-gray-dark-mode-alpha-200: rgba(255,255,255,.92);--colors-gray-dark-mode-alpha-25: rgba(255,255,255,.98);--colors-gray-dark-mode-alpha-300: rgba(255,255,255,.8);--colors-gray-dark-mode-alpha-400: rgba(255,255,255,.56);--colors-gray-dark-mode-alpha-500: rgba(255,255,255,.5);--colors-gray-dark-mode-alpha-50: rgba(255,255,255,.96);--colors-gray-dark-mode-alpha-600: rgba(255,255,255,.35);--colors-gray-dark-mode-alpha-700: rgba(255,255,255,.16);--colors-gray-dark-mode-alpha-800: rgba(255,255,255,.08);--colors-gray-dark-mode-alpha-900: rgba(255,255,255,.04);--colors-gray-dark-mode-alpha-950: rgba(255,255,255,0);--colors-gray-iron-100: rgb(244,244,245);--colors-gray-iron-200: rgb(228,228,231);--colors-gray-iron-25: rgb(252,252,252);--colors-gray-iron-300: rgb(209,209,214);--colors-gray-iron-400: rgb(160,160,171);--colors-gray-iron-500: rgb(112,112,123);--colors-gray-iron-50: rgb(250,250,250);--colors-gray-iron-600: rgb(81,82,92);--colors-gray-iron-700: rgb(63,63,70);--colors-gray-iron-800: rgb(38,39,43);--colors-gray-iron-900: rgb(26,26,30);--colors-gray-iron-950: rgb(19,19,22);--colors-gray-light-mode-100: rgb(238,242,246);--colors-gray-light-mode-200: rgb(227,232,239);--colors-gray-light-mode-25: rgb(252,252,253);--colors-gray-light-mode-300: rgb(205,213,223);--colors-gray-light-mode-400: rgb(154,164,178);--colors-gray-light-mode-500: rgb(105,117,134);--colors-gray-light-mode-50: rgb(248,250,252);--colors-gray-light-mode-600: rgb(75,85,101);--colors-gray-light-mode-700: rgb(54,65,82);--colors-gray-light-mode-800: rgb(32,41,57);--colors-gray-light-mode-900: rgb(18,25,38);--colors-gray-light-mode-950: rgb(13,18,28);--colors-gray-modern-100: rgb(238,242,246);--colors-gray-modern-200: rgb(227,232,239);--colors-gray-modern-25: rgb(252,252,253);--colors-gray-modern-300: rgb(205,213,223);--colors-gray-modern-400: rgb(154,164,178);--colors-gray-modern-500: rgb(105,117,134);--colors-gray-modern-50: rgb(248,250,252);--colors-gray-modern-600: rgb(75,85,101);--colors-gray-modern-700: rgb(54,65,82);--colors-gray-modern-800: rgb(32,41,57);--colors-gray-modern-900: rgb(18,25,38);--colors-gray-modern-950: rgb(13,18,28);--colors-gray-neutral-100: rgb(243,244,246);--colors-gray-neutral-200: rgb(229,231,235);--colors-gray-neutral-25: rgb(252,252,253);--colors-gray-neutral-300: rgb(210,214,219);--colors-gray-neutral-400: rgb(157,164,174);--colors-gray-neutral-500: rgb(108,115,127);--colors-gray-neutral-50: rgb(249,250,251);--colors-gray-neutral-600: rgb(77,87,97);--colors-gray-neutral-700: rgb(56,66,80);--colors-gray-neutral-800: rgb(31,42,55);--colors-gray-neutral-900: rgb(17,25,39);--colors-gray-neutral-950: rgb(13,18,28);--colors-gray-true-100: rgb(245,245,245);--colors-gray-true-200: rgb(229,229,229);--colors-gray-true-25: rgb(252,252,252);--colors-gray-true-300: rgb(214,214,214);--colors-gray-true-400: rgb(163,163,163);--colors-gray-true-500: rgb(115,115,115);--colors-gray-true-50: rgb(247,247,247);--colors-gray-true-600: rgb(82,82,82);--colors-gray-true-700: rgb(66,66,66);--colors-gray-true-800: rgb(41,41,41);--colors-gray-true-900: rgb(20,20,20);--colors-gray-true-950: rgb(15,15,15);--colors-gray-warm-100: rgb(245,245,244);--colors-gray-warm-200: rgb(231,229,228);--colors-gray-warm-25: rgb(253,253,252);--colors-gray-warm-300: rgb(215,211,208);--colors-gray-warm-400: rgb(169,162,157);--colors-gray-warm-500: rgb(121,113,107);--colors-gray-warm-50: rgb(250,250,249);--colors-gray-warm-600: rgb(87,83,78);--colors-gray-warm-700: rgb(68,64,60);--colors-gray-warm-800: rgb(41,37,36);--colors-gray-warm-900: rgb(28,25,23);--colors-gray-warm-950: rgb(23,20,18);--colors-green-100: rgb(211,248,223);--colors-green-200: rgb(170,240,196);--colors-green-25: rgb(246,254,249);--colors-green-300: rgb(115,226,163);--colors-green-400: rgb(60,203,127);--colors-green-500: rgb(22,179,100);--colors-green-50: rgb(237,252,242);--colors-green-600: rgb(9,146,80);--colors-green-700: rgb(8,116,67);--colors-green-800: rgb(9,92,55);--colors-green-900: rgb(8,76,46);--colors-green-950: rgb(5,46,28);--colors-green-light-100: rgb(227,251,204);--colors-green-light-200: rgb(208,248,171);--colors-green-light-25: rgb(250,254,245);--colors-green-light-300: rgb(166,239,103);--colors-green-light-400: rgb(133,225,58);--colors-green-light-500: rgb(102,198,28);--colors-green-light-50: rgb(243,254,231);--colors-green-light-600: rgb(76,163,13);--colors-green-light-700: rgb(59,124,15);--colors-green-light-800: rgb(50,98,18);--colors-green-light-900: rgb(43,83,20);--colors-green-light-950: rgb(21,41,10);--colors-indigo-100: rgb(224,234,255);--colors-indigo-200: rgb(199,215,254);--colors-indigo-25: rgb(245,248,255);--colors-indigo-300: rgb(164,188,253);--colors-indigo-400: rgb(128,152,249);--colors-indigo-500: rgb(97,114,243);--colors-indigo-50: rgb(238,244,255);--colors-indigo-600: rgb(68,76,231);--colors-indigo-700: rgb(53,56,205);--colors-indigo-800: rgb(45,49,166);--colors-indigo-900: rgb(45,50,130);--colors-indigo-950: rgb(31,35,91);--colors-moss-100: rgb(230,244,215);--colors-moss-200: rgb(206,234,176);--colors-moss-25: rgb(250,253,247);--colors-moss-300: rgb(172,220,121);--colors-moss-400: rgb(134,203,60);--colors-moss-500: rgb(102,159,42);--colors-moss-50: rgb(245,251,238);--colors-moss-600: rgb(79,122,33);--colors-moss-700: rgb(63,98,26);--colors-moss-800: rgb(51,80,21);--colors-moss-900: rgb(43,66,18);--colors-moss-950: rgb(26,40,11);--colors-orange-100: rgb(253,234,215);--colors-orange-200: rgb(249,219,175);--colors-orange-25: rgb(254,250,245);--colors-orange-300: rgb(247,178,122);--colors-orange-400: rgb(243,135,68);--colors-orange-500: rgb(239,104,32);--colors-orange-50: rgb(254,246,238);--colors-orange-600: rgb(224,79,22);--colors-orange-700: rgb(185,56,21);--colors-orange-800: rgb(147,47,25);--colors-orange-900: rgb(119,41,23);--colors-orange-950: rgb(81,28,16);--colors-orange-dark-100: rgb(255,230,213);--colors-orange-dark-200: rgb(255,214,174);--colors-orange-dark-25: rgb(255,249,245);--colors-orange-dark-300: rgb(255,156,102);--colors-orange-dark-400: rgb(255,105,46);--colors-orange-dark-500: rgb(255,68,5);--colors-orange-dark-50: rgb(255,244,237);--colors-orange-dark-600: rgb(230,46,5);--colors-orange-dark-700: rgb(188,27,6);--colors-orange-dark-800: rgb(151,24,12);--colors-orange-dark-900: rgb(119,26,13);--colors-orange-dark-950: rgb(87,19,10);--colors-pink-100: rgb(252,231,246);--colors-pink-200: rgb(252,206,238);--colors-pink-25: rgb(254,246,251);--colors-pink-300: rgb(250,167,224);--colors-pink-400: rgb(246,112,199);--colors-pink-500: rgb(238,70,188);--colors-pink-50: rgb(253,242,250);--colors-pink-600: rgb(221,37,144);--colors-pink-700: rgb(193,21,116);--colors-pink-800: rgb(158,22,95);--colors-pink-900: rgb(133,22,81);--colors-pink-950: rgb(78,13,48);--colors-purple-100: rgb(235,233,254);--colors-purple-200: rgb(217,214,254);--colors-purple-25: rgb(250,250,255);--colors-purple-300: rgb(189,180,254);--colors-purple-400: rgb(155,138,251);--colors-purple-500: rgb(122,90,248);--colors-purple-50: rgb(244,243,255);--colors-purple-600: rgb(105,56,239);--colors-purple-700: rgb(89,37,220);--colors-purple-800: rgb(74,31,184);--colors-purple-900: rgb(62,28,150);--colors-purple-950: rgb(39,17,95);--colors-ros-100: rgb(255,228,232);--colors-ros-200: rgb(254,205,214);--colors-ros-25: rgb(255,245,246);--colors-ros-300: rgb(254,163,180);--colors-ros-400: rgb(253,111,142);--colors-ros-500: rgb(246,61,104);--colors-ros-50: rgb(255,241,243);--colors-ros-600: rgb(227,27,84);--colors-ros-700: rgb(192,16,72);--colors-ros-800: rgb(161,16,67);--colors-ros-900: rgb(137,18,62);--colors-ros-950: rgb(81,11,36);--colors-success-100: rgb(220,250,230);--colors-success-200: rgb(171,239,198);--colors-success-25: rgb(246,254,249);--colors-success-300: rgb(117,224,167);--colors-success-400: rgb(71,205,137);--colors-success-500: rgb(23,178,106);--colors-success-50: rgb(236,253,243);--colors-success-600: rgb(7,148,85);--colors-success-700: rgb(6,118,71);--colors-success-800: rgb(8,93,58);--colors-success-900: rgb(7,77,49);--colors-success-950: rgb(5,51,33);--colors-teal-100: rgb(204,251,239);--colors-teal-200: rgb(153,246,224);--colors-teal-25: rgb(246,254,252);--colors-teal-300: rgb(95,233,208);--colors-teal-400: rgb(46,211,183);--colors-teal-500: rgb(21,183,158);--colors-teal-50: rgb(240,253,249);--colors-teal-600: rgb(14,147,132);--colors-teal-700: rgb(16,117,105);--colors-teal-800: rgb(18,93,86);--colors-teal-900: rgb(19,78,72);--colors-teal-950: rgb(10,41,38);--colors-text-text-brand-primary-900: var(--colors-brand-900);--colors-text-text-brand-secondary-700: var(--colors-brand-700);--colors-text-text-brand-secondary-hover: var(--colors-brand-800);--colors-text-text-brand-tertiary-600: var(--colors-brand-600);--colors-text-text-brand-tertiary-alt: var(--colors-brand-600);--colors-text-text-disabled: var(--colors-gray-light-mode-500);--colors-text-text-error-primary-600: var(--colors-error-600);--colors-text-text-error-primary-hover: var(--colors-error-700);--colors-text-text-placeholder-subtle: var(--colors-gray-light-mode-300);--colors-text-text-placeholder: var(--colors-gray-light-mode-500);--colors-text-text-primary-900: var(--colors-gray-light-mode-900);--colors-text-text-primary-on-brand: var(--colors-base-white);--colors-text-text-quaternary-500: var(--colors-gray-light-mode-500);--colors-text-text-quaternary-on-brand: var(--colors-brand-300);--colors-text-text-secondary-700: var(--colors-gray-light-mode-700);--colors-text-text-secondary-hover: var(--colors-gray-light-mode-800);--colors-text-text-secondary-on-brand: var(--colors-brand-200);--colors-text-text-success-primary-600: var(--colors-success-600);--colors-text-text-tertiary-600: var(--colors-gray-light-mode-600);--colors-text-text-tertiary-hover: var(--colors-gray-light-mode-700);--colors-text-text-tertiary-on-brand: var(--colors-brand-200);--colors-text-text-warning-primary-600: var(--colors-warning-600);--colors-text-text-white: var(--colors-base-white);--colors-violet-100: rgb(236,233,254);--colors-violet-200: rgb(221,214,254);--colors-violet-25: rgb(251,250,255);--colors-violet-300: rgb(195,181,253);--colors-violet-400: rgb(164,138,251);--colors-violet-500: rgb(135,91,247);--colors-violet-50: rgb(245,243,255);--colors-violet-600: rgb(120,57,238);--colors-violet-700: rgb(105,39,218);--colors-violet-800: rgb(87,32,183);--colors-violet-900: rgb(73,28,150);--colors-violet-950: rgb(46,18,94);--colors-warning-100: rgb(254,240,199);--colors-warning-200: rgb(254,223,137);--colors-warning-25: rgb(255,252,245);--colors-warning-300: rgb(254,200,75);--colors-warning-400: rgb(253,176,34);--colors-warning-500: rgb(247,144,9);--colors-warning-50: rgb(255,250,235);--colors-warning-600: rgb(220,104,3);--colors-warning-700: rgb(181,71,8);--colors-warning-800: rgb(147,55,13);--colors-warning-900: rgb(122,46,14);--colors-warning-950: rgb(78,29,9);--colors-yellow-100: rgb(254,247,195);--colors-yellow-200: rgb(254,238,149);--colors-yellow-25: rgb(254,253,240);--colors-yellow-300: rgb(253,226,114);--colors-yellow-400: rgb(250,197,21);--colors-yellow-500: rgb(234,170,8);--colors-yellow-50: rgb(254,251,232);--colors-yellow-600: rgb(202,133,4);--colors-yellow-700: rgb(161,92,7);--colors-yellow-800: rgb(133,74,14);--colors-yellow-900: rgb(113,59,18);--colors-yellow-950: rgb(84,44,13);--component-colors-alpha-alpha-black-100: rgb(0,0,0);--component-colors-alpha-alpha-black-10: rgba(0,0,0,.1);--component-colors-alpha-alpha-black-20: rgba(0,0,0,.2);--component-colors-alpha-alpha-black-30: rgba(0,0,0,.3);--component-colors-alpha-alpha-black-40: rgba(0,0,0,.4);--component-colors-alpha-alpha-black-50: rgba(0,0,0,.5);--component-colors-alpha-alpha-black-60: rgba(0,0,0,.6);--component-colors-alpha-alpha-black-70: rgba(0,0,0,.7);--component-colors-alpha-alpha-black-80: rgba(0,0,0,.8);--component-colors-alpha-alpha-black-90: rgba(0,0,0,.9);--component-colors-alpha-alpha-white-100: rgb(255,255,255);--component-colors-alpha-alpha-white-10: rgba(255,255,255,.1);--component-colors-alpha-alpha-white-20: rgba(255,255,255,.2);--component-colors-alpha-alpha-white-30: rgba(255,255,255,.3);--component-colors-alpha-alpha-white-40: rgba(255,255,255,.4);--component-colors-alpha-alpha-white-50: rgba(255,255,255,.5);--component-colors-alpha-alpha-white-60: rgba(255,255,255,.6);--component-colors-alpha-alpha-white-70: rgba(255,255,255,.7);--component-colors-alpha-alpha-white-80: rgba(255,255,255,.8);--component-colors-alpha-alpha-white-90: rgba(255,255,255,.9);--component-colors-components-app-store-badges-app-store-badge-border: rgb(166,166,166);--component-colors-components-avatars-avatar-bg: var(--colors-gray-light-mode-100);--component-colors-components-avatars-avatar-contrast-border: rgba(0,0,0,.08);--component-colors-components-avatars-avatar-styles-bg-neutral: rgb(224,224,224);--component-colors-components-buttons-button-destructive-primary-icon-hover: var(--colors-error-200);--component-colors-components-buttons-button-destructive-primary-icon: var(--colors-error-300);--component-colors-components-buttons-button-primary-icon-hover: var(--colors-brand-200);--component-colors-components-buttons-button-primary-icon: var(--colors-brand-300);--component-colors-components-buttons-primary-button-primary-bg: var(--colors-brand-600);--component-colors-components-buttons-primary-button-primary-border: rgba(255,255,255,.12);--component-colors-components-buttons-primary-button-primary-fg: var(--colors-base-white);--component-colors-components-buttons-primary-button-primary-inner-shadow: rgba(0,0,0,.2);--component-colors-components-buttons-primary-error-button-primary-error-border-hover: var(--colors-error-700);--component-colors-components-buttons-primary-error-button-primary-error-border: var(--colors-error-600);--component-colors-components-buttons-secondary-button-secondary-bg: var(--colors-base-white);--component-colors-components-buttons-secondary-button-secondary-border: var(--colors-gray-light-mode-300);--component-colors-components-buttons-secondary-button-secondary-fg: var(--colors-gray-light-mode-700);--component-colors-components-buttons-tertiary-button-tertiary-fg: var(--colors-gray-light-mode-600);--component-colors-components-buttons-tertiary-color-button-tertiary-color-fg: var(--colors-brand-700);--component-colors-components-buttons-tertiary-error-button-tertiary-error-fg: var(--colors-error-700);--component-colors-components-footers-footer-button-fg-hover: var(--colors-base-white);--component-colors-components-footers-footer-button-fg: var(--colors-brand-200);--component-colors-components-header-sections-brand-header-header-brand-text-secondary: var(--colors-brand-200);--component-colors-components-icons-featured-icons-featured-icon-light-fg-brand: var(--colors-brand-600);--component-colors-components-icons-featured-icons-featured-icon-light-fg-error: var(--colors-error-600);--component-colors-components-icons-featured-icons-featured-icon-light-fg-gray: var(--colors-gray-light-mode-500);--component-colors-components-icons-featured-icons-featured-icon-light-fg-success: var(--colors-success-600);--component-colors-components-icons-featured-icons-featured-icon-light-fg-warning: var(--colors-warning-600);--component-colors-components-icons-icons-icon-fg-brand-on-brand: var(--colors-brand-200);--component-colors-components-icons-icons-icon-fg-brand: var(--colors-brand-600);--component-colors-components-mockups-screen-mockup-border: var(--colors-gray-light-mode-900);--component-colors-components-sliders-slider-handle-bg: var(--colors-base-white);--component-colors-components-sliders-slider-handle-border: var(--colors-brand-600);--component-colors-components-text-editor-text-editor-icon-fg-active: var(--colors-gray-light-mode-500);--component-colors-components-text-editor-text-editor-icon-fg: var(--colors-gray-light-mode-400);--component-colors-components-thumbnail-thumbnail-badge-success-fg: var(--colors-success-700);--component-colors-components-toggles-toggle-border: var(--colors-gray-light-mode-300);--component-colors-components-toggles-toggle-button-fg-disabled: var(--colors-gray-light-mode-50);--component-colors-components-toggles-toggle-slim-border-pressed-hover: var(--colors-background-bg-brand-solid-hover);--component-colors-components-toggles-toggle-slim-border-pressed: var(--colors-background-bg-brand-solid);--component-colors-components-tooltips-tooltip-light-text-primary: var(--colors-gray-light-mode-700);--component-colors-components-tooltips-tooltip-supporting-text: var(--colors-gray-light-mode-300);--component-colors-utility-blue-dark-utility-blue-dark-100: var(--colors-blue-dark-100);--component-colors-utility-blue-dark-utility-blue-dark-200: var(--colors-blue-dark-200);--component-colors-utility-blue-dark-utility-blue-dark-300: var(--colors-blue-dark-300);--component-colors-utility-blue-dark-utility-blue-dark-400: var(--colors-blue-dark-400);--component-colors-utility-blue-dark-utility-blue-dark-500: var(--colors-blue-dark-500);--component-colors-utility-blue-dark-utility-blue-dark-50: var(--colors-blue-dark-50);--component-colors-utility-blue-dark-utility-blue-dark-600: var(--colors-blue-dark-600);--component-colors-utility-blue-dark-utility-blue-dark-700: var(--colors-blue-dark-700);--component-colors-utility-blue-light-utility-blue-light-100: var(--colors-blue-light-100);--component-colors-utility-blue-light-utility-blue-light-200: var(--colors-blue-light-200);--component-colors-utility-blue-light-utility-blue-light-300: var(--colors-blue-light-300);--component-colors-utility-blue-light-utility-blue-light-400: var(--colors-blue-light-400);--component-colors-utility-blue-light-utility-blue-light-500: var(--colors-blue-light-500);--component-colors-utility-blue-light-utility-blue-light-50: var(--colors-blue-light-50);--component-colors-utility-blue-light-utility-blue-light-600: var(--colors-blue-light-600);--component-colors-utility-blue-light-utility-blue-light-700: var(--colors-blue-light-700);--component-colors-utility-blue-utility-blue-100: var(--colors-blue-100);--component-colors-utility-blue-utility-blue-200: var(--colors-blue-200);--component-colors-utility-blue-utility-blue-300: var(--colors-blue-300);--component-colors-utility-blue-utility-blue-400: var(--colors-blue-400);--component-colors-utility-blue-utility-blue-500: var(--colors-blue-500);--component-colors-utility-blue-utility-blue-50: var(--colors-blue-50);--component-colors-utility-blue-utility-blue-600: var(--colors-blue-600);--component-colors-utility-blue-utility-blue-700: var(--colors-blue-700);--component-colors-utility-brand-utility-brand-100-alt: var(--colors-brand-100);--component-colors-utility-brand-utility-brand-100: var(--colors-brand-100);--component-colors-utility-brand-utility-brand-200-alt: var(--colors-brand-200);--component-colors-utility-brand-utility-brand-200: var(--colors-brand-200);--component-colors-utility-brand-utility-brand-300-alt: var(--colors-brand-300);--component-colors-utility-brand-utility-brand-300: var(--colors-brand-300);--component-colors-utility-brand-utility-brand-400-alt: var(--colors-brand-400);--component-colors-utility-brand-utility-brand-400: var(--colors-brand-400);--component-colors-utility-brand-utility-brand-50-alt: var(--colors-brand-50);--component-colors-utility-brand-utility-brand-500-alt: var(--colors-brand-500);--component-colors-utility-brand-utility-brand-500: var(--colors-brand-500);--component-colors-utility-brand-utility-brand-50: var(--colors-brand-50);--component-colors-utility-brand-utility-brand-600-alt: var(--colors-brand-600);--component-colors-utility-brand-utility-brand-600: var(--colors-brand-600);--component-colors-utility-brand-utility-brand-700-alt: var(--colors-brand-700);--component-colors-utility-brand-utility-brand-700: var(--colors-brand-700);--component-colors-utility-brand-utility-brand-800-alt: var(--colors-brand-800);--component-colors-utility-brand-utility-brand-800: var(--colors-brand-800);--component-colors-utility-brand-utility-brand-900-alt: var(--colors-brand-900);--component-colors-utility-brand-utility-brand-900: var(--colors-brand-900);--component-colors-utility-error-utility-error-100: var(--colors-error-100);--component-colors-utility-error-utility-error-200: var(--colors-error-200);--component-colors-utility-error-utility-error-300: var(--colors-error-300);--component-colors-utility-error-utility-error-400: var(--colors-error-400);--component-colors-utility-error-utility-error-500: var(--colors-error-500);--component-colors-utility-error-utility-error-50: var(--colors-error-50);--component-colors-utility-error-utility-error-600: var(--colors-error-600);--component-colors-utility-error-utility-error-700: var(--colors-error-700);--component-colors-utility-fuchsia-utility-fuchsia-100: var(--colors-fuchsia-100);--component-colors-utility-fuchsia-utility-fuchsia-200: var(--colors-fuchsia-200);--component-colors-utility-fuchsia-utility-fuchsia-300: var(--colors-fuchsia-300);--component-colors-utility-fuchsia-utility-fuchsia-400: var(--colors-fuchsia-400);--component-colors-utility-fuchsia-utility-fuchsia-500: var(--colors-fuchsia-500);--component-colors-utility-fuchsia-utility-fuchsia-50: var(--colors-fuchsia-50);--component-colors-utility-fuchsia-utility-fuchsia-600: var(--colors-fuchsia-600);--component-colors-utility-fuchsia-utility-fuchsia-700: var(--colors-fuchsia-700);--component-colors-utility-gray-blue-utility-gray-blue-100: var(--colors-gray-blue-100);--component-colors-utility-gray-blue-utility-gray-blue-200: var(--colors-gray-blue-200);--component-colors-utility-gray-blue-utility-gray-blue-300: var(--colors-gray-blue-300);--component-colors-utility-gray-blue-utility-gray-blue-400: var(--colors-gray-blue-400);--component-colors-utility-gray-blue-utility-gray-blue-500: var(--colors-gray-blue-500);--component-colors-utility-gray-blue-utility-gray-blue-50: var(--colors-gray-blue-50);--component-colors-utility-gray-blue-utility-gray-blue-600: var(--colors-gray-blue-600);--component-colors-utility-gray-blue-utility-gray-blue-700: var(--colors-gray-blue-700);--component-colors-utility-gray-utility-gray-100: var(--colors-gray-light-mode-100);--component-colors-utility-gray-utility-gray-200: var(--colors-gray-light-mode-200);--component-colors-utility-gray-utility-gray-300: var(--colors-gray-light-mode-300);--component-colors-utility-gray-utility-gray-400: var(--colors-gray-light-mode-400);--component-colors-utility-gray-utility-gray-500: var(--colors-gray-light-mode-500);--component-colors-utility-gray-utility-gray-50: var(--colors-gray-light-mode-50);--component-colors-utility-gray-utility-gray-600: var(--colors-gray-light-mode-600);--component-colors-utility-gray-utility-gray-700: var(--colors-gray-light-mode-700);--component-colors-utility-gray-utility-gray-800: var(--colors-gray-light-mode-800);--component-colors-utility-gray-utility-gray-900: var(--colors-gray-light-mode-900);--component-colors-utility-green-utility-green-100: var(--colors-green-100);--component-colors-utility-green-utility-green-200: var(--colors-green-200);--component-colors-utility-green-utility-green-300: var(--colors-green-300);--component-colors-utility-green-utility-green-400: var(--colors-green-400);--component-colors-utility-green-utility-green-500: var(--colors-green-500);--component-colors-utility-green-utility-green-50: var(--colors-green-50);--component-colors-utility-green-utility-green-600: var(--colors-green-600);--component-colors-utility-green-utility-green-700: var(--colors-green-700);--component-colors-utility-indigo-utility-indigo-100: var(--colors-indigo-100);--component-colors-utility-indigo-utility-indigo-200: var(--colors-indigo-200);--component-colors-utility-indigo-utility-indigo-300: var(--colors-indigo-300);--component-colors-utility-indigo-utility-indigo-400: var(--colors-indigo-400);--component-colors-utility-indigo-utility-indigo-500: var(--colors-indigo-500);--component-colors-utility-indigo-utility-indigo-50: var(--colors-indigo-50);--component-colors-utility-indigo-utility-indigo-600: var(--colors-indigo-600);--component-colors-utility-indigo-utility-indigo-700: var(--colors-indigo-700);--component-colors-utility-orange-dark-utility-orange-dark-100: var(--colors-orange-dark-100);--component-colors-utility-orange-dark-utility-orange-dark-200: var(--colors-orange-dark-200);--component-colors-utility-orange-dark-utility-orange-dark-300: var(--colors-orange-dark-300);--component-colors-utility-orange-dark-utility-orange-dark-400: var(--colors-orange-dark-400);--component-colors-utility-orange-dark-utility-orange-dark-500: var(--colors-orange-dark-500);--component-colors-utility-orange-dark-utility-orange-dark-50: var(--colors-orange-dark-50);--component-colors-utility-orange-dark-utility-orange-dark-600: var(--colors-orange-dark-600);--component-colors-utility-orange-dark-utility-orange-dark-700: var(--colors-orange-dark-700);--component-colors-utility-orange-utility-orange-100: var(--colors-orange-100);--component-colors-utility-orange-utility-orange-200: var(--colors-orange-200);--component-colors-utility-orange-utility-orange-300: var(--colors-orange-300);--component-colors-utility-orange-utility-orange-400: var(--colors-orange-400);--component-colors-utility-orange-utility-orange-500: var(--colors-orange-500);--component-colors-utility-orange-utility-orange-50: var(--colors-orange-50);--component-colors-utility-orange-utility-orange-600: var(--colors-orange-600);--component-colors-utility-orange-utility-orange-700: var(--colors-orange-700);--component-colors-utility-pink-utility-pink-100: var(--colors-pink-100);--component-colors-utility-pink-utility-pink-200: var(--colors-pink-200);--component-colors-utility-pink-utility-pink-300: var(--colors-pink-300);--component-colors-utility-pink-utility-pink-400: var(--colors-pink-400);--component-colors-utility-pink-utility-pink-500: var(--colors-pink-500);--component-colors-utility-pink-utility-pink-50: var(--colors-pink-50);--component-colors-utility-pink-utility-pink-600: var(--colors-pink-600);--component-colors-utility-pink-utility-pink-700: var(--colors-pink-700);--component-colors-utility-purple-utility-purple-100: var(--colors-purple-100);--component-colors-utility-purple-utility-purple-200: var(--colors-purple-200);--component-colors-utility-purple-utility-purple-300: var(--colors-purple-300);--component-colors-utility-purple-utility-purple-400: var(--colors-purple-400);--component-colors-utility-purple-utility-purple-500: var(--colors-purple-500);--component-colors-utility-purple-utility-purple-50: var(--colors-purple-50);--component-colors-utility-purple-utility-purple-600: var(--colors-purple-600);--component-colors-utility-purple-utility-purple-700: var(--colors-purple-700);--component-colors-utility-success-utility-success-100: var(--colors-success-100);--component-colors-utility-success-utility-success-200: var(--colors-success-200);--component-colors-utility-success-utility-success-300: var(--colors-success-300);--component-colors-utility-success-utility-success-400: var(--colors-success-400);--component-colors-utility-success-utility-success-500: var(--colors-success-500);--component-colors-utility-success-utility-success-50: var(--colors-success-50);--component-colors-utility-success-utility-success-600: var(--colors-success-600);--component-colors-utility-success-utility-success-700: var(--colors-success-700);--component-colors-utility-warning-utility-warning-100: var(--colors-warning-100);--component-colors-utility-warning-utility-warning-200: var(--colors-warning-200);--component-colors-utility-warning-utility-warning-300: var(--colors-warning-300);--component-colors-utility-warning-utility-warning-400: var(--colors-warning-400);--component-colors-utility-warning-utility-warning-500: var(--colors-warning-500);--component-colors-utility-warning-utility-warning-50: var(--colors-warning-50);--component-colors-utility-warning-utility-warning-600: var(--colors-warning-600);--component-colors-utility-warning-utility-warning-700: var(--colors-warning-700);--component-colors-utility-yellow-utility-yellow-100: var(--colors-yellow-100);--component-colors-utility-yellow-utility-yellow-200: var(--colors-yellow-200);--component-colors-utility-yellow-utility-yellow-300: var(--colors-yellow-300);--component-colors-utility-yellow-utility-yellow-400: var(--colors-yellow-400);--component-colors-utility-yellow-utility-yellow-500: var(--colors-yellow-500);--component-colors-utility-yellow-utility-yellow-50: var(--colors-yellow-50);--component-colors-utility-yellow-utility-yellow-600: var(--colors-yellow-600);--component-colors-utility-yellow-utility-yellow-700: var(--colors-yellow-700);--container-max-width-desktop: var(--spacing-320-1-280px);--container-padding-desktop: var(--spacing-8-32px);--container-padding-mobile: var(--spacing-4-16px);--error-25: rgb(255,251,250);--font-family-font-family-body: "Inter";--font-family-font-family-display: "Inter";--font-size-display-2xl: 72;--font-size-display-lg: 48;--font-size-display-md: 36;--font-size-display-sm: 30;--font-size-display-xl: 60;--font-size-display-xs: 24;--font-size-text-lg: 18;--font-size-text-md: 16;--font-size-text-sm: 14;--font-size-text-xl: 20;--font-size-text-xs: 12;--font-size-text-xxs: 10;--font-weight-bold-italic: "Bold italic";--font-weight-bold: "Bold";--font-weight-medium-italic: "Medium italic";--font-weight-medium: "Medium";--font-weight-regular-italic: "Regular italic";--font-weight-regular: "Regular";--font-weight-semibold-italic: "Semibold italic";--font-weight-semibold: "Semibold";--line-height-display-2xl: 90;--line-height-display-lg: 60;--line-height-display-md: 44;--line-height-display-sm: 38;--line-height-display-xl: 72;--line-height-display-xs: 32;--line-height-text-lg: 28;--line-height-text-md: 24;--line-height-text-sm: 20;--line-height-text-xl: 30;--line-height-text-xs: 18;--line-height-text-xxs: 16;--paragraph-max-width: var(--spacing-180-720px);--radius-2xl: 16;--radius-3xl: 20;--radius-4xl: 24;--radius-full: 9999;--radius-lg: 10;--radius-md: 8;--radius-none: 0;--radius-sm: 6;--radius-xl: 12;--radius-xs: 4;--radius-xxs: 2;--spacing-0-0px: 0;--spacing-0-5-2px: 2;--spacing-1-4px: 4;--spacing-1-5-6px: 6;--spacing-10-40px: 40;--spacing-10xl: var(--spacing-32-128px);--spacing-11xl: var(--spacing-40-160px);--spacing-12-48px: 48;--spacing-120-480px: 480;--spacing-140-560px: 560;--spacing-16-64px: 64;--spacing-160-640px: 640;--spacing-180-720px: 720;--spacing-192-768px: 768;--spacing-2-8px: 8;--spacing-20-80px: 80;--spacing-24-96px: 96;--spacing-256-1-024px: 1024;--spacing-2xl: var(--spacing-5-20px);--spacing-3-12px: 12;--spacing-32-128px: 128;--spacing-320-1-280px: 1280;--spacing-360-1-440px: 1440;--spacing-3xl: var(--spacing-6-24px);--spacing-4-16px: 16;--spacing-40-160px: 160;--spacing-400-1-600px: 1600;--spacing-48-192px: 192;--spacing-480-1-920px: 1920;--spacing-4xl: var(--spacing-8-32px);--spacing-5-20px: 20;--spacing-56-224px: 224;--spacing-5xl: var(--spacing-10-40px);--spacing-6-24px: 24;--spacing-64-256px: 256;--spacing-6xl: var(--spacing-12-48px);--spacing-7xl: var(--spacing-16-64px);--spacing-8-32px: 32;--spacing-80-320px: 320;--spacing-8xl: var(--spacing-20-80px);--spacing-96-384px: 384;--spacing-9xl: var(--spacing-24-96px);--spacing-lg: var(--spacing-3-12px);--spacing-md: var(--spacing-2-8px);--spacing-none: var(--spacing-0-0px);--spacing-sm: var(--spacing-1-5-6px);--spacing-xl: var(--spacing-4-16px);--spacing-xs: var(--spacing-1-4px);--spacing-xxs: var(--spacing-0-5-2px);--width-2xl: var(--spacing-256-1-024px);--width-3xl: var(--spacing-320-1-280px);--width-4xl: var(--spacing-360-1-440px);--width-5xl: var(--spacing-400-1-600px);--width-6xl: var(--spacing-480-1-920px);--width-lg: var(--spacing-160-640px);--width-md: var(--spacing-140-560px);--width-move-width-lg: var(--spacing-256-1-024px);--width-move-width-md: var(--spacing-192-768px);--width-sm: var(--spacing-120-480px);--width-xl: var(--spacing-192-768px);--width-xs: var(--spacing-96-384px);--width-xxs: var(--spacing-80-320px)}:root[data-theme=dark],.dark{--colors-background-bg-active: var(--colors-gray-dark-mode-800);--colors-background-bg-brand-primary-alt: var(--colors-background-bg-secondary);--colors-background-bg-brand-primary: var(--colors-brand-500);--colors-background-bg-brand-secondary: var(--colors-brand-600);--colors-background-bg-brand-section-subtle: var(--colors-background-bg-primary);--colors-background-bg-brand-section: var(--colors-background-bg-secondary);--colors-background-bg-brand-solid-hover: var(--colors-brand-500);--colors-background-bg-brand-solid: var(--colors-brand-600);--colors-background-bg-disabled-subtle: var(--colors-gray-dark-mode-900);--colors-background-bg-disabled: var(--colors-gray-dark-mode-800);--colors-background-bg-error-primary: var(--colors-error-950);--colors-background-bg-error-secondary: var(--colors-error-600);--colors-background-bg-error-solid: var(--colors-error-600);--colors-background-bg-overlay: var(--colors-gray-dark-mode-800);--colors-background-bg-primary-alt: var(--colors-background-bg-secondary);--colors-background-bg-primary-hover: var(--colors-gray-dark-mode-800);--colors-background-bg-primary-solid: var(--colors-background-bg-secondary);--colors-background-bg-primary: var(--colors-gray-dark-mode-950);--colors-background-bg-quaternary: var(--colors-gray-dark-mode-700);--colors-background-bg-secondary-alt: var(--colors-background-bg-primary);--colors-background-bg-secondary-hover: var(--colors-gray-dark-mode-800);--colors-background-bg-secondary-solid: var(--colors-gray-dark-mode-600);--colors-background-bg-secondary-subtle: var(--colors-gray-dark-mode-900);--colors-background-bg-secondary: var(--colors-gray-dark-mode-900);--colors-background-bg-success-primary: var(--colors-success-950);--colors-background-bg-success-secondary: var(--colors-success-600);--colors-background-bg-success-solid: var(--colors-success-600);--colors-background-bg-tertiary: var(--colors-gray-dark-mode-800);--colors-background-bg-warning-primary: var(--colors-warning-950);--colors-background-bg-warning-secondary: var(--colors-warning-600);--colors-background-bg-warning-solid: var(--colors-warning-600);--colors-border-border-brand-alt: var(--colors-gray-dark-mode-700);--colors-border-border-brand-secondary: var(--colors-brand-700);--colors-border-border-brand: var(--colors-brand-400);--colors-border-border-disabled-subtle: var(--colors-gray-dark-mode-800);--colors-border-border-disabled: var(--colors-gray-dark-mode-700);--colors-border-border-error-subtle: var(--colors-error-700);--colors-border-border-error: var(--colors-error-400);--colors-border-border-primary: var(--colors-gray-dark-mode-700);--colors-border-border-secondary-alt: var(--colors-gray-dark-mode-700);--colors-border-border-secondary: var(--colors-gray-dark-mode-800);--colors-border-border-success-subtle: var(--colors-success-700);--colors-border-border-success: var(--colors-success-400);--colors-border-border-tertiary: var(--colors-gray-dark-mode-800);--colors-effects-focus-rings-focus-ring-error: var(--colors-error-500);--colors-effects-focus-rings-focus-ring: var(--colors-brand-500);--colors-effects-portfolio-mockups-shadow-grid-md: var(--colors-base-transparent);--colors-effects-portfolio-mockups-shadow-main-centre-lg: var(--colors-base-transparent);--colors-effects-portfolio-mockups-shadow-main-centre-md: var(--colors-base-transparent);--colors-effects-portfolio-mockups-shadow-overlay-lg: var(--colors-base-transparent);--colors-effects-shadows-shadow-2xl-01: var(--colors-base-transparent);--colors-effects-shadows-shadow-2xl-02: var(--colors-base-transparent);--colors-effects-shadows-shadow-3xl-01: var(--colors-base-transparent);--colors-effects-shadows-shadow-3xl-02: var(--colors-base-transparent);--colors-effects-shadows-shadow-lg-01: var(--colors-base-transparent);--colors-effects-shadows-shadow-lg-02: var(--colors-base-transparent);--colors-effects-shadows-shadow-lg-03: var(--colors-base-transparent);--colors-effects-shadows-shadow-md-01: var(--colors-base-transparent);--colors-effects-shadows-shadow-md-02: var(--colors-base-transparent);--colors-effects-shadows-shadow-skeumorphic-inner-border: rgba(12,14,18,.18);--colors-effects-shadows-shadow-skeumorphic-inner: rgba(12,14,18,.05);--colors-effects-shadows-shadow-sm-01: var(--colors-base-transparent);--colors-effects-shadows-shadow-sm-02: var(--colors-base-transparent);--colors-effects-shadows-shadow-xl-01: var(--colors-base-transparent);--colors-effects-shadows-shadow-xl-02: var(--colors-base-transparent);--colors-effects-shadows-shadow-xl-03: var(--colors-base-transparent);--colors-effects-shadows-shadow-xs: var(--colors-base-transparent);--colors-foreground-fg-brand-primary-600: var(--colors-brand-500);--colors-foreground-fg-brand-primary-alt: var(--colors-gray-dark-mode-300);--colors-foreground-fg-brand-secondary-500: var(--colors-brand-500);--colors-foreground-fg-brand-secondary-alt: var(--colors-gray-dark-mode-600);--colors-foreground-fg-brand-secondary-hover: var(--colors-gray-dark-mode-500);--colors-foreground-fg-disabled-subtle: var(--colors-gray-dark-mode-600);--colors-foreground-fg-disabled: var(--colors-gray-dark-mode-500);--colors-foreground-fg-error-primary: var(--colors-error-500);--colors-foreground-fg-error-secondary: var(--colors-error-400);--colors-foreground-fg-primary-900: var(--colors-base-white);--colors-foreground-fg-quaternary-400: var(--colors-gray-dark-mode-600);--colors-foreground-fg-quaternary-500: var(--colors-gray-dark-mode-400);--colors-foreground-fg-quaternary-hover: var(--colors-gray-dark-mode-500);--colors-foreground-fg-secondary-700: var(--colors-gray-dark-mode-300);--colors-foreground-fg-secondary-hover: var(--colors-gray-dark-mode-200);--colors-foreground-fg-success-primary: var(--colors-success-500);--colors-foreground-fg-success-secondary: var(--colors-success-400);--colors-foreground-fg-tertiary-600: var(--colors-gray-dark-mode-400);--colors-foreground-fg-tertiary-hover: var(--colors-gray-dark-mode-300);--colors-foreground-fg-warning-primary: var(--colors-warning-500);--colors-foreground-fg-warning-secondary: var(--colors-warning-400);--colors-foreground-fg-white: var(--colors-base-white);--colors-text-text-brand-primary-900: var(--colors-gray-dark-mode-50);--colors-text-text-brand-secondary-700: var(--colors-gray-dark-mode-300);--colors-text-text-brand-secondary-hover: var(--colors-gray-dark-mode-200);--colors-text-text-brand-tertiary-600: var(--colors-gray-dark-mode-400);--colors-text-text-brand-tertiary-alt: var(--colors-gray-dark-mode-50);--colors-text-text-disabled: var(--colors-gray-dark-mode-500);--colors-text-text-error-primary-600: var(--colors-error-400);--colors-text-text-error-primary-hover: var(--colors-error-300);--colors-text-text-placeholder-subtle: var(--colors-gray-dark-mode-700);--colors-text-text-placeholder: var(--colors-gray-dark-mode-500);--colors-text-text-primary-900: var(--colors-gray-dark-mode-50);--colors-text-text-primary-on-brand: var(--colors-gray-dark-mode-50);--colors-text-text-quaternary-500: var(--colors-gray-dark-mode-400);--colors-text-text-quaternary-on-brand: var(--colors-gray-dark-mode-400);--colors-text-text-secondary-700: var(--colors-gray-dark-mode-300);--colors-text-text-secondary-hover: var(--colors-gray-dark-mode-200);--colors-text-text-secondary-on-brand: var(--colors-gray-dark-mode-300);--colors-text-text-success-primary-600: var(--colors-success-400);--colors-text-text-tertiary-600: var(--colors-gray-dark-mode-400);--colors-text-text-tertiary-hover: var(--colors-gray-dark-mode-300);--colors-text-text-tertiary-on-brand: var(--colors-gray-dark-mode-400);--colors-text-text-warning-primary-600: var(--colors-warning-400);--colors-text-text-white: var(--colors-base-white);--component-colors-alpha-alpha-black-100: rgb(255,255,255);--component-colors-alpha-alpha-black-10: rgba(255,255,255,.1);--component-colors-alpha-alpha-black-20: rgba(255,255,255,.2);--component-colors-alpha-alpha-black-30: rgba(255,255,255,.3);--component-colors-alpha-alpha-black-40: rgba(255,255,255,.4);--component-colors-alpha-alpha-black-50: rgba(255,255,255,.5);--component-colors-alpha-alpha-black-60: rgba(255,255,255,.6);--component-colors-alpha-alpha-black-70: rgba(255,255,255,.7);--component-colors-alpha-alpha-black-80: rgba(255,255,255,.8);--component-colors-alpha-alpha-black-90: rgba(255,255,255,.9);--component-colors-alpha-alpha-white-100: var(--colors-gray-dark-mode-950);--component-colors-alpha-alpha-white-10: rgba(12,14,18,.1);--component-colors-alpha-alpha-white-20: rgba(12,14,18,.2);--component-colors-alpha-alpha-white-30: rgba(12,14,18,.3);--component-colors-alpha-alpha-white-40: rgba(12,14,18,.4);--component-colors-alpha-alpha-white-50: rgba(12,14,18,.5);--component-colors-alpha-alpha-white-60: rgba(12,14,18,.6);--component-colors-alpha-alpha-white-70: rgba(12,14,18,.7);--component-colors-alpha-alpha-white-80: rgba(12,14,18,.8);--component-colors-alpha-alpha-white-90: rgba(12,14,18,.9);--component-colors-components-app-store-badges-app-store-badge-border: var(--colors-base-white);--component-colors-components-avatars-avatar-bg: var(--colors-gray-dark-mode-800);--component-colors-components-avatars-avatar-contrast-border: rgba(255,255,255,.12);--component-colors-components-avatars-avatar-styles-bg-neutral: rgb(224,224,224);--component-colors-components-buttons-button-destructive-primary-icon-hover: var(--colors-error-200);--component-colors-components-buttons-button-destructive-primary-icon: var(--colors-error-300);--component-colors-components-buttons-button-primary-icon-hover: var(--colors-brand-200);--component-colors-components-buttons-button-primary-icon: var(--colors-brand-300);--component-colors-components-buttons-primary-button-primary-bg: var(--colors-brand-600);--component-colors-components-buttons-primary-button-primary-border: rgba(255,255,255,.12);--component-colors-components-buttons-primary-button-primary-fg: var(--colors-base-white);--component-colors-components-buttons-primary-button-primary-inner-shadow: rgba(0,0,0,.2);--component-colors-components-buttons-primary-error-button-primary-error-border-hover: var(--colors-error-700);--component-colors-components-buttons-primary-error-button-primary-error-border: var(--colors-error-600);--component-colors-components-buttons-secondary-button-secondary-bg: var(--colors-gray-dark-mode-900);--component-colors-components-buttons-secondary-button-secondary-border: var(--colors-gray-dark-mode-700);--component-colors-components-buttons-secondary-button-secondary-fg: var(--colors-gray-dark-mode-300);--component-colors-components-buttons-tertiary-button-tertiary-fg: var(--colors-gray-dark-mode-400);--component-colors-components-buttons-tertiary-color-button-tertiary-color-fg: var(--colors-gray-dark-mode-300);--component-colors-components-buttons-tertiary-error-button-tertiary-error-fg: var(--colors-error-300);--component-colors-components-footers-footer-button-fg-hover: var(--colors-gray-dark-mode-100);--component-colors-components-footers-footer-button-fg: var(--colors-gray-dark-mode-300);--component-colors-components-header-sections-brand-header-header-brand-text-secondary: var(--colors-gray-light-mode-300);--component-colors-components-icons-featured-icons-featured-icon-light-fg-brand: var(--colors-brand-200);--component-colors-components-icons-featured-icons-featured-icon-light-fg-error: var(--colors-error-200);--component-colors-components-icons-featured-icons-featured-icon-light-fg-gray: var(--colors-gray-dark-mode-200);--component-colors-components-icons-featured-icons-featured-icon-light-fg-success: var(--colors-success-200);--component-colors-components-icons-featured-icons-featured-icon-light-fg-warning: var(--colors-warning-200);--component-colors-components-icons-icons-icon-fg-brand-on-brand: var(--colors-gray-dark-mode-400);--component-colors-components-icons-icons-icon-fg-brand: var(--colors-gray-dark-mode-400);--component-colors-components-mockups-screen-mockup-border: var(--colors-gray-dark-mode-700);--component-colors-components-sliders-slider-handle-bg: var(--colors-foreground-fg-brand-primary-600);--component-colors-components-sliders-slider-handle-border: var(--colors-background-bg-primary);--component-colors-components-text-editor-text-editor-icon-fg-active: var(--colors-base-white);--component-colors-components-text-editor-text-editor-icon-fg: var(--colors-gray-dark-mode-400);--component-colors-components-thumbnail-thumbnail-badge-success-fg: var(--colors-gray-dark-mode-300);--component-colors-components-toggles-toggle-border: var(--colors-base-transparent);--component-colors-components-toggles-toggle-button-fg-disabled: var(--colors-gray-dark-mode-600);--component-colors-components-toggles-toggle-slim-border-pressed-hover: var(--colors-base-transparent);--component-colors-components-toggles-toggle-slim-border-pressed: var(--colors-base-transparent);--component-colors-components-tooltips-tooltip-light-text-primary: var(--colors-base-white);--component-colors-components-tooltips-tooltip-supporting-text: var(--colors-gray-dark-mode-300);--component-colors-utility-blue-dark-utility-blue-dark-100: var(--colors-blue-dark-900);--component-colors-utility-blue-dark-utility-blue-dark-200: var(--colors-blue-dark-800);--component-colors-utility-blue-dark-utility-blue-dark-300: var(--colors-blue-dark-700);--component-colors-utility-blue-dark-utility-blue-dark-400: var(--colors-blue-dark-600);--component-colors-utility-blue-dark-utility-blue-dark-500: var(--colors-blue-dark-500);--component-colors-utility-blue-dark-utility-blue-dark-50: var(--colors-blue-dark-950);--component-colors-utility-blue-dark-utility-blue-dark-600: var(--colors-blue-dark-400);--component-colors-utility-blue-dark-utility-blue-dark-700: var(--colors-blue-dark-300);--component-colors-utility-blue-light-utility-blue-light-100: var(--colors-blue-light-900);--component-colors-utility-blue-light-utility-blue-light-200: var(--colors-blue-light-800);--component-colors-utility-blue-light-utility-blue-light-300: var(--colors-blue-light-700);--component-colors-utility-blue-light-utility-blue-light-400: var(--colors-blue-light-600);--component-colors-utility-blue-light-utility-blue-light-500: var(--colors-blue-light-500);--component-colors-utility-blue-light-utility-blue-light-50: var(--colors-blue-light-950);--component-colors-utility-blue-light-utility-blue-light-600: var(--colors-blue-light-400);--component-colors-utility-blue-light-utility-blue-light-700: var(--colors-blue-light-300);--component-colors-utility-blue-utility-blue-100: var(--colors-blue-900);--component-colors-utility-blue-utility-blue-200: var(--colors-blue-800);--component-colors-utility-blue-utility-blue-300: var(--colors-blue-700);--component-colors-utility-blue-utility-blue-400: var(--colors-blue-600);--component-colors-utility-blue-utility-blue-500: var(--colors-blue-500);--component-colors-utility-blue-utility-blue-50: var(--colors-blue-950);--component-colors-utility-blue-utility-blue-600: var(--colors-blue-400);--component-colors-utility-blue-utility-blue-700: var(--colors-blue-300);--component-colors-utility-brand-utility-brand-100-alt: var(--component-colors-utility-gray-utility-gray-100);--component-colors-utility-brand-utility-brand-100: var(--colors-brand-900);--component-colors-utility-brand-utility-brand-200-alt: var(--component-colors-utility-gray-utility-gray-200);--component-colors-utility-brand-utility-brand-200: var(--colors-brand-800);--component-colors-utility-brand-utility-brand-300-alt: var(--component-colors-utility-gray-utility-gray-300);--component-colors-utility-brand-utility-brand-300: var(--colors-brand-700);--component-colors-utility-brand-utility-brand-400-alt: var(--component-colors-utility-gray-utility-gray-400);--component-colors-utility-brand-utility-brand-400: var(--colors-brand-600);--component-colors-utility-brand-utility-brand-50-alt: var(--component-colors-utility-gray-utility-gray-50);--component-colors-utility-brand-utility-brand-500-alt: var(--component-colors-utility-gray-utility-gray-500);--component-colors-utility-brand-utility-brand-500: var(--colors-brand-500);--component-colors-utility-brand-utility-brand-50: var(--colors-brand-950);--component-colors-utility-brand-utility-brand-600-alt: var(--component-colors-utility-gray-utility-gray-600);--component-colors-utility-brand-utility-brand-600: var(--colors-brand-400);--component-colors-utility-brand-utility-brand-700-alt: var(--component-colors-utility-gray-utility-gray-700);--component-colors-utility-brand-utility-brand-700: var(--colors-brand-300);--component-colors-utility-brand-utility-brand-800-alt: var(--component-colors-utility-gray-utility-gray-800);--component-colors-utility-brand-utility-brand-800: var(--colors-brand-200);--component-colors-utility-brand-utility-brand-900-alt: var(--component-colors-utility-gray-utility-gray-900);--component-colors-utility-brand-utility-brand-900: var(--colors-brand-100);--component-colors-utility-error-utility-error-100: var(--colors-error-900);--component-colors-utility-error-utility-error-200: var(--colors-error-800);--component-colors-utility-error-utility-error-300: var(--colors-error-700);--component-colors-utility-error-utility-error-400: var(--colors-error-600);--component-colors-utility-error-utility-error-500: var(--colors-error-500);--component-colors-utility-error-utility-error-50: var(--colors-error-950);--component-colors-utility-error-utility-error-600: var(--colors-error-400);--component-colors-utility-error-utility-error-700: var(--colors-error-300);--component-colors-utility-fuchsia-utility-fuchsia-100: var(--colors-fuchsia-900);--component-colors-utility-fuchsia-utility-fuchsia-200: var(--colors-fuchsia-800);--component-colors-utility-fuchsia-utility-fuchsia-300: var(--colors-fuchsia-700);--component-colors-utility-fuchsia-utility-fuchsia-400: var(--colors-fuchsia-600);--component-colors-utility-fuchsia-utility-fuchsia-500: var(--colors-fuchsia-500);--component-colors-utility-fuchsia-utility-fuchsia-50: var(--colors-fuchsia-950);--component-colors-utility-fuchsia-utility-fuchsia-600: var(--colors-fuchsia-400);--component-colors-utility-fuchsia-utility-fuchsia-700: var(--colors-fuchsia-300);--component-colors-utility-gray-blue-utility-gray-blue-100: var(--colors-gray-blue-900);--component-colors-utility-gray-blue-utility-gray-blue-200: var(--colors-gray-blue-800);--component-colors-utility-gray-blue-utility-gray-blue-300: var(--colors-gray-blue-700);--component-colors-utility-gray-blue-utility-gray-blue-400: var(--colors-gray-blue-600);--component-colors-utility-gray-blue-utility-gray-blue-500: var(--colors-gray-blue-500);--component-colors-utility-gray-blue-utility-gray-blue-50: var(--colors-gray-blue-950);--component-colors-utility-gray-blue-utility-gray-blue-600: var(--colors-gray-blue-400);--component-colors-utility-gray-blue-utility-gray-blue-700: var(--colors-gray-blue-300);--component-colors-utility-gray-utility-gray-100: var(--colors-gray-dark-mode-800);--component-colors-utility-gray-utility-gray-200: var(--colors-gray-dark-mode-700);--component-colors-utility-gray-utility-gray-300: var(--colors-gray-dark-mode-700);--component-colors-utility-gray-utility-gray-400: var(--colors-gray-dark-mode-600);--component-colors-utility-gray-utility-gray-500: var(--colors-gray-dark-mode-500);--component-colors-utility-gray-utility-gray-50: var(--colors-gray-dark-mode-900);--component-colors-utility-gray-utility-gray-600: var(--colors-gray-dark-mode-400);--component-colors-utility-gray-utility-gray-700: var(--colors-gray-dark-mode-300);--component-colors-utility-gray-utility-gray-800: var(--colors-gray-dark-mode-200);--component-colors-utility-gray-utility-gray-900: var(--colors-gray-dark-mode-100);--component-colors-utility-green-utility-green-100: var(--colors-green-900);--component-colors-utility-green-utility-green-200: var(--colors-green-800);--component-colors-utility-green-utility-green-300: var(--colors-green-700);--component-colors-utility-green-utility-green-400: var(--colors-green-600);--component-colors-utility-green-utility-green-500: var(--colors-green-500);--component-colors-utility-green-utility-green-50: var(--colors-green-950);--component-colors-utility-green-utility-green-600: var(--colors-green-400);--component-colors-utility-green-utility-green-700: var(--colors-green-300);--component-colors-utility-indigo-utility-indigo-100: var(--colors-indigo-900);--component-colors-utility-indigo-utility-indigo-200: var(--colors-indigo-800);--component-colors-utility-indigo-utility-indigo-300: var(--colors-indigo-700);--component-colors-utility-indigo-utility-indigo-400: var(--colors-indigo-600);--component-colors-utility-indigo-utility-indigo-500: var(--colors-indigo-500);--component-colors-utility-indigo-utility-indigo-50: var(--colors-indigo-950);--component-colors-utility-indigo-utility-indigo-600: var(--colors-indigo-400);--component-colors-utility-indigo-utility-indigo-700: var(--colors-indigo-300);--component-colors-utility-orange-dark-utility-orange-dark-100: var(--colors-orange-dark-900);--component-colors-utility-orange-dark-utility-orange-dark-200: var(--colors-orange-dark-800);--component-colors-utility-orange-dark-utility-orange-dark-300: var(--colors-orange-dark-700);--component-colors-utility-orange-dark-utility-orange-dark-400: var(--colors-orange-dark-600);--component-colors-utility-orange-dark-utility-orange-dark-500: var(--colors-orange-dark-500);--component-colors-utility-orange-dark-utility-orange-dark-50: var(--colors-orange-dark-950);--component-colors-utility-orange-dark-utility-orange-dark-600: var(--colors-orange-dark-400);--component-colors-utility-orange-dark-utility-orange-dark-700: var(--colors-orange-dark-300);--component-colors-utility-orange-utility-orange-100: var(--colors-orange-900);--component-colors-utility-orange-utility-orange-200: var(--colors-orange-800);--component-colors-utility-orange-utility-orange-300: var(--colors-orange-700);--component-colors-utility-orange-utility-orange-400: var(--colors-orange-600);--component-colors-utility-orange-utility-orange-500: var(--colors-orange-500);--component-colors-utility-orange-utility-orange-50: var(--colors-orange-950);--component-colors-utility-orange-utility-orange-600: var(--colors-orange-400);--component-colors-utility-orange-utility-orange-700: var(--colors-orange-300);--component-colors-utility-pink-utility-pink-100: var(--colors-pink-900);--component-colors-utility-pink-utility-pink-200: var(--colors-pink-800);--component-colors-utility-pink-utility-pink-300: var(--colors-pink-700);--component-colors-utility-pink-utility-pink-400: var(--colors-pink-600);--component-colors-utility-pink-utility-pink-500: var(--colors-pink-500);--component-colors-utility-pink-utility-pink-50: var(--colors-pink-950);--component-colors-utility-pink-utility-pink-600: var(--colors-pink-400);--component-colors-utility-pink-utility-pink-700: var(--colors-pink-300);--component-colors-utility-purple-utility-purple-100: var(--colors-purple-900);--component-colors-utility-purple-utility-purple-200: var(--colors-purple-800);--component-colors-utility-purple-utility-purple-300: var(--colors-purple-700);--component-colors-utility-purple-utility-purple-400: var(--colors-purple-600);--component-colors-utility-purple-utility-purple-500: var(--colors-purple-500);--component-colors-utility-purple-utility-purple-50: var(--colors-purple-950);--component-colors-utility-purple-utility-purple-600: var(--colors-purple-400);--component-colors-utility-purple-utility-purple-700: var(--colors-purple-300);--component-colors-utility-success-utility-success-100: var(--colors-success-900);--component-colors-utility-success-utility-success-200: var(--colors-success-800);--component-colors-utility-success-utility-success-300: var(--colors-success-700);--component-colors-utility-success-utility-success-400: var(--colors-success-600);--component-colors-utility-success-utility-success-500: var(--colors-success-500);--component-colors-utility-success-utility-success-50: var(--colors-success-950);--component-colors-utility-success-utility-success-600: var(--colors-success-400);--component-colors-utility-success-utility-success-700: var(--colors-success-300);--component-colors-utility-warning-utility-warning-100: var(--colors-warning-900);--component-colors-utility-warning-utility-warning-200: var(--colors-warning-800);--component-colors-utility-warning-utility-warning-300: var(--colors-warning-700);--component-colors-utility-warning-utility-warning-400: var(--colors-warning-600);--component-colors-utility-warning-utility-warning-500: var(--colors-warning-500);--component-colors-utility-warning-utility-warning-50: var(--colors-warning-950);--component-colors-utility-warning-utility-warning-600: var(--colors-warning-400);--component-colors-utility-warning-utility-warning-700: var(--colors-warning-300);--component-colors-utility-yellow-utility-yellow-100: var(--colors-yellow-900);--component-colors-utility-yellow-utility-yellow-200: var(--colors-yellow-800);--component-colors-utility-yellow-utility-yellow-300: var(--colors-yellow-700);--component-colors-utility-yellow-utility-yellow-400: var(--colors-yellow-600);--component-colors-utility-yellow-utility-yellow-500: var(--colors-yellow-500);--component-colors-utility-yellow-utility-yellow-50: var(--colors-yellow-950);--component-colors-utility-yellow-utility-yellow-600: var(--colors-yellow-400);--component-colors-utility-yellow-utility-yellow-700: var(--colors-yellow-300);--width-move-width-lg: var(--spacing-256-1-024px);--width-move-width-md: var(--spacing-192-768px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--colors-background-bg-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;color:var(--colors-text-text-primary-900)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}:focus-visible{outline:2px solid var(--colors-brand-600);outline-offset:2px}[data-scroll]{scrollbar-width:none}[data-scroll]::-webkit-scrollbar{display:none}@keyframes sheetUp{0%{transform:translateY(26px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes toastIn{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.97) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes arrowNudge{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app-main{flex:1;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scroll-behavior:smooth;scroll-snap-type:y proximity;background:#fbfaff}.feed{background:transparent}.hero{position:relative;isolation:isolate;min-height:76vh;min-height:76svh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:calc(env(safe-area-inset-top,0px) + 32px) 20px calc(env(safe-area-inset-bottom,0px) + 96px);text-align:center;scroll-snap-align:start;background:radial-gradient(circle at 50% 105%,rgba(124,58,237,.13),transparent 37%),linear-gradient(180deg,#fff,#fbfaff)}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;width:340px;height:340px;border-radius:9999px;filter:blur(1px);opacity:.42;background:radial-gradient(circle,rgba(124,58,237,.08),transparent 68%)}.hero:before{top:-190px;left:-190px}.hero:after{right:-210px;bottom:-150px}.hero-inner{width:min(100%,1160px);display:flex;flex-direction:column;align-items:center}.hero-logo{display:block;width:clamp(46px,4.2vw,60px);height:clamp(46px,4.2vw,60px);margin-bottom:clamp(22px,3vh,32px);object-fit:contain}.hero-title{max-width:1120px;margin:0;color:var(--colors-gray-light-mode-950);font-size:clamp(36px,5.75vw,82px);line-height:.98;font-weight:680;letter-spacing:-.065em;text-wrap:balance}.hero-title span{color:var(--colors-brand-600)}.hero-copy{max-width:720px;margin:clamp(20px,3vh,28px) 0 0;color:var(--colors-text-text-tertiary-600);font-size:clamp(15px,1.35vw,19px);line-height:1.55;letter-spacing:-.015em;text-wrap:balance}.scroll-cue{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);transform:translate(-50%);display:inline-flex;flex-direction:column;align-items:center;gap:8px;color:var(--colors-text-text-tertiary-600);font-size:11px;line-height:16px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.scroll-cue-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;color:var(--colors-brand-600);background:#ffffffd6;border:1px solid var(--colors-brand-200);box-shadow:0 8px 24px #4a1d951a;animation:arrowNudge 1.8s ease-in-out infinite;transition:color .18s ease,background .18s ease,transform .18s ease}.scroll-cue:hover .scroll-cue-icon{color:#fff;background:var(--colors-brand-600)}.content{min-height:100svh;scroll-margin-top:0;scroll-snap-align:start}.chips-bar{display:flex;gap:8px;overflow-x:auto;padding:14px 16px;background:#fbfafff5;position:sticky;top:0;z-index:8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.chip{flex:none;font-size:13px;line-height:20px;font-weight:600;padding:7px 14px;border-radius:9999px;white-space:nowrap;background:var(--colors-background-bg-primary);color:var(--colors-text-text-secondary-700);border:1px solid var(--colors-border-border-primary);box-shadow:0 1px 2px #0a0d120d;transition:background .13s ease,color .13s ease,border-color .13s ease}.chip:hover{background:var(--colors-background-bg-primary-hover)}.chip--active,.chip--active:hover{background:var(--colors-background-bg-brand-solid);color:#fff;border-color:var(--colors-brand-600);box-shadow:inset 0 0 0 1px #0003,0 1px 2px #0a0d120d}.card{cursor:pointer}.card-media{position:relative;width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--colors-border-border-secondary);box-shadow:0 1px 2px #0a0d120d;transition:transform .16s ease,box-shadow .16s ease}@media (hover: hover){.card:hover .card-media{transform:translateY(-2px);box-shadow:0 8px 18px -6px #0a0d1224}}.badge-type{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:9999px;background:#0a0d12bd;color:#fff;font-size:11px;line-height:15px;font-weight:600}.badge-type--lg{left:10px;bottom:10px;padding:4px 10px;font-size:12px;line-height:16px;gap:5px}.badge-nuevo{position:absolute;left:8px;top:8px;padding:2px 8px;border-radius:9999px;background:var(--colors-background-bg-brand-solid);color:#fff;font-size:10px;line-height:16px;font-weight:600;letter-spacing:.02em}.heart-btn{position:absolute;right:8px;top:8px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9999px;background:#fffffff0;color:var(--colors-text-text-tertiary-600);box-shadow:0 1px 3px #0a0d1224;transition:transform .12s ease}.heart-btn:active{transform:scale(.9)}.heart-btn--liked{background:var(--colors-brand-50);color:var(--colors-brand-600)}.badge-done{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:9999px;background:var(--colors-success-500);color:#fff;box-shadow:0 1px 3px #0a0d122e}.card-caption{padding:9px 2px 0;display:flex;flex-direction:column;gap:2px}.card-caption--shelf{padding-top:10px;min-height:96px}.card-title{font-size:13px;line-height:18px;font-weight:600;text-wrap:pretty}.card-title--shelf{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.card-desc{font-size:11px;line-height:15px;color:var(--colors-text-text-tertiary-600);text-wrap:pretty;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.shelves{padding:2px 0 26px}.shelf{padding:18px 0 2px}.shelf-head{display:flex;align-items:baseline;gap:8px;padding:0 16px 10px}.shelf-title{font-size:16px;line-height:24px;font-weight:600}.shelf-sub{font-size:12px;line-height:18px;color:var(--colors-text-text-quaternary-500);white-space:nowrap}.shelf-more{margin-left:auto;display:inline-flex;align-items:center;gap:1px;font-size:13px;line-height:20px;font-weight:600;color:var(--colors-text-text-brand-secondary-700);white-space:nowrap}.shelf-more:hover{color:var(--colors-brand-800)}.shelf-row{display:flex;gap:12px;overflow-x:auto;padding:2px 16px 8px;scroll-snap-type:x proximity}.shelf-card{flex:none;scroll-snap-align:start}.masonry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.masonry>.card{display:block}.flat-wrap{padding:16px 16px 26px}.like-btn{flex:none;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:8px;font-size:14px;font-weight:600;background:var(--colors-background-bg-primary);color:var(--colors-text-text-tertiary-600);border:1px solid var(--colors-border-border-primary);transition:background .13s ease,color .13s ease,border-color .13s ease}.like-btn--lg{height:48px;padding:0 15px;font-size:15px}.like-btn--liked{background:var(--colors-brand-50);border-color:var(--colors-brand-200);color:var(--colors-brand-600)}.dl-btn{position:relative;overflow:hidden;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 16px;border-radius:8px;font-size:15px;font-weight:600;border:0;background:var(--colors-background-bg-brand-solid);color:#fff;box-shadow:inset 0 0 0 1px #0003,0 1px 2px #0a0d120d;transition:background .13s ease}.dl-btn:hover:not(:disabled){background:var(--colors-background-bg-brand-solid-hover)}.dl-btn--lg{height:48px;font-size:16px;gap:8px}.dl-btn--done,.dl-btn--done:disabled{background:var(--colors-success-50);color:var(--colors-success-700);box-shadow:inset 0 0 0 1px var(--colors-success-200)}.dl-progress{position:absolute;left:0;top:0;bottom:0;width:0;background:#ffffff3d;transition:width .12s linear}.dl-inner{position:relative;display:inline-flex;align-items:center;gap:7px}.detail-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex}.detail-panel{width:100%;height:100%;background:var(--colors-background-bg-primary);display:flex;flex-direction:column;animation:sheetUp .22s ease-out}.detail-head{flex:none;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 12px;border-bottom:1px solid var(--colors-border-border-secondary)}.round-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background:var(--colors-background-bg-secondary);border:1px solid var(--colors-border-border-secondary);color:var(--colors-text-text-secondary-700);flex:none}.round-btn:hover{background:var(--colors-background-bg-secondary-hover, var(--colors-gray-light-mode-100))}.cat-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 7px;border-radius:9999px;font-size:12px;line-height:18px;font-weight:600;border:1px solid}.cat-pill--lg{padding:4px 10px 4px 8px}.detail-scroll{flex:1;min-height:0;overflow-y:auto;padding:16px 16px 22px}.detail-media{position:relative;width:100%;height:var(--detail-h);border-radius:16px;overflow:hidden;border:1px solid var(--colors-border-border-secondary);box-shadow:0 4px 6px -1px #0a0d121a,0 2px 4px -2px #0a0d120f}.play-fab{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:9999px;background:#ffffffeb;color:var(--colors-brand-600);box-shadow:0 8px 16px #0a0d122e}.detail-heading{padding:16px 2px 0;display:flex;flex-direction:column;gap:6px}.detail-title{font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.2px;text-wrap:pretty}.detail-desc{font-size:14px;line-height:22px;color:var(--colors-text-text-tertiary-600);text-wrap:pretty}.detail-actions{flex:none;display:flex;gap:10px;padding:12px 16px calc(16px + env(safe-area-inset-bottom,14px));border-top:1px solid var(--colors-border-border-secondary);background:var(--colors-background-bg-primary)}.toast{position:fixed;left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom,8px));z-index:60;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--colors-gray-light-mode-900);color:#fff;box-shadow:0 12px 16px -4px #0a0d122e,0 4px 6px -2px #0a0d120f;animation:toastIn .2s ease-out}.toast-icon{display:inline-flex;flex:none}.toast-msg{font-size:14px;line-height:20px;font-weight:500}.boot{height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--colors-background-bg-primary)}.boot-pulse{animation:pulse 1.3s ease-in-out infinite}.boot-text{margin:0;font-size:14px;line-height:20px;color:var(--colors-text-text-tertiary-600)}.boot-retry{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:8px;background:var(--colors-background-bg-brand-solid);color:#fff;font-size:14px;font-weight:600;box-shadow:inset 0 0 0 1px #0003,0 1px 2px #0a0d120d}.boot-retry:hover{background:var(--colors-background-bg-brand-solid-hover)}@media (min-width: 700px){.masonry{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.hero{padding-right:40px;padding-left:40px}.chips-bar{padding:14px 32px}.shelf-head{padding:0 32px 10px}.shelf-row{padding:2px 32px 8px}.flat-wrap{padding:20px 32px 32px}.detail-root{align-items:center;justify-content:center;padding:40px;background:#0a0d1280;animation:fadeIn .15s ease-out}.detail-panel{width:min(940px,100%);height:auto;max-height:86vh;border-radius:20px;overflow:hidden;animation:popIn .18s ease-out;box-shadow:0 24px 48px -12px #0a0d1240}.detail-head{padding:14px 20px}.detail-scroll{display:grid;grid-template-columns:minmax(320px,400px) 1fr;gap:28px;padding:24px 28px 28px;align-items:start}.detail-media{height:min(calc(var(--detail-h) * 1.35),calc(86vh - 230px))}.detail-heading{padding-top:0}.detail-title{font-size:22px;line-height:30px}.detail-actions{padding:16px 28px 20px}.detail-actions .dl-btn--lg{max-width:460px;margin-left:auto}.toast{left:auto;right:28px;bottom:28px;min-width:320px;max-width:440px}}@media (max-width: 699px) and (max-height: 680px){.hero{padding-top:calc(env(safe-area-inset-top,0px) + 24px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 78px)}.hero-logo{width:42px;height:42px;margin-bottom:16px}.hero-title{font-size:34px}.hero-copy{margin-top:16px;font-size:14px}.scroll-cue{bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}.scroll-cue-icon{width:36px;height:36px}}@media (min-width: 1440px){.masonry{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}html{color-scheme:light;background:#fff}body{min-width:280px;overflow:hidden;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}:focus-visible{outline:3px solid color-mix(in srgb,var(--colors-brand-600) 72%,white);outline-offset:3px}.feed{background:linear-gradient(180deg,#ffffffb8 0,#fff0 96px),var(--colors-background-bg-secondary)}.chips-bar{gap:10px;padding:12px 14px;scroll-padding-inline:14px;box-shadow:0 8px 20px -20px #0a0d1266}.chip{flex:1 0 max-content;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 17px;font-size:14px;border-radius:9999px;box-shadow:0 1px 2px #0a0d120a;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.chip:active{transform:scale(.97)}.chip--active,.chip--active:hover{box-shadow:0 6px 14px -6px #692ab0a8}.card{min-width:0;border-radius:16px;touch-action:manipulation}.card:focus-visible{outline:none}.card:focus-visible .card-media{box-shadow:0 0 0 3px var(--colors-background-bg-primary),0 0 0 6px color-mix(in srgb,var(--colors-brand-600) 72%,white),0 12px 24px -12px #0a0d1252}.card-media{border-radius:16px;background:var(--colors-background-bg-primary);box-shadow:0 1px 2px #0a0d120f,0 8px 20px -12px #0a0d1247;isolation:isolate;transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease}.card-media img{transition:transform .28s ease}.card:active .card-media{transform:scale(.985)}.badge-type{gap:5px;min-height:26px;padding:4px 9px;background:#0a0d12cc;font-size:11.5px;line-height:16px;letter-spacing:.01em;box-shadow:0 1px 3px #0a0d1238;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.badge-type--lg{left:12px;bottom:12px;padding:5px 11px;font-size:12px}.heart-btn{right:7px;top:7px;width:44px;height:44px;background:#fffffff5;border:1px solid rgba(255,255,255,.72);box-shadow:0 3px 10px #0a0d122e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .14s ease,background .14s ease,color .14s ease}.heart-btn:active{transform:scale(.88)}.heart-btn--liked{background:#fceefff7}.badge-done{width:26px;height:26px}.card-caption{gap:4px;padding:11px 3px 0}.card-title{font-size:14px;line-height:20px;font-weight:650;letter-spacing:-.08px}.card-desc{font-size:12px;line-height:17px}.masonry{gap:22px 12px}.flat-wrap{width:100%;max-width:1360px;margin-inline:auto;padding:16px 14px calc(34px + env(safe-area-inset-bottom,0px))}.like-btn{min-width:64px;height:48px;justify-content:center;padding-inline:16px;border-radius:12px;box-shadow:0 1px 2px #0a0d120a;transition:background .14s ease,color .14s ease,border-color .14s ease,transform .14s ease}.like-btn--lg{height:52px;padding-inline:18px}.like-btn:active{transform:scale(.96)}.dl-btn{height:48px;border-radius:12px;box-shadow:inset 0 0 0 1px #00000029,0 7px 16px -8px #692ab0c2;transition:background .14s ease,transform .14s ease,box-shadow .14s ease}.dl-btn:active:not(:disabled){transform:scale(.985)}.dl-btn--lg{height:52px}.dl-btn[aria-busy=true]{cursor:wait}.detail-root{background:var(--colors-background-bg-primary)}.detail-panel{animation:sheetUp .28s cubic-bezier(.22,1,.36,1)}.detail-head{min-height:64px;padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 10px;background:#fffffff2}.round-btn{width:44px;height:44px;transition:background .14s ease,transform .14s ease}.round-btn:active{transform:scale(.94)}.detail-scroll{padding:14px 14px 26px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.detail-media{width:100%;max-width:430px;height:auto;aspect-ratio:var(--detail-ar);margin-inline:auto;border-radius:20px;background:var(--colors-background-bg-secondary);box-shadow:0 16px 32px -20px #0a0d1261,0 3px 8px -3px #0a0d1229}.detail-media video{background:#080a0f}.detail-heading{width:100%;max-width:430px;margin-inline:auto;padding:18px 2px 2px;gap:7px}.detail-title{font-size:22px;line-height:29px;font-weight:700;letter-spacing:-.38px}.detail-desc{font-size:15px;line-height:23px}.detail-actions{gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom,14px));background:#fffffff5;box-shadow:0 -10px 24px -20px #0a0d1259;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.toast{left:14px;right:14px;bottom:calc(86px + env(safe-area-inset-bottom,8px));max-width:480px;margin-inline:auto;padding:13px 15px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#181d27f7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.boot{padding:max(24px,env(safe-area-inset-top,0px)) 24px max(24px,env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 50% 43%,var(--colors-brand-50) 0,transparent 180px),var(--colors-background-bg-primary)}.boot-retry{min-height:44px;height:auto;padding-inline:18px;border-radius:12px}@media (hover: hover){.card:hover .card-media{transform:translateY(-3px);box-shadow:0 14px 26px -12px #0a0d124d}.card:hover .card-media img{transform:scale(1.015)}}@media (min-width: 700px){.masonry{gap:28px 18px}.flat-wrap{padding-inline:24px}}@media (min-width: 1024px){.chips-bar{padding:14px 32px}.chip{flex:none;min-width:120px}.masonry{grid-template-columns:repeat(4,minmax(0,1fr))}.flat-wrap{padding:24px 32px 42px}.detail-media{width:100%;height:min(68vh,680px);max-height:calc(86vh - 170px);aspect-ratio:auto}.detail-heading{padding:4px 0 0}.toast{left:auto;right:28px;bottom:28px;margin-inline:0}}@media (min-width: 1440px){.masonry{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width: 359px){.chips-bar,.flat-wrap{padding-left:12px;padding-right:12px}.chip{padding-inline:12px}.masonry{gap:20px 9px}.card-title{font-size:13px;line-height:19px}.card-desc{font-size:11.5px;line-height:16px}}