@layer dot-variables.base {
.pure,
.hover_pure:hover {
  color: var(--zd_pure);
}
.snow,
.hover_snow:hover {
  color: var(--zd_snow);
}
.athensgray,
.hover_athensgray:hover {
  color: var(--zd_athensgray);
}
.alabaster,
.hover_alabaster:hover {
  color: var(--zd_alabaster);
}
.solitude,
.hover_solitude:hover {
  color: var(--zd_solitude);
}
.gallery,
.hover_gallery:hover {
  color: var(--zd_gallery);
}
.gallery1,
.hover_gallery1:hover {
  color: var(--zd_gallery1);
}
.smoke,
.hover_smoke:hover {
  color: var(--zd_smoke);
}
.smoke1,
.hover_smoke1:hover {
  color: var(--zd_smoke1);
}
.smoke2,
.hover_smoke2:hover {
  color: var(--zd_smoke2);
}
.smoke3,
.hover_smoke3:hover {
  color: var(--zd_smoke3);
}
.smoke4,
.hover_smoke4:hover {
  color: var(--zd_smoke4);
}
.smoke5,
.hover_smoke5:hover {
  color: var(--zd_smoke5);
}
.smoke6,
.hover_smoke6:hover {
  color: var(--zd_smoke6);
}
.smoke7,
.hover_smoke7:hover {
  color: var(--zd_smoke7);
}
.smoke8,
.hover_smoke8:hover {
  color: var(--zd_smoke8);
}
.smoke9,
.hover_smoke9:hover {
  color: var(--zd_smoke9);
}
.smoke10,
.hover_smoke10:hover {
  color: var(--zd_smoke10);
}
.smoke11,
.hover_smoke11:hover {
  color: var(--zd_smoke11);
}
.smoke12,
.hover_smoke12:hover {
  color: var(--zd_smoke12);
}
.smoke13,
.hover_smoke13:hover {
  color: var(--zd_smoke13);
}
.smoke14,
.hover_smoke14:hover {
  color: var(--zd_smoke14);
}
.smoke15,
.hover_smoke15:hover {
  color: var(--zd_smoke15);
}
.smoke16,
.hover_smoke16:hover {
  color: var(--zd_smoke16);
}
.smoke17,
.hover_smoke17:hover {
  color: var(--zd_smoke17);
}
.smoke18,
.hover_smoke18:hover {
  color: var(--zd_smoke18);
}
.smoke19,
.hover_smoke19:hover {
  color: var(--zd_smoke19);
}
.smoke20,
.hover_smoke20:hover {
  color: var(--zd_smoke20);
}
.smoke21,
.hover_smoke21:hover {
  color: var(--zd_smoke21);
}
.smoke23,
.hover_smoke23:hover {
  color: var(--zd_smoke23);
}
.smoke24,
.hover_smoke24:hover {
  color: var(--zd_smoke24);
}
.smoke25,
.hover_smoke25:hover {
  color: var(--zd_smoke25);
}
.smoke26,
.hover_smoke26:hover {
  color: var(--zd_smoke26);
}
.smoke27,
.hover_smoke27:hover {
  color: var(--zd_smoke27);
}
.smoke28,
.hover_smoke28:hover {
  color: var(--zd_smoke28);
}
.smoke29,
.hover_smoke29:hover {
  color: var(--zd_smoke29);
}
.smoke30,
.hover_smoke30:hover {
  color: var(--zd_smoke30);
}
.smoke31,
.hover_smoke31:hover {
  color: var(--zd_smoke31);
}
.smoke32,
.hover_smoke32:hover {
  color: var(--zd_smoke32);
}
.smoke33,
.hover_smoke33:hover {
  color: var(--zd_smoke33);
}
.smoke34,
.hover_smoke34:hover {
  color: var(--zd_smoke34);
}
.smoke35,
.hover_smoke35:hover {
  color: var(--zd_smoke35);
}
.smoke36,
.hover_smoke36:hover {
  color: var(--zd_smoke36);
}
.smoke37,
.hover_smoke37:hover {
  color: var(--zd_smoke37);
}
.smoke38,
.hover_smoke38:hover {
  color: var(--zd_smoke38);
}
.smoke39,
.hover_smoke39:hover {
  color: var(--zd_smoke39);
}
.smoke40,
.hover_smoke40:hover {
  color: var(--zd_smoke40);
}
.smoke41,
.hover_smoke41:hover {
  color: var(--zd_smoke41);
}
.smoke42,
.hover_smoke42:hover {
  color: var(--zd_smoke42);
}
.smoke43,
.hover_smoke43:hover {
  color: var(--zd_smoke43);
}
.smoke44,
.hover_smoke44:hover {
  color: var(--zd_smoke44);
}
.smoke45,
.hover_smoke45:hover {
  color: var(--zd_smoke45);
}
.smoke46,
.hover_smoke46:hover {
  color: var(--zd_smoke46);
}
.smoke48,
.hover_smoke48:hover {
  color: var(--zd_smoke48);
}
.smoke49,
.hover_smoke49:hover {
  color: var(--zd_smoke49);
}
.smoke50,
.hover_smoke50:hover {
  color: var(--zd_smoke50);
}
.smoke51,
.hover_smoke51:hover {
  color: var(--zd_smoke51);
}
.smoke52,
.hover_smoke52:hover {
  color: var(--zd_smoke52);
}
.smoke53,
.hover_smoke53:hover {
  color: var(--zd_smoke53);
}
.smoke54,
.hover_smoke54:hover {
  color: var(--zd_smoke54);
}
.smoke55,
.hover_smoke55:hover {
  color: var(--zd_smoke55);
}
.smoke56,
.hover_smoke56:hover {
  color: var(--zd_smoke56);
}
.smoke57,
.hover_smoke57:hover {
  color: var(--zd_smoke57);
}
.smoke58,
.hover_smoke58:hover {
  color: var(--zd_smoke58);
}
.smoke59,
.hover_smoke59:hover {
  color: var(--zd_smoke59);
}
.smoke60,
.hover_smoke60:hover {
  color: var(--zd_smoke60);
}
.smoke61,
.hover_smoke61:hover {
  color: var(--zd_smoke61);
}
.smoke62,
.hover_smoke62:hover {
  color: var(--zd_smoke62);
}
.smoke64,
.hover_smoke64:hover {
  color: var(--zd_smoke64);
}
.smoke65,
.hover_smoke65:hover {
  color: var(--zd_smoke65);
}
.smoke66,
.hover_smoke66:hover {
  color: var(--zd_smoke66);
}
.smoke67,
.hover_smoke67:hover {
  color: var(--zd_smoke67);
}
.smoke68,
.hover_smoke68:hover {
  color: var(--zd_smoke68);
}
.smoke69,
.hover_smoke69:hover {
  color: var(--zd_smoke69);
}
.smoke70,
.hover_smoke70:hover {
  color: var(--zd_smoke70);
}
.smoke71,
.hover_smoke71:hover {
  color: var(--zd_smoke71);
}
.smoke72,
.hover_smoke72:hover {
  color: var(--zd_smoke72);
}
.smoke73,
.hover_smoke73:hover {
  color: var(--zd_smoke73);
}
.smoke74,
.hover_smoke74:hover {
  color: var(--zd_smoke74);
}
.smoke76,
.hover_smoke76:hover {
  color: var(--zd_smoke76);
}
.smoke78,
.hover_smoke78:hover {
  color: var(--zd_smoke78);
}
.smoke79,
.hover_smoke79:hover {
  color: var(--zd_smoke79);
}
.smoke81,
.hover_smoke81:hover {
  color: var(--zd_smoke81);
}
.smoke82,
.hover_smoke82:hover {
  color: var(--zd_smoke82);
}
.smoke83,
.hover_smoke83:hover {
  color: var(--zd_smoke83);
}
.smoke84,
.hover_smoke84:hover {
  color: var(--zd_smoke84);
}
.smoke85,
.hover_smoke85:hover {
  color: var(--zd_smoke85);
}
.smoke86,
.hover_smoke86:hover {
  color: var(--zd_smoke86);
}
.smoke87,
.hover_smoke87:hover {
  color: var(--zd_smoke87);
}
.smoke88,
.hover_smoke88:hover {
  color: var(--zd_smoke88);
}
.smoke89,
.hover_smoke89:hover {
  color: var(--zd_smoke89);
}
.smoke90,
.hover_smoke90:hover {
  color: var(--zd_smoke90);
}
.smoke91,
.hover_smoke91:hover {
  color: var(--zd_smoke91);
}
.smoke92,
.hover_smoke92:hover {
  color: var(--zd_smoke92);
}
.smoke93,
.hover_smoke93:hover {
  color: var(--zd_smoke93);
}
.smoke94,
.hover_smoke94:hover {
  color: var(--zd_smoke94);
}
.smoke96,
.hover_smoke96:hover {
  color: var(--zd_smoke96);
}
.smoke97,
.hover_smoke97:hover {
  color: var(--zd_smoke97);
}
.smoke98,
.hover_smoke98:hover {
  color: var(--zd_smoke98);
}
.smoke99,
.hover_smoke99:hover {
  color: var(--zd_smoke99);
}
.smoke100,
.hover_smoke100:hover {
  color: var(--zd_smoke100);
}
.smoke102,
.hover_smoke102:hover {
  color: var(--zd_smoke102);
}
.smoke103,
.hover_smoke103:hover {
  color: var(--zd_smoke103);
}
.brightgray,
.hover_brightgray:hover {
  color: var(--zd_brightgray);
}
.bunker,
.hover_bunker:hover {
  color: var(--zd_bunker);
}
.cloudburst,
.hover_cloudburst:hover {
  color: var(--zd_cloudburst);
}
.shark,
.hover_shark:hover {
  color: var(--zd_shark);
}
.shark1,
.hover_shark1:hover {
  color: var(--zd_shark1);
}
.dark,
.hover_dark:hover {
  color: var(--zd_dark);
}
.dark2,
.hover_dark2:hover {
  color: var(--zd_dark2);
}
.dark3,
.hover_dark3:hover {
  color: var(--zd_dark3);
}
.dark4,
.hover_dark4:hover {
  color: var(--zd_dark4);
}
.dark5,
.hover_dark5:hover {
  color: var(--zd_dark5);
}
.dark6,
.hover_dark6:hover {
  color: var(--zd_dark6);
}
.dark13,
.hover_dark13:hover {
  color: var(--zd_dark13);
}
.dark14,
.hover_dark14:hover {
  color: var(--zd_dark14);
}
.dark15,
.hover_dark15:hover {
  color: var(--zd_dark15);
}
.dark17,
.hover_dark17:hover {
  color: var(--zd_dark17);
}
.dark18,
.hover_dark18:hover {
  color: var(--zd_dark18);
}
.dark19,
.hover_dark19:hover {
  color: var(--zd_dark19);
}
.dark20,
.hover_dark20:hover {
  color: var(--zd_dark20);
}
.dark21,
.hover_dark21:hover {
  color: var(--zd_dark21);
}
.dark22,
.hover_dark22:hover {
  color: var(--zd_dark22);
}
.dark24,
.hover_dark24:hover {
  color: var(--zd_dark24);
}
.dark25,
.hover_dark25:hover {
  color: var(--zd_dark25);
}
.dark26,
.hover_dark26:hover {
  color: var(--zd_dark26);
}
.dark27,
.hover_dark27:hover {
  color: var(--zd_dark27);
}
.dark28,
.hover_dark28:hover {
  color: var(--zd_dark28);
}
.dark29,
.hover_dark29:hover {
  color: var(--zd_dark29);
}
.dark30,
.hover_dark30:hover {
  color: var(--zd_dark30);
}
.dark31,
.hover_dark31:hover {
  color: var(--zd_dark31);
}
.dark32,
.hover_dark32:hover {
  color: var(--zd_dark32);
}
.dark33,
.hover_dark33:hover {
  color: var(--zd_dark33);
}
.dark35,
.hover_dark35:hover {
  color: var(--zd_dark35);
}
.aliceblue,
.hover_aliceblue:hover {
  color: var(--zd_aliceblue);
}
.faintblue,
.hover_faintblue:hover {
  color: var(--zd_faintblue);
}
.paleblue,
.hover_paleblue:hover {
  color: var(--zd_paleblue);
}
.pattensblue,
.hover_pattensblue:hover {
  color: var(--zd_pattensblue);
}
.blue1,
.hover_blue1:hover {
  color: var(--zd_blue1);
}
.blue2,
.hover_blue2:hover {
  color: var(--zd_blue2);
}
.blue3,
.hover_blue3:hover {
  color: var(--zd_blue3);
}
.blue4,
.hover_blue4:hover {
  color: var(--zd_blue4);
}
.blue5,
.hover_blue5:hover {
  color: var(--zd_blue5);
}
.blue6,
.hover_blue6:hover {
  color: var(--zd_blue6);
}
.blue7,
.hover_blue7:hover {
  color: var(--zd_blue7);
}
.blue8,
.hover_blue8:hover {
  color: var(--zd_blue8);
}
.blue9,
.hover_blue9:hover {
  color: var(--zd_blue9);
}
.blue10,
.hover_blue10:hover {
  color: var(--zd_blue10);
}
.blue11,
.hover_blue11:hover {
  color: var(--zd_blue11);
}
.blue12,
.hover_blue12:hover {
  color: var(--zd_blue12);
}
.prime,
.hover_prime:hover {
  color: var(--zd_prime);
}
.primary,
.hover_primary:hover {
  color: var(--zd_primary);
}
.primary1,
.hover_primary1:hover {
  color: var(--zd_primary1);
}
.primary2,
.hover_primary2:hover {
  color: var(--zd_primary2);
}
.primary3,
.hover_primary3:hover {
  color: var(--zd_primary3);
}
.primary4,
.hover_primary4:hover {
  color: var(--zd_primary4);
}
.primary5,
.hover_primary5:hover {
  color: var(--zd_primary5);
}
.primary6,
.hover_primary6:hover {
  color: var(--zd_primary6);
}
.primary7,
.hover_primary7:hover {
  color: var(--zd_primary7);
}
.primary8,
.hover_primary8:hover {
  color: var(--zd_primary8);
}
.primary9,
.hover_primary9:hover {
  color: var(--zd_primary9);
}
.primary10,
.hover_primary10:hover {
  color: var(--zd_primary10);
}
.primary11,
.hover_primary11:hover {
  color: var(--zd_primary11);
}
.primary12,
.hover_primary12:hover {
  color: var(--zd_primary12);
}
.primary13,
.hover_primary13:hover {
  color: var(--zd_primary13);
}
.primary14,
.hover_primary14:hover {
  color: var(--zd_primary14);
}
.primary15,
.hover_primary15:hover {
  color: var(--zd_primary15);
}
.primary16,
.hover_primary16:hover {
  color: var(--zd_primary16);
}
.primary17,
.hover_primary17:hover {
  color: var(--zd_primary17);
}
.primary18,
.hover_primary18:hover {
  color: var(--zd_primary18);
}
.primary19,
.hover_primary19:hover {
  color: var(--zd_primary19);
}
.danger,
.hover_danger:hover {
  color: var(--zd_danger);
}
.danger1,
.hover_danger1:hover {
  color: var(--zd_danger1);
}
.danger4,
.hover_danger4:hover {
  color: var(--zd_danger4);
}
.danger5,
.hover_danger5:hover {
  color: var(--zd_danger5);
}
.danger6,
.hover_danger6:hover {
  color: var(--zd_danger6);
}
.danger7,
.hover_danger7:hover {
  color: var(--zd_danger7);
}
.danger8,
.hover_danger8:hover {
  color: var(--zd_danger8);
}
.danger9,
.hover_danger9:hover {
  color: var(--zd_danger9);
}
.danger10,
.hover_danger10:hover {
  color: var(--zd_danger10);
}
.danger11,
.hover_danger11:hover {
  color: var(--zd_danger11);
}
.danger12,
.hover_danger12:hover {
  color: var(--zd_danger12);
}
.danger13,
.hover_danger13:hover {
  color: var(--zd_danger13);
}
.danger14,
.hover_danger14:hover {
  color: var(--zd_danger14);
}
.danger15,
.hover_danger15:hover {
  color: var(--zd_danger15);
}
.danger16,
.hover_danger16:hover {
  color: var(--zd_danger16);
}
.danger17,
.hover_danger17:hover {
  color: var(--zd_danger17);
}
.danger18,
.hover_danger18:hover {
  color: var(--zd_danger18);
}
.danger19,
.hover_danger19:hover {
  color: var(--zd_danger19);
}
.danger20,
.hover_danger20:hover {
  color: var(--zd_danger20);
}
.mandatory,
.hover_mandatory:hover {
  color: var(--zd_mandatory);
}
.orange,
.hover_orange:hover {
  color: var(--zd_orange);
}
.error,
.hover_error:hover {
  color: var(--zd_error);
}
.vermilion,
.hover_vermilion:hover {
  color: var(--zd_vermilion);
}
.olive,
.hover_olive:hover {
  color: var(--zd_olive);
}
.olive2,
.hover_olive2:hover {
  color: var(--zd_olive2);
}
.olive3,
.hover_olive3:hover {
  color: var(--zd_olive3);
}
.olive4,
.hover_olive4:hover {
  color: var(--zd_olive4);
}
.olive5,
.hover_olive5:hover {
  color: var(--zd_olive5);
}
.olive6,
.hover_olive6:hover {
  color: var(--zd_olive6);
}
.olive7,
.hover_olive7:hover {
  color: var(--zd_olive7);
}
.olive8,
.hover_olive8:hover {
  color: var(--zd_olive8);
}
.olive9,
.hover_olive9:hover {
  color: var(--zd_olive9);
}
.olive10,
.hover_olive10:hover {
  color: var(--zd_olive10);
}
.olive11,
.hover_olive11:hover {
  color: var(--zd_olive11);
}
.olive12,
.hover_olive12:hover {
  color: var(--zd_olive12);
}
.olive13,
.hover_olive13:hover {
  color: var(--zd_olive13);
}
.olive14,
.hover_olive14:hover {
  color: var(--zd_olive14);
}
.olive15,
.hover_olive15:hover {
  color: var(--zd_olive15);
}
.olive16,
.hover_olive16:hover {
  color: var(--zd_olive16);
}
.olive17,
.hover_olive17:hover {
  color: var(--zd_olive17);
}
.honeydew,
.hover_honeydew:hover {
  color: var(--zd_honeydew);
}
.mirror,
.hover_mirror:hover {
  color: var(--zd_mirror);
}
.gold,
.hover_gold:hover {
  color: var(--zd_gold);
}
.goldyellow,
.hover_goldyellow:hover {
  color: var(--zd_goldyellow);
}
.yellow,
.hover_yellow:hover {
  color: var(--zd_yellow);
}
.yellow1,
.hover_yellow1:hover {
  color: var(--zd_yellow1);
}
.yellow2,
.hover_yellow2:hover {
  color: var(--zd_yellow2);
}
.yellow3,
.hover_yellow3:hover {
  color: var(--zd_yellow3);
}
.yellow4,
.hover_yellow4:hover {
  color: var(--zd_yellow4);
}
.yellow5,
.hover_yellow5:hover {
  color: var(--zd_yellow5);
}
.yellow6,
.hover_yellow6:hover {
  color: var(--zd_yellow6);
}
.info,
.hover_info:hover {
  color: var(--zd_info);
}
}