@idds/styles 1.2.15 → 1.2.17

package/dist/base.css

@@ -1055,8 +1055,8 @@ abbr[title] {
 }
 /* Reset mark */
 mark {
-  background-color: #ff0;
-  color: #000;
+  background-color: var(--ina-background-tertiary);
+  color: var(--ina-black);
 }
 /* Reset del and ins */
 del {

package/dist/base.min.css

@@ -1 +1 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");:root{--ina-neutral-25:#fff;--ina-neutral-50:#f8f8f7;--ina-neutral-100:#f5f5f5;--ina-neutral-200:#e5e5e5;--ina-neutral-300:#d4d4d4;--ina-neutral-400:#a3a3a3;--ina-neutral-500:#737373;--ina-neutral-600:#525252;--ina-neutral-700:#404040;--ina-neutral-800:#1f1f1f;--ina-neutral-900:#141414;--ina-neutral-1000:#050505;--ina-primary-25:#fff;--ina-primary-50:#f8f8f7;--ina-primary-100:#f5f5f5;--ina-primary-200:#e5e5e5;--ina-primary-300:#d4d4d4;--ina-primary-400:#a3a3a3;--ina-primary-500:#737373;--ina-primary-600:#525252;--ina-primary-700:#404040;--ina-primary-800:#1f1f1f;--ina-primary-900:#141414;--ina-primary-primary:#141414;--ina-secondary-25:#f2f9fd;--ina-secondary-50:#e3f0fb;--ina-secondary-100:#c1e3f6;--ina-secondary-200:#8accef;--ina-secondary-300:#4cb2e4;--ina-secondary-400:#269dd8;--ina-secondary-500:#177ab2;--ina-secondary-600:#146190;--ina-secondary-700:#145378;--ina-secondary-800:#164564;--ina-secondary-900:#0f2d42;--ina-blue-50:#fafcff;--ina-blue-100:#ebf3ff;--ina-blue-200:#d2e4fe;--ina-blue-300:#84b4fb;--ina-blue-400:#4d93fc;--ina-blue-500:#0968f6;--ina-blue-600:#004ab8;--ina-blue-700:#002a69;--ina-blue-800:#0a2142;--ina-blue-900:#031530;--ina-cyan-50:#fafeff;--ina-cyan-100:#ebfaff;--ina-cyan-200:#d2f3fe;--ina-cyan-300:#83defc;--ina-cyan-400:#51d0fb;--ina-cyan-500:#09bbf6;--ina-cyan-600:#008bb9;--ina-cyan-700:#00506b;--ina-cyan-800:#0a3442;--ina-cyan-900:#032530;--ina-green-50:#fafffb;--ina-green-100:#ebffef;--ina-green-200:#d2fedb;--ina-green-300:#83fc9b;--ina-green-400:#51fb73;--ina-green-500:#09f638;--ina-green-600:#00b925;--ina-green-700:#006b15;--ina-green-800:#0a4215;--ina-green-900:#03300c;--ina-lime-50:#fdfffa;--ina-lime-100:#f7ffeb;--ina-lime-200:#ecfed2;--ina-lime-300:#ccfc83;--ina-lime-400:#b7fb51;--ina-lime-500:#97f609;--ina-lime-600:#6fb900;--ina-lime-700:#406b00;--ina-lime-800:#2c420a;--ina-lime-900:#1e3003;--ina-yellow-50:#fffefa;--ina-yellow-100:#fffdeb;--ina-yellow-200:#fef9d2;--ina-yellow-300:#fcee83;--ina-yellow-400:#fbe751;--ina-yellow-500:#f6da09;--ina-yellow-600:#b9a300;--ina-yellow-700:#6b5f00;--ina-yellow-800:#423c0a;--ina-yellow-900:#302b03;--ina-orange-50:#fffdfa;--ina-orange-100:#fff3eb;--ina-orange-200:#fee4d2;--ina-orange-300:#fcb583;--ina-orange-400:#fc974f;--ina-orange-500:#f66a09;--ina-orange-600:#b84d00;--ina-orange-700:#6b2d00;--ina-orange-800:#42210a;--ina-orange-900:#301603;--ina-red-50:snow;--ina-red-100:#ffebeb;--ina-red-200:#fed2d2;--ina-red-300:#fb8383;--ina-red-400:#fc4f4f;--ina-red-500:#f60909;--ina-red-600:#b80000;--ina-red-700:#6b0000;--ina-red-800:#420a0a;--ina-red-900:#300303;--ina-pink-50:#fffafd;--ina-pink-100:#ffebf8;--ina-pink-200:#fed2ef;--ina-pink-300:#fc83d3;--ina-pink-400:#fb51c2;--ina-pink-500:#f609a7;--ina-pink-600:#b9007b;--ina-pink-700:#6b0047;--ina-pink-800:#420a2f;--ina-pink-900:#300321;--ina-magenta-50:#fefaff;--ina-magenta-100:#fbebff;--ina-magenta-200:#f5d2fe;--ina-magenta-300:#e483fc;--ina-magenta-400:#d951fb;--ina-magenta-500:#c709f6;--ina-magenta-600:#9400b9;--ina-magenta-700:#56006b;--ina-magenta-800:#370a42;--ina-magenta-900:#270330;--ina-purple-50:#fdfaff;--ina-purple-100:#f7ebff;--ina-purple-200:#ecd2fe;--ina-purple-300:#cc83fc;--ina-purple-400:#b751fb;--ina-purple-500:#9709f6;--ina-purple-600:#6f00b9;--ina-purple-700:#40006b;--ina-purple-800:#2c0a42;--ina-purple-900:#1e0330;--ina-indigo-50:#fafaff;--ina-indigo-100:#ebeaff;--ina-indigo-200:#d2d3fe;--ina-indigo-300:#8387fc;--ina-indigo-400:#5157fb;--ina-indigo-500:#0911f6;--ina-indigo-600:#0006b9;--ina-indigo-700:#00046b;--ina-indigo-800:#0a0c42;--ina-indigo-900:#030630;--ina-overlay:#1f1f1f7a;--ina-font-3xs:0.5rem;--ina-font-2xs:0.625rem;--ina-font-xs:0.75rem;--ina-font-sm:0.875rem;--ina-font-base:1rem;--ina-font-lg:1.125rem;--ina-font-xl:1.25rem;--ina-font-2xl:1.5rem;--ina-font-3xl:1.875rem;--ina-font-4xl:2.25rem;--ina-line-height-xs:1rem;--ina-line-height-sm:1.25rem;--ina-line-height-base:1.5rem;--ina-line-height-lg:1.75rem;--ina-line-height-xl:2rem;--ina-font-thin:100;--ina-font-extralight:200;--ina-font-light:300;--ina-font-normal:400;--ina-font-medium:500;--ina-font-semibold:600;--ina-font-bold:700;--ina-font-extrabold:800;--ina-font-black:900;--ina-spacing-1:0.25rem;--ina-spacing-2:0.5rem;--ina-spacing-3:0.75rem;--ina-spacing-3-5:0.875rem;--ina-spacing-4:1rem;--ina-spacing-5:1.25rem;--ina-spacing-6:1.5rem;--ina-spacing-8:2rem;--ina-spacing-10:2.5rem;--ina-spacing-12:3rem;--ina-spacing-16:4rem;--ina-spacing-20:5rem;--ina-spacing-24:6rem;--ina-radius-sm:0.125rem;--ina-radius-base:0.25rem;--ina-radius-md:0.375rem;--ina-radius-lg:0.5rem;--ina-radius-xl:0.75rem;--ina-radius-2xl:1rem;--ina-radius-full:9999px;--ina-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--ina-shadow-base:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--ina-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--ina-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--ina-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--ina-transition-fast:150ms ease-in-out;--ina-transition-base:200ms ease-in-out;--ina-transition-slow:300ms ease-in-out;--ina-breakpoint-sm:640px;--ina-breakpoint-md:768px;--ina-breakpoint-lg:1024px;--ina-breakpoint-xl:1280px}[data-brand=inapas]{--ina-primary-25:#fef2f2;--ina-primary-50:#f9dcdc;--ina-primary-100:#f9cdc7;--ina-primary-200:#ffa194;--ina-primary-300:#ff5f42;--ina-primary-400:#e8422d;--ina-primary-500:#cc1515;--ina-primary-600:#a00000;--ina-primary-700:#680000;--ina-primary-800:#290404;--ina-primary-900:#140202;--ina-primary-primary:#cc1515;--ina-accent-100:#f6fef9!important;--ina-accent-200:#ecfef3!important;--ina-accent-300:#d1fadf!important;--ina-accent-400:#a6f4c5!important;--ina-accent-500:#12b76a!important;--ina-accent-600:#039855!important;--ina-accent-700:#027a48!important;--ina-inapas-brand-hover:#155eef!important;--ina-inapas-neutral-hover:#f9fafb!important}[data-brand=inagov]{--ina-primary-25:#f6f9ff;--ina-primary-50:#eff5fd;--ina-primary-100:#c0d7f9;--ina-primary-200:#a1c4f5;--ina-primary-300:#629cef;--ina-primary-400:#196bcd;--ina-primary-500:#0956c3;--ina-primary-600:#0a489f;--ina-primary-700:#083575;--ina-primary-800:#022a5b;--ina-primary-900:#041225;--ina-primary-primary:#629cef;--ina-secondary-25:#fff;--ina-secondary-50:#fff;--ina-secondary-100:#fff;--ina-secondary-200:#fff5ee;--ina-secondary-300:#ffe8cc;--ina-secondary-400:#ffd2a6;--ina-secondary-500:#edb98a;--ina-secondary-600:#d39663;--ina-secondary-700:#cc1515;--ina-accent-100:#fff!important;--ina-accent-200:#fff5ee!important;--ina-accent-300:#ffe8cc!important;--ina-accent-400:#ffd2a6!important;--ina-accent-500:#edb98a!important;--ina-accent-600:#d39663!important;--ina-accent-700:#cc1515!important;--ina-brand-hover:#588cd7!important;--ina-neutral-hover:#edeff5!important}[data-brand=inaku]{--ina-primary-25:#e8f1fc;--ina-primary-50:#d9e9f9;--ina-primary-100:#abd1ff;--ina-primary-200:#629cef;--ina-primary-300:#3a78c1;--ina-primary-400:#194472;--ina-primary-500:#06264d;--ina-primary-600:#041d35;--ina-primary-700:#020f1f;--ina-primary-800:#020b17;--ina-primary-900:#01080f;--ina-primary-primary:#06264d;--ina-accent-100:#fff!important;--ina-accent-200:#6a7d94!important;--ina-accent-300:#06264d!important;--ina-accent-400:#051c3a!important;--ina-accent-500:#031327!important;--ina-accent-600:#000!important;--ina-accent-700:#6a7d94!important;--ina-inaku-brand-hover:#b81313!important;--ina-inaku-neutral-hover:#fafafa!important}[data-brand=bgn]{--ina-primary-50:#eff6ff;--ina-primary-100:#dbeafe;--ina-primary-200:#bfdbfe;--ina-primary-300:#93c5fd;--ina-primary-400:#60a5fa;--ina-primary-500:#3b82f6;--ina-primary-600:#2563eb;--ina-primary-700:#1d4ed8;--ina-primary-800:#1e40af;--ina-primary-900:#1e3a8a;--ina-primary-primary:#005494;--ina-bgn-brand-primary:#005494!important;--ina-bgn-stroke-primary:#ededed!important;--ina-background-tertiary:#f5f5f5!important;--ina-sentiment-info-400:#528aff!important;--ina-sentiment-info-500:#2871ff!important;--ina-sentiment-positive-500:#12b76a!important;--ina-sentiment-warning-500:#f79009!important;--ina-accent-coral-orange:#ff7b5a!important;--ina-accent-yellow:#ffcb00!important}[data-brand=bkn]{--ina-primary-25:#fdf2f7;--ina-primary-50:#fde6f1;--ina-primary-100:#fdcde3;--ina-primary-200:#fca5cb;--ina-primary-300:#f96da7;--ina-primary-400:#f24286;--ina-primary-500:#de1d5e;--ina-primary-600:#c41249;--ina-primary-700:#a2123c;--ina-primary-800:#871436;--ina-primary-900:#53041a;--ina-primary-primary:#de1d5e;--ina-secondary-25:#f2f9fd;--ina-secondary-50:#e3f0fb;--ina-secondary-100:#c1e3f6;--ina-secondary-200:#8accef;--ina-secondary-300:#4cb2e4;--ina-secondary-400:#269dd8;--ina-secondary-500:#177ab2;--ina-secondary-600:#146190;--ina-secondary-700:#145378;--ina-secondary-800:#164564;--ina-secondary-900:#0f2d42;--ina-bkn-brand-hover:#c41249!important;--ina-bkn-neutral-hover:#fafafa!important}[data-brand=lan]{--ina-primary-25:#f3f6fc;--ina-primary-50:#e5edf9;--ina-primary-100:#c6daf1;--ina-primary-200:#94bde5;--ina-primary-300:#5b9bd5;--ina-primary-400:#3781c7;--ina-primary-500:#2663a3;--ina-primary-600:#1f4f85;--ina-primary-700:#1e446e;--ina-primary-800:#1e3a5c;--ina-primary-900:#14263d;--ina-primary-primary:#2663a3;--ina-secondary-25:#fffdeb;--ina-secondary-50:#fdf9c8;--ina-secondary-100:#fbf38c;--ina-secondary-200:#f9e650;--ina-secondary-300:#f7d628;--ina-secondary-400:#f2bd1d;--ina-secondary-500:#d69009;--ina-secondary-600:#b1670c;--ina-secondary-700:#905110;--ina-secondary-800:#764111;--ina-secondary-900:#442204;--ina-accent-red:#a40f0a;--ina-accent-green:#1cbd19;--ina-accent-blue:#0a35c0;--ina-accent-orange:#f08519;--ina-lan-brand-hover:#1f4f85!important;--ina-lan-neutral-hover:#fafafa!important}[data-brand=pan-rb]{--ina-primary-25:#fdf3f3;--ina-primary-50:#fce4e4;--ina-primary-100:#facecf;--ina-primary-200:#f5acad;--ina-primary-300:#ed7c7e;--ina-primary-400:#e15254;--ina-primary-500:#cd3537;--ina-primary-600:#b42b2d;--ina-primary-700:#8f2527;--ina-primary-800:#772526;--ina-primary-900:#400f10;--ina-primary-primary:#b42b2d;--ina-secondary-25:#f8f7f8;--ina-secondary-50:#f0eeee;--ina-secondary-100:#ded9da;--ina-secondary-200:#c1b8bb;--ina-secondary-300:#9f9196;--ina-secondary-400:#847379;--ina-secondary-500:#6c5d62;--ina-secondary-600:#584c50;--ina-secondary-700:#4b4144;--ina-secondary-800:#41393b;--ina-secondary-900:#231f20;--ina-accent-yellow:#f2c548}:root,[data-theme=light]{--ina-white:var(--ina-neutral-25);--ina-black:var(--ina-neutral-900);--ina-background-primary:var(--ina-neutral-25);--ina-background-secondary:var(--ina-neutral-50);--ina-background-tertiary:var(--ina-neutral-100);--ina-background-overlay:var(--ina-overlay);--ina-content-primary:var(--ina-neutral-800);--ina-content-secondary:var(--ina-neutral-600);--ina-content-tertiary:var(--ina-neutral-400);--ina-content-guide:var(--ina-blue-500);--ina-content-negative:var(--ina-red-600);--ina-content-positive:var(--ina-green-600);--ina-stroke-primary:var(--ina-neutral-200);--ina-stroke-secondary:var(--ina-neutral-400);--ina-stroke-tertiary:var(--ina-neutral-900);--ina-guide-50:var(--ina-blue-50);--ina-guide-100:var(--ina-blue-100);--ina-guide-200:var(--ina-blue-200);--ina-guide-300:var(--ina-blue-300);--ina-guide-400:var(--ina-blue-400);--ina-guide-500:var(--ina-blue-500);--ina-guide-600:var(--ina-blue-600);--ina-guide-700:var(--ina-blue-700);--ina-guide-800:var(--ina-blue-800);--ina-guide-900:var(--ina-blue-900);--ina-negative-50:var(--ina-red-50);--ina-negative-100:var(--ina-red-100);--ina-negative-200:var(--ina-red-200);--ina-negative-300:var(--ina-red-300);--ina-negative-400:var(--ina-red-400);--ina-negative-500:var(--ina-red-500);--ina-negative-600:var(--ina-red-600);--ina-negative-700:var(--ina-red-700);--ina-negative-800:var(--ina-red-800);--ina-negative-900:var(--ina-red-900);--ina-sentiment-negative-50:var(--ina-red-50);--ina-sentiment-negative-100:var(--ina-red-100);--ina-sentiment-negative-200:var(--ina-red-200);--ina-sentiment-negative-300:var(--ina-red-300);--ina-sentiment-negative-400:var(--ina-red-400);--ina-sentiment-negative-500:var(--ina-red-500);--ina-sentiment-negative-600:var(--ina-red-600);--ina-sentiment-negative-700:var(--ina-red-700);--ina-sentiment-negative-800:var(--ina-red-800);--ina-sentiment-negative-900:var(--ina-red-900);--ina-positive-50:var(--ina-green-50);--ina-positive-100:var(--ina-green-100);--ina-positive-200:var(--ina-green-200);--ina-positive-300:var(--ina-green-300);--ina-positive-400:var(--ina-green-400);--ina-positive-500:var(--ina-green-500);--ina-positive-600:var(--ina-green-600);--ina-positive-700:var(--ina-green-700);--ina-positive-800:var(--ina-green-800);--ina-positive-900:var(--ina-green-900);--ina-sentiment-positive-50:var(--ina-green-50);--ina-sentiment-positive-100:var(--ina-green-100);--ina-sentiment-positive-200:var(--ina-green-200);--ina-sentiment-positive-300:var(--ina-green-300);--ina-sentiment-positive-400:var(--ina-green-400);--ina-sentiment-positive-500:var(--ina-green-500);--ina-sentiment-positive-600:var(--ina-green-600);--ina-sentiment-positive-700:var(--ina-green-700);--ina-sentiment-positive-800:var(--ina-green-800);--ina-warning-50:var(--ina-orange-50);--ina-warning-100:var(--ina-orange-100);--ina-warning-200:var(--ina-orange-200);--ina-warning-300:var(--ina-orange-300);--ina-warning-400:var(--ina-orange-400);--ina-warning-500:var(--ina-orange-500);--ina-warning-600:var(--ina-orange-600);--ina-warning-700:var(--ina-orange-700);--ina-warning-800:var(--ina-orange-800);--ina-warning-900:var(--ina-orange-900);--ina-sentiment-warning-50:var(--ina-orange-50);--ina-sentiment-warning-100:var(--ina-orange-100);--ina-sentiment-warning-200:var(--ina-orange-200);--ina-sentiment-warning-300:var(--ina-orange-300);--ina-sentiment-warning-400:var(--ina-orange-400);--ina-sentiment-warning-500:var(--ina-orange-500);--ina-sentiment-warning-600:var(--ina-orange-600);--ina-sentiment-warning-700:var(--ina-orange-700);--ina-sentiment-warning-800:var(--ina-orange-800)}[data-theme=dark]{--ina-white:var(--ina-neutral-900);--ina-black:var(--ina-neutral-25);--ina-background-primary:var(--ina-neutral-900);--ina-background-secondary:var(--ina-neutral-800);--ina-background-tertiary:var(--ina-neutral-700);--ina-background-overlay:var(--ina-overlay);--ina-content-primary:var(--ina-neutral-25);--ina-content-secondary:var(--ina-neutral-400);--ina-content-tertiary:var(--ina-neutral-500);--ina-content-guide:var(--ina-blue-400);--ina-content-negative:var(--ina-red-400);--ina-content-positive:var(--ina-green-400);--ina-stroke-primary:var(--ina-neutral-700);--ina-stroke-secondary:var(--ina-neutral-400);--ina-stroke-tertiary:var(--ina-neutral-200);--ina-guide-50:var(--ina-blue-50);--ina-guide-100:var(--ina-blue-100);--ina-guide-200:var(--ina-blue-200);--ina-guide-300:var(--ina-blue-300);--ina-guide-400:var(--ina-blue-400);--ina-guide-500:var(--ina-blue-500);--ina-guide-600:var(--ina-blue-600);--ina-guide-700:var(--ina-blue-700);--ina-guide-800:var(--ina-blue-800);--ina-guide-900:var(--ina-blue-900);--ina-negative-50:var(--ina-red-50);--ina-negative-100:var(--ina-red-100);--ina-negative-200:var(--ina-red-200);--ina-negative-300:var(--ina-red-300);--ina-negative-400:var(--ina-red-400);--ina-negative-500:var(--ina-red-500);--ina-negative-600:var(--ina-red-600);--ina-negative-700:var(--ina-red-700);--ina-negative-800:var(--ina-red-800);--ina-negative-900:var(--ina-red-900);--ina-sentiment-negative-50:var(--ina-red-50);--ina-sentiment-negative-100:var(--ina-red-100);--ina-sentiment-negative-200:var(--ina-red-200);--ina-sentiment-negative-300:var(--ina-red-300);--ina-sentiment-negative-400:var(--ina-red-400);--ina-sentiment-negative-500:var(--ina-red-500);--ina-sentiment-negative-600:var(--ina-red-600);--ina-sentiment-negative-700:var(--ina-red-700);--ina-sentiment-negative-800:var(--ina-red-800);--ina-sentiment-negative-900:var(--ina-red-900);--ina-positive-50:var(--ina-green-50);--ina-positive-100:var(--ina-green-100);--ina-positive-200:var(--ina-green-200);--ina-positive-300:var(--ina-green-300);--ina-positive-400:var(--ina-green-400);--ina-positive-500:var(--ina-green-500);--ina-positive-600:var(--ina-green-600);--ina-positive-700:var(--ina-green-700);--ina-positive-800:var(--ina-green-800);--ina-positive-900:var(--ina-green-900);--ina-sentiment-positive-50:var(--ina-green-50);--ina-sentiment-positive-100:var(--ina-green-100);--ina-sentiment-positive-200:var(--ina-green-200);--ina-sentiment-positive-300:var(--ina-green-300);--ina-sentiment-positive-400:var(--ina-green-400);--ina-sentiment-positive-500:var(--ina-green-500);--ina-sentiment-positive-600:var(--ina-green-600);--ina-sentiment-positive-700:var(--ina-green-700);--ina-sentiment-positive-800:var(--ina-green-800);--ina-warning-50:var(--ina-orange-50);--ina-warning-100:var(--ina-orange-100);--ina-warning-200:var(--ina-orange-200);--ina-warning-300:var(--ina-orange-300);--ina-warning-400:var(--ina-orange-400);--ina-warning-500:var(--ina-orange-500);--ina-warning-600:var(--ina-orange-600);--ina-warning-700:var(--ina-orange-700);--ina-warning-800:var(--ina-orange-800);--ina-warning-900:var(--ina-orange-900);--ina-sentiment-warning-50:var(--ina-orange-50);--ina-sentiment-warning-100:var(--ina-orange-100);--ina-sentiment-warning-200:var(--ina-orange-200);--ina-sentiment-warning-300:var(--ina-orange-300);--ina-sentiment-warning-400:var(--ina-orange-400);--ina-sentiment-warning-500:var(--ina-orange-500);--ina-sentiment-warning-600:var(--ina-orange-600);--ina-sentiment-warning-700:var(--ina-orange-700);--ina-sentiment-warning-800:var(--ina-orange-800);--ina-sentiment-warning-900:var(--ina-orange-900)}*,:after,:before{box-sizing:border-box}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0}button:focus,input,input:focus,select,select:focus,textarea,textarea:focus{box-shadow:none;outline:none}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none}textarea{resize:vertical}select{background:transparent;background-image:none;outline:none}button,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}button{cursor:pointer}input[type=color],input[type=file],input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}optgroup{font-family:inherit;font-size:100%;line-height:1.15;margin:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;-moz-appearance:button;appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}table{border-collapse:collapse;border-color:inherit;border-spacing:0;text-indent:0;width:100%}abbr,address,article,aside,cite,code,del,dfn,figure,footer,header,ins,kbd,main,mark,nav,samp,section,small,sub,sup{display:block}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}code,kbd,samp{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}mark{background-color:#ff0;color:#000}del{text-decoration:line-through}ins{text-decoration:underline}dfn{font-style:italic}
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");:root{--ina-neutral-25:#fff;--ina-neutral-50:#f8f8f7;--ina-neutral-100:#f5f5f5;--ina-neutral-200:#e5e5e5;--ina-neutral-300:#d4d4d4;--ina-neutral-400:#a3a3a3;--ina-neutral-500:#737373;--ina-neutral-600:#525252;--ina-neutral-700:#404040;--ina-neutral-800:#1f1f1f;--ina-neutral-900:#141414;--ina-neutral-1000:#050505;--ina-primary-25:#fff;--ina-primary-50:#f8f8f7;--ina-primary-100:#f5f5f5;--ina-primary-200:#e5e5e5;--ina-primary-300:#d4d4d4;--ina-primary-400:#a3a3a3;--ina-primary-500:#737373;--ina-primary-600:#525252;--ina-primary-700:#404040;--ina-primary-800:#1f1f1f;--ina-primary-900:#141414;--ina-primary-primary:#141414;--ina-secondary-25:#f2f9fd;--ina-secondary-50:#e3f0fb;--ina-secondary-100:#c1e3f6;--ina-secondary-200:#8accef;--ina-secondary-300:#4cb2e4;--ina-secondary-400:#269dd8;--ina-secondary-500:#177ab2;--ina-secondary-600:#146190;--ina-secondary-700:#145378;--ina-secondary-800:#164564;--ina-secondary-900:#0f2d42;--ina-blue-50:#fafcff;--ina-blue-100:#ebf3ff;--ina-blue-200:#d2e4fe;--ina-blue-300:#84b4fb;--ina-blue-400:#4d93fc;--ina-blue-500:#0968f6;--ina-blue-600:#004ab8;--ina-blue-700:#002a69;--ina-blue-800:#0a2142;--ina-blue-900:#031530;--ina-cyan-50:#fafeff;--ina-cyan-100:#ebfaff;--ina-cyan-200:#d2f3fe;--ina-cyan-300:#83defc;--ina-cyan-400:#51d0fb;--ina-cyan-500:#09bbf6;--ina-cyan-600:#008bb9;--ina-cyan-700:#00506b;--ina-cyan-800:#0a3442;--ina-cyan-900:#032530;--ina-green-50:#fafffb;--ina-green-100:#ebffef;--ina-green-200:#d2fedb;--ina-green-300:#83fc9b;--ina-green-400:#51fb73;--ina-green-500:#09f638;--ina-green-600:#00b925;--ina-green-700:#006b15;--ina-green-800:#0a4215;--ina-green-900:#03300c;--ina-lime-50:#fdfffa;--ina-lime-100:#f7ffeb;--ina-lime-200:#ecfed2;--ina-lime-300:#ccfc83;--ina-lime-400:#b7fb51;--ina-lime-500:#97f609;--ina-lime-600:#6fb900;--ina-lime-700:#406b00;--ina-lime-800:#2c420a;--ina-lime-900:#1e3003;--ina-yellow-50:#fffefa;--ina-yellow-100:#fffdeb;--ina-yellow-200:#fef9d2;--ina-yellow-300:#fcee83;--ina-yellow-400:#fbe751;--ina-yellow-500:#f6da09;--ina-yellow-600:#b9a300;--ina-yellow-700:#6b5f00;--ina-yellow-800:#423c0a;--ina-yellow-900:#302b03;--ina-orange-50:#fffdfa;--ina-orange-100:#fff3eb;--ina-orange-200:#fee4d2;--ina-orange-300:#fcb583;--ina-orange-400:#fc974f;--ina-orange-500:#f66a09;--ina-orange-600:#b84d00;--ina-orange-700:#6b2d00;--ina-orange-800:#42210a;--ina-orange-900:#301603;--ina-red-50:snow;--ina-red-100:#ffebeb;--ina-red-200:#fed2d2;--ina-red-300:#fb8383;--ina-red-400:#fc4f4f;--ina-red-500:#f60909;--ina-red-600:#b80000;--ina-red-700:#6b0000;--ina-red-800:#420a0a;--ina-red-900:#300303;--ina-pink-50:#fffafd;--ina-pink-100:#ffebf8;--ina-pink-200:#fed2ef;--ina-pink-300:#fc83d3;--ina-pink-400:#fb51c2;--ina-pink-500:#f609a7;--ina-pink-600:#b9007b;--ina-pink-700:#6b0047;--ina-pink-800:#420a2f;--ina-pink-900:#300321;--ina-magenta-50:#fefaff;--ina-magenta-100:#fbebff;--ina-magenta-200:#f5d2fe;--ina-magenta-300:#e483fc;--ina-magenta-400:#d951fb;--ina-magenta-500:#c709f6;--ina-magenta-600:#9400b9;--ina-magenta-700:#56006b;--ina-magenta-800:#370a42;--ina-magenta-900:#270330;--ina-purple-50:#fdfaff;--ina-purple-100:#f7ebff;--ina-purple-200:#ecd2fe;--ina-purple-300:#cc83fc;--ina-purple-400:#b751fb;--ina-purple-500:#9709f6;--ina-purple-600:#6f00b9;--ina-purple-700:#40006b;--ina-purple-800:#2c0a42;--ina-purple-900:#1e0330;--ina-indigo-50:#fafaff;--ina-indigo-100:#ebeaff;--ina-indigo-200:#d2d3fe;--ina-indigo-300:#8387fc;--ina-indigo-400:#5157fb;--ina-indigo-500:#0911f6;--ina-indigo-600:#0006b9;--ina-indigo-700:#00046b;--ina-indigo-800:#0a0c42;--ina-indigo-900:#030630;--ina-overlay:#1f1f1f7a;--ina-font-3xs:0.5rem;--ina-font-2xs:0.625rem;--ina-font-xs:0.75rem;--ina-font-sm:0.875rem;--ina-font-base:1rem;--ina-font-lg:1.125rem;--ina-font-xl:1.25rem;--ina-font-2xl:1.5rem;--ina-font-3xl:1.875rem;--ina-font-4xl:2.25rem;--ina-line-height-xs:1rem;--ina-line-height-sm:1.25rem;--ina-line-height-base:1.5rem;--ina-line-height-lg:1.75rem;--ina-line-height-xl:2rem;--ina-font-thin:100;--ina-font-extralight:200;--ina-font-light:300;--ina-font-normal:400;--ina-font-medium:500;--ina-font-semibold:600;--ina-font-bold:700;--ina-font-extrabold:800;--ina-font-black:900;--ina-spacing-1:0.25rem;--ina-spacing-2:0.5rem;--ina-spacing-3:0.75rem;--ina-spacing-3-5:0.875rem;--ina-spacing-4:1rem;--ina-spacing-5:1.25rem;--ina-spacing-6:1.5rem;--ina-spacing-8:2rem;--ina-spacing-10:2.5rem;--ina-spacing-12:3rem;--ina-spacing-16:4rem;--ina-spacing-20:5rem;--ina-spacing-24:6rem;--ina-radius-sm:0.125rem;--ina-radius-base:0.25rem;--ina-radius-md:0.375rem;--ina-radius-lg:0.5rem;--ina-radius-xl:0.75rem;--ina-radius-2xl:1rem;--ina-radius-full:9999px;--ina-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--ina-shadow-base:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--ina-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--ina-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--ina-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--ina-transition-fast:150ms ease-in-out;--ina-transition-base:200ms ease-in-out;--ina-transition-slow:300ms ease-in-out;--ina-breakpoint-sm:640px;--ina-breakpoint-md:768px;--ina-breakpoint-lg:1024px;--ina-breakpoint-xl:1280px}[data-brand=inapas]{--ina-primary-25:#fef2f2;--ina-primary-50:#f9dcdc;--ina-primary-100:#f9cdc7;--ina-primary-200:#ffa194;--ina-primary-300:#ff5f42;--ina-primary-400:#e8422d;--ina-primary-500:#cc1515;--ina-primary-600:#a00000;--ina-primary-700:#680000;--ina-primary-800:#290404;--ina-primary-900:#140202;--ina-primary-primary:#cc1515;--ina-accent-100:#f6fef9!important;--ina-accent-200:#ecfef3!important;--ina-accent-300:#d1fadf!important;--ina-accent-400:#a6f4c5!important;--ina-accent-500:#12b76a!important;--ina-accent-600:#039855!important;--ina-accent-700:#027a48!important;--ina-inapas-brand-hover:#155eef!important;--ina-inapas-neutral-hover:#f9fafb!important}[data-brand=inagov]{--ina-primary-25:#f6f9ff;--ina-primary-50:#eff5fd;--ina-primary-100:#c0d7f9;--ina-primary-200:#a1c4f5;--ina-primary-300:#629cef;--ina-primary-400:#196bcd;--ina-primary-500:#0956c3;--ina-primary-600:#0a489f;--ina-primary-700:#083575;--ina-primary-800:#022a5b;--ina-primary-900:#041225;--ina-primary-primary:#629cef;--ina-secondary-25:#fff;--ina-secondary-50:#fff;--ina-secondary-100:#fff;--ina-secondary-200:#fff5ee;--ina-secondary-300:#ffe8cc;--ina-secondary-400:#ffd2a6;--ina-secondary-500:#edb98a;--ina-secondary-600:#d39663;--ina-secondary-700:#cc1515;--ina-accent-100:#fff!important;--ina-accent-200:#fff5ee!important;--ina-accent-300:#ffe8cc!important;--ina-accent-400:#ffd2a6!important;--ina-accent-500:#edb98a!important;--ina-accent-600:#d39663!important;--ina-accent-700:#cc1515!important;--ina-brand-hover:#588cd7!important;--ina-neutral-hover:#edeff5!important}[data-brand=inaku]{--ina-primary-25:#e8f1fc;--ina-primary-50:#d9e9f9;--ina-primary-100:#abd1ff;--ina-primary-200:#629cef;--ina-primary-300:#3a78c1;--ina-primary-400:#194472;--ina-primary-500:#06264d;--ina-primary-600:#041d35;--ina-primary-700:#020f1f;--ina-primary-800:#020b17;--ina-primary-900:#01080f;--ina-primary-primary:#06264d;--ina-accent-100:#fff!important;--ina-accent-200:#6a7d94!important;--ina-accent-300:#06264d!important;--ina-accent-400:#051c3a!important;--ina-accent-500:#031327!important;--ina-accent-600:#000!important;--ina-accent-700:#6a7d94!important;--ina-inaku-brand-hover:#b81313!important;--ina-inaku-neutral-hover:#fafafa!important}[data-brand=bgn]{--ina-primary-50:#eff6ff;--ina-primary-100:#dbeafe;--ina-primary-200:#bfdbfe;--ina-primary-300:#93c5fd;--ina-primary-400:#60a5fa;--ina-primary-500:#3b82f6;--ina-primary-600:#2563eb;--ina-primary-700:#1d4ed8;--ina-primary-800:#1e40af;--ina-primary-900:#1e3a8a;--ina-primary-primary:#005494;--ina-bgn-brand-primary:#005494!important;--ina-bgn-stroke-primary:#ededed!important;--ina-background-tertiary:#f5f5f5!important;--ina-sentiment-info-400:#528aff!important;--ina-sentiment-info-500:#2871ff!important;--ina-sentiment-positive-500:#12b76a!important;--ina-sentiment-warning-500:#f79009!important;--ina-accent-coral-orange:#ff7b5a!important;--ina-accent-yellow:#ffcb00!important}[data-brand=bkn]{--ina-primary-25:#fdf2f7;--ina-primary-50:#fde6f1;--ina-primary-100:#fdcde3;--ina-primary-200:#fca5cb;--ina-primary-300:#f96da7;--ina-primary-400:#f24286;--ina-primary-500:#de1d5e;--ina-primary-600:#c41249;--ina-primary-700:#a2123c;--ina-primary-800:#871436;--ina-primary-900:#53041a;--ina-primary-primary:#de1d5e;--ina-secondary-25:#f2f9fd;--ina-secondary-50:#e3f0fb;--ina-secondary-100:#c1e3f6;--ina-secondary-200:#8accef;--ina-secondary-300:#4cb2e4;--ina-secondary-400:#269dd8;--ina-secondary-500:#177ab2;--ina-secondary-600:#146190;--ina-secondary-700:#145378;--ina-secondary-800:#164564;--ina-secondary-900:#0f2d42;--ina-bkn-brand-hover:#c41249!important;--ina-bkn-neutral-hover:#fafafa!important}[data-brand=lan]{--ina-primary-25:#f3f6fc;--ina-primary-50:#e5edf9;--ina-primary-100:#c6daf1;--ina-primary-200:#94bde5;--ina-primary-300:#5b9bd5;--ina-primary-400:#3781c7;--ina-primary-500:#2663a3;--ina-primary-600:#1f4f85;--ina-primary-700:#1e446e;--ina-primary-800:#1e3a5c;--ina-primary-900:#14263d;--ina-primary-primary:#2663a3;--ina-secondary-25:#fffdeb;--ina-secondary-50:#fdf9c8;--ina-secondary-100:#fbf38c;--ina-secondary-200:#f9e650;--ina-secondary-300:#f7d628;--ina-secondary-400:#f2bd1d;--ina-secondary-500:#d69009;--ina-secondary-600:#b1670c;--ina-secondary-700:#905110;--ina-secondary-800:#764111;--ina-secondary-900:#442204;--ina-accent-red:#a40f0a;--ina-accent-green:#1cbd19;--ina-accent-blue:#0a35c0;--ina-accent-orange:#f08519;--ina-lan-brand-hover:#1f4f85!important;--ina-lan-neutral-hover:#fafafa!important}[data-brand=pan-rb]{--ina-primary-25:#fdf3f3;--ina-primary-50:#fce4e4;--ina-primary-100:#facecf;--ina-primary-200:#f5acad;--ina-primary-300:#ed7c7e;--ina-primary-400:#e15254;--ina-primary-500:#cd3537;--ina-primary-600:#b42b2d;--ina-primary-700:#8f2527;--ina-primary-800:#772526;--ina-primary-900:#400f10;--ina-primary-primary:#b42b2d;--ina-secondary-25:#f8f7f8;--ina-secondary-50:#f0eeee;--ina-secondary-100:#ded9da;--ina-secondary-200:#c1b8bb;--ina-secondary-300:#9f9196;--ina-secondary-400:#847379;--ina-secondary-500:#6c5d62;--ina-secondary-600:#584c50;--ina-secondary-700:#4b4144;--ina-secondary-800:#41393b;--ina-secondary-900:#231f20;--ina-accent-yellow:#f2c548}:root,[data-theme=light]{--ina-white:var(--ina-neutral-25);--ina-black:var(--ina-neutral-900);--ina-background-primary:var(--ina-neutral-25);--ina-background-secondary:var(--ina-neutral-50);--ina-background-tertiary:var(--ina-neutral-100);--ina-background-overlay:var(--ina-overlay);--ina-content-primary:var(--ina-neutral-800);--ina-content-secondary:var(--ina-neutral-600);--ina-content-tertiary:var(--ina-neutral-400);--ina-content-guide:var(--ina-blue-500);--ina-content-negative:var(--ina-red-600);--ina-content-positive:var(--ina-green-600);--ina-stroke-primary:var(--ina-neutral-200);--ina-stroke-secondary:var(--ina-neutral-400);--ina-stroke-tertiary:var(--ina-neutral-900);--ina-guide-50:var(--ina-blue-50);--ina-guide-100:var(--ina-blue-100);--ina-guide-200:var(--ina-blue-200);--ina-guide-300:var(--ina-blue-300);--ina-guide-400:var(--ina-blue-400);--ina-guide-500:var(--ina-blue-500);--ina-guide-600:var(--ina-blue-600);--ina-guide-700:var(--ina-blue-700);--ina-guide-800:var(--ina-blue-800);--ina-guide-900:var(--ina-blue-900);--ina-negative-50:var(--ina-red-50);--ina-negative-100:var(--ina-red-100);--ina-negative-200:var(--ina-red-200);--ina-negative-300:var(--ina-red-300);--ina-negative-400:var(--ina-red-400);--ina-negative-500:var(--ina-red-500);--ina-negative-600:var(--ina-red-600);--ina-negative-700:var(--ina-red-700);--ina-negative-800:var(--ina-red-800);--ina-negative-900:var(--ina-red-900);--ina-sentiment-negative-50:var(--ina-red-50);--ina-sentiment-negative-100:var(--ina-red-100);--ina-sentiment-negative-200:var(--ina-red-200);--ina-sentiment-negative-300:var(--ina-red-300);--ina-sentiment-negative-400:var(--ina-red-400);--ina-sentiment-negative-500:var(--ina-red-500);--ina-sentiment-negative-600:var(--ina-red-600);--ina-sentiment-negative-700:var(--ina-red-700);--ina-sentiment-negative-800:var(--ina-red-800);--ina-sentiment-negative-900:var(--ina-red-900);--ina-positive-50:var(--ina-green-50);--ina-positive-100:var(--ina-green-100);--ina-positive-200:var(--ina-green-200);--ina-positive-300:var(--ina-green-300);--ina-positive-400:var(--ina-green-400);--ina-positive-500:var(--ina-green-500);--ina-positive-600:var(--ina-green-600);--ina-positive-700:var(--ina-green-700);--ina-positive-800:var(--ina-green-800);--ina-positive-900:var(--ina-green-900);--ina-sentiment-positive-50:var(--ina-green-50);--ina-sentiment-positive-100:var(--ina-green-100);--ina-sentiment-positive-200:var(--ina-green-200);--ina-sentiment-positive-300:var(--ina-green-300);--ina-sentiment-positive-400:var(--ina-green-400);--ina-sentiment-positive-500:var(--ina-green-500);--ina-sentiment-positive-600:var(--ina-green-600);--ina-sentiment-positive-700:var(--ina-green-700);--ina-sentiment-positive-800:var(--ina-green-800);--ina-warning-50:var(--ina-orange-50);--ina-warning-100:var(--ina-orange-100);--ina-warning-200:var(--ina-orange-200);--ina-warning-300:var(--ina-orange-300);--ina-warning-400:var(--ina-orange-400);--ina-warning-500:var(--ina-orange-500);--ina-warning-600:var(--ina-orange-600);--ina-warning-700:var(--ina-orange-700);--ina-warning-800:var(--ina-orange-800);--ina-warning-900:var(--ina-orange-900);--ina-sentiment-warning-50:var(--ina-orange-50);--ina-sentiment-warning-100:var(--ina-orange-100);--ina-sentiment-warning-200:var(--ina-orange-200);--ina-sentiment-warning-300:var(--ina-orange-300);--ina-sentiment-warning-400:var(--ina-orange-400);--ina-sentiment-warning-500:var(--ina-orange-500);--ina-sentiment-warning-600:var(--ina-orange-600);--ina-sentiment-warning-700:var(--ina-orange-700);--ina-sentiment-warning-800:var(--ina-orange-800)}[data-theme=dark]{--ina-white:var(--ina-neutral-900);--ina-black:var(--ina-neutral-25);--ina-background-primary:var(--ina-neutral-900);--ina-background-secondary:var(--ina-neutral-800);--ina-background-tertiary:var(--ina-neutral-700);--ina-background-overlay:var(--ina-overlay);--ina-content-primary:var(--ina-neutral-25);--ina-content-secondary:var(--ina-neutral-400);--ina-content-tertiary:var(--ina-neutral-500);--ina-content-guide:var(--ina-blue-400);--ina-content-negative:var(--ina-red-400);--ina-content-positive:var(--ina-green-400);--ina-stroke-primary:var(--ina-neutral-700);--ina-stroke-secondary:var(--ina-neutral-400);--ina-stroke-tertiary:var(--ina-neutral-200);--ina-guide-50:var(--ina-blue-50);--ina-guide-100:var(--ina-blue-100);--ina-guide-200:var(--ina-blue-200);--ina-guide-300:var(--ina-blue-300);--ina-guide-400:var(--ina-blue-400);--ina-guide-500:var(--ina-blue-500);--ina-guide-600:var(--ina-blue-600);--ina-guide-700:var(--ina-blue-700);--ina-guide-800:var(--ina-blue-800);--ina-guide-900:var(--ina-blue-900);--ina-negative-50:var(--ina-red-50);--ina-negative-100:var(--ina-red-100);--ina-negative-200:var(--ina-red-200);--ina-negative-300:var(--ina-red-300);--ina-negative-400:var(--ina-red-400);--ina-negative-500:var(--ina-red-500);--ina-negative-600:var(--ina-red-600);--ina-negative-700:var(--ina-red-700);--ina-negative-800:var(--ina-red-800);--ina-negative-900:var(--ina-red-900);--ina-sentiment-negative-50:var(--ina-red-50);--ina-sentiment-negative-100:var(--ina-red-100);--ina-sentiment-negative-200:var(--ina-red-200);--ina-sentiment-negative-300:var(--ina-red-300);--ina-sentiment-negative-400:var(--ina-red-400);--ina-sentiment-negative-500:var(--ina-red-500);--ina-sentiment-negative-600:var(--ina-red-600);--ina-sentiment-negative-700:var(--ina-red-700);--ina-sentiment-negative-800:var(--ina-red-800);--ina-sentiment-negative-900:var(--ina-red-900);--ina-positive-50:var(--ina-green-50);--ina-positive-100:var(--ina-green-100);--ina-positive-200:var(--ina-green-200);--ina-positive-300:var(--ina-green-300);--ina-positive-400:var(--ina-green-400);--ina-positive-500:var(--ina-green-500);--ina-positive-600:var(--ina-green-600);--ina-positive-700:var(--ina-green-700);--ina-positive-800:var(--ina-green-800);--ina-positive-900:var(--ina-green-900);--ina-sentiment-positive-50:var(--ina-green-50);--ina-sentiment-positive-100:var(--ina-green-100);--ina-sentiment-positive-200:var(--ina-green-200);--ina-sentiment-positive-300:var(--ina-green-300);--ina-sentiment-positive-400:var(--ina-green-400);--ina-sentiment-positive-500:var(--ina-green-500);--ina-sentiment-positive-600:var(--ina-green-600);--ina-sentiment-positive-700:var(--ina-green-700);--ina-sentiment-positive-800:var(--ina-green-800);--ina-warning-50:var(--ina-orange-50);--ina-warning-100:var(--ina-orange-100);--ina-warning-200:var(--ina-orange-200);--ina-warning-300:var(--ina-orange-300);--ina-warning-400:var(--ina-orange-400);--ina-warning-500:var(--ina-orange-500);--ina-warning-600:var(--ina-orange-600);--ina-warning-700:var(--ina-orange-700);--ina-warning-800:var(--ina-orange-800);--ina-warning-900:var(--ina-orange-900);--ina-sentiment-warning-50:var(--ina-orange-50);--ina-sentiment-warning-100:var(--ina-orange-100);--ina-sentiment-warning-200:var(--ina-orange-200);--ina-sentiment-warning-300:var(--ina-orange-300);--ina-sentiment-warning-400:var(--ina-orange-400);--ina-sentiment-warning-500:var(--ina-orange-500);--ina-sentiment-warning-600:var(--ina-orange-600);--ina-sentiment-warning-700:var(--ina-orange-700);--ina-sentiment-warning-800:var(--ina-orange-800);--ina-sentiment-warning-900:var(--ina-orange-900)}*,:after,:before{box-sizing:border-box}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0}button:focus,input,input:focus,select,select:focus,textarea,textarea:focus{box-shadow:none;outline:none}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none}textarea{resize:vertical}select{background:transparent;background-image:none;outline:none}button,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}button{cursor:pointer}input[type=color],input[type=file],input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}optgroup{font-family:inherit;font-size:100%;line-height:1.15;margin:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;-moz-appearance:button;appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}table{border-collapse:collapse;border-color:inherit;border-spacing:0;text-indent:0;width:100%}abbr,address,article,aside,cite,code,del,dfn,figure,footer,header,ins,kbd,main,mark,nav,samp,section,small,sub,sup{display:block}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}code,kbd,samp{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}mark{background-color:var(--ina-background-tertiary);color:var(--ina-black)}del{text-decoration:line-through}ins{text-decoration:underline}dfn{font-style:italic}

package/dist/index.css

@@ -1068,8 +1068,8 @@ abbr[title] {
 }
 /* Reset mark */
 mark {
-  background-color: #ff0;
-  color: #000;
+  background-color: var(--ina-background-tertiary);
+  color: var(--ina-black);
 }
 /* Reset del and ins */
 del {
@@ -1922,7 +1922,7 @@ dfn {
 dialog.bottom-sheet-dropdown {
   position: fixed;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  background-color: white;
+  background-color: var(--ina-background-primary);
   border-width: 0;
   min-height: 50vh;
   max-height: 80vh;
@@ -2175,7 +2175,7 @@ dialog.bottom-sheet-dropdown {
 .ina-button--primary:focus:not(:disabled) {
   background-color: var(--ina-primary-primary, var(--ina-content-primary));
   box-shadow: 0 1px 2px 0 rgba(31, 31, 31, 0.1),
-    0 0 0 4px var(--ina-neutral-100, #f5f5f5);
+    0 0 0 4px var(--ina-background-tertiary);
   outline-offset: 2px;
 }
 .ina-button--primary:disabled {
@@ -2196,13 +2196,13 @@ dialog.bottom-sheet-dropdown {
 .ina-button--secondary:focus:not(:disabled) {
   background-color: var(--ina-background-secondary, var(--ina-neutral-50));
   box-shadow: 0 1px 2px 0 rgba(31, 31, 31, 0.1),
-    0 0 0 4px var(--ina-neutral-100, #f5f5f5);
+    0 0 0 4px var(--ina-background-tertiary);
   outline-offset: 2px;
 }
 .ina-button--secondary:disabled {
   background-color: var(--ina-background-tertiary, var(--ina-neutral-100));
   color: var(--ina-content-tertiary, var(--ina-neutral-400));
-  border-color: var(--ina-stroke-primary, var(--Stroke-Primary));
+  border-color: var(--ina-stroke-primary, var(--ina-neutral-200));
   cursor: not-allowed;
   opacity: 1;
 }
@@ -2218,7 +2218,7 @@ dialog.bottom-sheet-dropdown {
 .ina-button--tertiary:focus:not(:disabled) {
   background-color: var(--ina-background-tertiary, var(--ina-neutral-100));
   box-shadow: 0 1px 2px 0 rgba(31, 31, 31, 0.1),
-    0 0 0 4px var(--ina-neutral-100, #f5f5f5);
+    0 0 0 4px var(--ina-background-tertiary);
   outline-offset: 2px;
 }
 .ina-button--tertiary:disabled {
@@ -2230,7 +2230,7 @@ dialog.bottom-sheet-dropdown {
 /* Hierarchy modifiers - Link */
 .ina-button--link {
   background-color: var(--ina-background-primary, var(--ina-neutral-25));
-  color: var(--ina-content-guide, var(--Content-Guide));
+  color: var(--ina-content-guide, var(--ina-blue-400));
   border: none;
   text-decoration: none;
 }
@@ -2243,7 +2243,7 @@ dialog.bottom-sheet-dropdown {
 .ina-button--link:focus:not(:disabled) {
   color: var(--ina-guide-400, var(--ina-blue-400));
   box-shadow: 0 1px 2px 0 rgba(31, 31, 31, 0.1),
-    0 0 0 4px var(--ina-neutral-100, #f5f5f5);
+    0 0 0 4px var(--ina-background-tertiary);
   outline-offset: 2px;
 }
 .ina-button--link:disabled {
@@ -3693,10 +3693,11 @@ dialog.bottom-sheet-dropdown {
   }
 }
 .ina-date-picker__trigger:hover {
-  background-color: var(--ina-neutral-50);
+  background-color: var(--ina-background-secondary);
 }
 .ina-date-picker__trigger:focus {
-  box-shadow: 0 1px 2px 0 rgba(31, 31, 31, 0.1), 0 0 0 3px #f3f3f3;
+  box-shadow: 0 1px 2px 0 rgba(31, 31, 31, 0.1),
+    0 0 0 3px var(--ina-stroke-primary);
   outline: none;
   background-color: var(--ina-background-primary);
   border-color: var(--ina-content-primary);
@@ -4411,7 +4412,7 @@ dialog.bottom-sheet-dropdown {
   transition: all var(--ina-transition-fast);
 }
 .ina-date-picker__dropdown-trigger:hover {
-  background-color: var(--ina-neutral-50);
+  background-color: var(--ina-background-secondary);
 }
 /* Dropdown options */
 .ina-date-picker__dropdown-option {
@@ -4425,7 +4426,7 @@ dialog.bottom-sheet-dropdown {
   transition: all var(--ina-transition-fast);
 }
 .ina-date-picker__dropdown-option:hover {
-  background-color: var(--ina-neutral-50);
+  background-color: var(--ina-background-secondary);
 }
 /* Decade navigation */
 .ina-date-picker__decade-nav-button {
@@ -4437,7 +4438,7 @@ dialog.bottom-sheet-dropdown {
   transition: all var(--ina-transition-fast);
 }
 .ina-date-picker__decade-nav-button:hover {
-  background-color: var(--ina-neutral-50);
+  background-color: var(--ina-background-secondary);
 }
 .ina-date-picker__decade-label {
   font-size: var(--ina-font-sm);
@@ -4455,7 +4456,7 @@ dialog.bottom-sheet-dropdown {
   transition: all var(--ina-transition-fast);
 }
 .ina-date-picker__year-option:hover {
-  background-color: var(--ina-neutral-50);
+  background-color: var(--ina-background-secondary);
 }
 .ina-date-picker__year-option--selected {
   background-color: var(--ina-content-primary);
@@ -4550,7 +4551,7 @@ dialog.bottom-sheet-dropdown {
   transition: all var(--ina-transition-fast);
 }
 .ina-date-picker__today-button:hover {
-  background-color: var(--ina-neutral-50);
+  background-color: var(--ina-background-secondary);
 }
 /* Apply/Cancel Buttons */
 .ina-date-picker__apply-container {
@@ -4605,7 +4606,7 @@ dialog.bottom-sheet-dropdown {
 }
 .ina-date-picker__day.ina-date-picker__day--selected.ina-date-picker__day--disabled {
   background-color: var(--ina-content-primary);
-  color: white;
+  color: var(--ina-white);
 }
 /**
  * Divider Component Styles
@@ -5534,7 +5535,7 @@ dialog.bottom-sheet-dropdown {
   margin-bottom: 0 !important;
 }
 .ina-dropdown__item:hover {
-  background-color: var(--ina-neutral-100);
+  background-color: var(--ina-background-secondary);
 }
 .ina-dropdown__item:focus {
   outline: none;
@@ -5542,7 +5543,7 @@ dialog.bottom-sheet-dropdown {
   color: var(--ina-primary-600);
 }
 .ina-dropdown__item:active {
-  background-color: var(--ina-neutral-200);
+  background-color: var(--ina-background-tertiary);
 }
 /* Item variants */
 .ina-dropdown__item--danger {
@@ -5566,7 +5567,7 @@ dialog.bottom-sheet-dropdown {
 .ina-dropdown__item--disabled {
   opacity: 0.5;
   cursor: not-allowed;
-  color: var(--ina-neutral-400);
+  color: var(--ina-content-tertiary);
 }
 .ina-dropdown__item--disabled:hover {
   background-color: transparent;
@@ -5658,7 +5659,7 @@ dialog.bottom-sheet-dropdown {
   display: inline-block;
   width: 16px;
   height: 16px;
-  border: 2px solid var(--ina-neutral-300);
+  border: 2px solid var(--ina-primary-100);
   border-radius: 50%;
   border-top-color: var(--ina-primary-500);
   animation: spin 1s linear infinite;
@@ -5687,21 +5688,21 @@ dialog.bottom-sheet-dropdown {
   max-height: 300px;
   overflow-y: auto;
   scrollbar-width: thin;
-  scrollbar-color: var(--ina-neutral-400) var(--ina-neutral-100);
+  scrollbar-color: var(--ina-content-tertiary) var(--ina-background-tertiary);
 }
 .ina-dropdown__menu--scrollable::-webkit-scrollbar {
   width: 6px;
 }
 .ina-dropdown__menu--scrollable::-webkit-scrollbar-track {
-  background: var(--ina-neutral-100);
+  background: var(--ina-background-tertiary);
   border-radius: 3px;
 }
 .ina-dropdown__menu--scrollable::-webkit-scrollbar-thumb {
-  background-color: var(--ina-neutral-400);
+  background-color: var(--ina-content-tertiary);
   border-radius: 3px;
 }
 .ina-dropdown__menu--scrollable::-webkit-scrollbar-thumb:hover {
-  background-color: var(--ina-neutral-500);
+  background-color: var(--ina-content-secondary);
 }
 /* Dark mode support */
 /* @media (prefers-color-scheme: dark) {
@@ -9578,7 +9579,7 @@ dialog.bottom-sheet-dropdown {
 }
 /* Disabled states */
 .ina-radio-input__field:disabled {
-  border-color: var(--ina-neutral-200, #e5e5e5);
+  border-color: var(--ina-stroke-primary, #e5e5e5);
   background-color: var(--ina-background-secondary, var(--ina-neutral-50));
   cursor: not-allowed;
   opacity: 1;
@@ -9586,7 +9587,7 @@ dialog.bottom-sheet-dropdown {
 }
 /* Disabled + Checked state - Higher specificity */
 .ina-radio-input__field:disabled:checked {
-  border-color: var(--ina-neutral-200, #e5e5e5) !important;
+  border-color: var(--ina-stroke-primary, #e5e5e5) !important;
   background-color: var(
     --ina-background-secondary,
     var(--ina-neutral-50)
@@ -9602,12 +9603,12 @@ dialog.bottom-sheet-dropdown {
   width: 11px;
   height: 11px;
   border-radius: 50%;
-  background-color: var(--ina-neutral-200, #e5e5e5);
+  background-color: var(--ina-stroke-primary, #e5e5e5);
 }
 /* Radio option label */
 .ina-radio-input__option-label {
   font-size: var(--ina-font-sm);
-  color: #000000;
+  color: var(--ina-content-primary);
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -9663,13 +9664,13 @@ dialog.bottom-sheet-dropdown {
 }
 /* Error state */
 .ina-radio-input--error .ina-radio-input__main-label {
-  color: #dc2626;
+  color: var(--ina-negative-500);
 }
 .ina-radio-input--error .ina-radio-input__field {
-  border-color: #dc2626;
+  border-color: var(--ina-negative-500);
 }
 .ina-radio-input--error .ina-radio-input__field:focus-visible {
-  outline-color: #dc2626;
+  outline-color: var(--ina-negative-500);
 }
 /* Loading state */
 .ina-radio-input--loading .ina-radio-input__option {
@@ -9681,11 +9682,11 @@ dialog.bottom-sheet-dropdown {
 /* Help text */
 .ina-radio-input__help-text {
   font-size: var(--ina-font-xs);
-  color: #666666;
+  color: var(--ina-content-secondary);
   margin-top: var(--ina-spacing-1);
 }
 .ina-radio-input__help-text--error {
-  color: #dc2626;
+  color: var(--ina-negative-500);
 }
 /* Responsive adjustments */
 @media (max-width: 640px) {
@@ -9740,6 +9741,9 @@ dialog.bottom-sheet-dropdown {
   display: inline-block;
   font-size: var(--ina-font-xs);
 }
+.ina-select-dropdown:focus-visible {
+  outline: none;
+}
 @media (min-width: 768px) {
   .ina-select-dropdown {
     font-size: var(--ina-font-sm);
@@ -9802,7 +9806,7 @@ dialog.bottom-sheet-dropdown {
   }
 }
 .ina-select-dropdown__trigger:hover {
-  background-color: var(--ina-neutral-50);
+  background-color: var(--ina-background-secondary);
 }
 /* Status variants */
 .ina-select-dropdown__trigger--status-neutral {
@@ -9810,7 +9814,8 @@ dialog.bottom-sheet-dropdown {
 }
 .ina-select-dropdown__trigger--status-neutral:focus-visible {
   border-color: var(--ina-content-primary);
-  box-shadow: 0 1px 2px 0 rgba(31, 31, 31, 0.1), 0 0 0 3px var(--ina-neutral-50);
+  box-shadow: 0 1px 2px 0 rgba(31, 31, 31, 0.1),
+    0 0 0 3px var(--ina-background-secondary);
 }
 .ina-select-dropdown__trigger--status-error {
   border-color: var(--ina-negative-500);
@@ -12640,7 +12645,7 @@ dialog.bottom-sheet-dropdown {
 
   .ina-table__cell,
   .ina-table__header-cell {
-    border-color: #000;
+    border-color: var(--ina-black);
   }
 }
 /* TableProgressBar Component Styles */
@@ -14164,12 +14169,14 @@ dialog.bottom-sheet-dropdown {
 }
 /* Basic Tooltip Bubble */
 .ina-tooltip__bubble {
-  background-color: #000;
-  color: #fff;
+  background-color: var(--ina-black);
+  color: var(--ina-white);
   text-align: center;
   padding: 8px 12px;
   border-radius: 6px;
   font-size: 12px;
+  width: -moz-max-content;
+  width: max-content;
   max-width: 320px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
@@ -14216,7 +14223,7 @@ dialog.bottom-sheet-dropdown {
   left: 50%;
   margin-left: -5px;
   border-width: 5px;
-  border-color: #000 transparent transparent transparent;
+  border-color: var(--ina-black) transparent transparent transparent;
 }
 /* Arrow untuk bottom placement (arrow di atas, pointing up) */
 .ina-tooltip--placement-bottom .ina-tooltip__content--show-arrow::after {
@@ -14224,7 +14231,7 @@ dialog.bottom-sheet-dropdown {
   left: 50%;
   margin-left: -5px;
   border-width: 5px;
-  border-color: transparent transparent #000 transparent;
+  border-color: transparent transparent var(--ina-black) transparent;
 }
 /* Arrow untuk left placement (arrow di kanan, pointing right) */
 .ina-tooltip--placement-left .ina-tooltip__content--show-arrow::after {
@@ -14232,7 +14239,7 @@ dialog.bottom-sheet-dropdown {
   top: 50%;
   margin-top: -5px;
   border-width: 5px;
-  border-color: transparent transparent transparent #000;
+  border-color: transparent transparent transparent var(--ina-black);
 }
 /* Arrow untuk right placement (arrow di kiri, pointing left) */
 .ina-tooltip--placement-right .ina-tooltip__content--show-arrow::after {
@@ -14240,7 +14247,7 @@ dialog.bottom-sheet-dropdown {
   top: 50%;
   margin-top: -5px;
   border-width: 5px;
-  border-color: transparent #000 transparent transparent;
+  border-color: transparent var(--ina-black) transparent transparent;
 }
 /* Card Tooltip (Light, Dark, Media) */
 .ina-tooltip__card {
@@ -14253,20 +14260,20 @@ dialog.bottom-sheet-dropdown {
   width: 320px;
   display: flex;
   flex-direction: column;
-  background-color: #fff;
-  color: #1a1a1a;
+  background-color: var(--ina-white);
+  color: var(--ina-content-primary);
 }
 .ina-tooltip__card--light {
-  background-color: #fff;
-  color: #1a1a1a;
+  background-color: var(--ina-white);
+  color: var(--ina-content-primary);
 }
 .ina-tooltip__card--dark {
-  background-color: #1a1a1a;
-  color: #fff;
+  background-color: var(--ina-content-primary);
+  color: var(--ina-white);
 }
 .ina-tooltip__card--media {
-  background-color: #fff;
-  color: #1a1a1a;
+  background-color: var(--ina-white);
+  color: var(--ina-content-primary);
 }
 /* Close button */
 .ina-tooltip__close {
@@ -14284,7 +14291,7 @@ dialog.bottom-sheet-dropdown {
   justify-content: center;
   z-index: 10;
   transition: all 0.2s ease;
-  color: #1a1a1a;
+  color: var(--ina-content-primary);
   padding: 0;
 }
 .ina-tooltip__close:hover {
@@ -14292,7 +14299,7 @@ dialog.bottom-sheet-dropdown {
 }
 .ina-tooltip__card--dark .ina-tooltip__close {
   background-color: rgba(255, 255, 255, 0.1);
-  color: #fff;
+  color: var(--ina-white);
 }
 .ina-tooltip__card--dark .ina-tooltip__close:hover {
   background-color: rgba(255, 255, 255, 0.2);
@@ -14307,7 +14314,7 @@ dialog.bottom-sheet-dropdown {
   width: 100%;
   height: 200px;
   overflow: hidden;
-  background-color: #f5f5f5;
+  background-color: var(--ina-background-tertiary);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -14329,17 +14336,17 @@ dialog.bottom-sheet-dropdown {
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
-  color: #1a1a1a;
+  color: var(--ina-content-primary);
   margin: 0;
 }
 .ina-tooltip__card--dark .ina-tooltip__title {
-  color: #fff;
+  color: var(--ina-white);
 }
 .ina-tooltip__description {
   font-size: 12px;
   font-weight: 400;
   line-height: 16px;
-  color: #666;
+  color: var(--ina-content-secondary);
   margin: 0;
 }
 .ina-tooltip__card--dark .ina-tooltip__description {
@@ -14362,23 +14369,23 @@ dialog.bottom-sheet-dropdown {
   transition: all 0.2s ease;
 }
 .ina-tooltip__action--close {
-  background-color: #fff;
-  color: #1a1a1a;
+  background-color: var(--ina-white);
+  color: var(--ina-content-primary);
   border: 1px solid #e0e0e0;
 }
 .ina-tooltip__action--close:hover {
-  background-color: #f5f5f5;
+  background-color: var(--ina-background-tertiary);
 }
 .ina-tooltip__action--next {
-  background-color: #e91e63;
-  color: #fff;
+  background-color: var(--ina-primary-primary);
+  color: var(--ina-white);
 }
 .ina-tooltip__action--next:hover {
-  background-color: #c2185b;
+  background-color: var(--ina-primary-700);
 }
 .ina-tooltip__card--dark .ina-tooltip__action--close {
   background-color: rgba(255, 255, 255, 0.1);
-  color: #fff;
+  color: var(--ina-white);
   border-color: rgba(255, 255, 255, 0.2);
 }
 .ina-tooltip__card--dark .ina-tooltip__action--close:hover {
@@ -14389,41 +14396,41 @@ dialog.bottom-sheet-dropdown {
   .ina-tooltip__content--show-arrow.ina-tooltip--variant-light::after,
 .ina-tooltip--placement-top
   .ina-tooltip__content--show-arrow.ina-tooltip--variant-media::after {
-  border-top-color: #fff;
+  border-top-color: var(--ina-white);
 }
 .ina-tooltip--placement-top
   .ina-tooltip__content--show-arrow.ina-tooltip--variant-dark::after {
-  border-top-color: #1a1a1a;
+  border-top-color: var(--ina-content-primary);
 }
 .ina-tooltip--placement-bottom
   .ina-tooltip__content--show-arrow.ina-tooltip--variant-light::after,
 .ina-tooltip--placement-bottom
   .ina-tooltip__content--show-arrow.ina-tooltip--variant-media::after {
-  border-bottom-color: #fff;
+  border-bottom-color: var(--ina-white);
 }
 .ina-tooltip--placement-bottom
   .ina-tooltip__content--show-arrow.ina-tooltip--variant-dark::after {
-  border-bottom-color: #1a1a1a;
+  border-bottom-color: var(--ina-content-primary);
 }
 .ina-tooltip--placement-left
   .ina-tooltip__content--show-arrow.ina-tooltip--variant-light::after,
 .ina-tooltip--placement-left
   .ina-tooltip__content--show-arrow.ina-tooltip--variant-media::after {
-  border-left-color: #fff;
+  border-left-color: var(--ina-white);
 }
 .ina-tooltip--placement-left
   .ina-tooltip__content--show-arrow.ina-tooltip--variant-dark::after {
-  border-left-color: #1a1a1a;
+  border-left-color: var(--ina-content-primary);
 }
 .ina-tooltip--placement-right
   .ina-tooltip__content--show-arrow.ina-tooltip--variant-light::after,
 .ina-tooltip--placement-right
   .ina-tooltip__content--show-arrow.ina-tooltip--variant-media::after {
-  border-right-color: #fff;
+  border-right-color: var(--ina-white);
 }
 .ina-tooltip--placement-right
   .ina-tooltip__content--show-arrow.ina-tooltip--variant-dark::after {
-  border-right-color: #1a1a1a;
+  border-right-color: var(--ina-content-primary);
 }
 /* =========================== */
 /* YEAR PICKER STYLES          */