/* ------ buttons ----- */
/* ------ typography ----- */
.msk-icon.msk-icon--sm {
  font-size: 1rem;
}
.msk-icon.msk-icon--black:not(.msk-icon--low-contrast) {
  color: #000000;
}
.msk-icon.msk-icon--white:not(.msk-icon--low-contrast) {
  color: #ffffff;
}
.msk-icon.msk-icon--blue:not(.msk-icon--low-contrast) {
  color: #113e90;
}
.msk-icon.msk-icon--warm-gray:not(.msk-icon--low-contrast) {
  color: #565151;
}
.msk-icon.msk-icon--gray:not(.msk-icon--low-contrast) {
  color: #525252;
}
.msk-icon.msk-icon--cool-gray:not(.msk-icon--low-contrast) {
  color: #4d5358;
}
.msk-icon.msk-icon--cyan:not(.msk-icon--low-contrast) {
  color: #00539a;
}
.msk-icon.msk-icon--green:not(.msk-icon--low-contrast) {
  color: #175e15;
}
.msk-icon.msk-icon--magenta:not(.msk-icon--low-contrast) {
  color: #85375c;
}
.msk-icon.msk-icon--orange:not(.msk-icon--low-contrast) {
  color: #8a3900;
}
.msk-icon.msk-icon--purple:not(.msk-icon--low-contrast) {
  color: #5c4583;
}
.msk-icon.msk-icon--red:not(.msk-icon--low-contrast) {
  color: #a80900;
}
.msk-icon.msk-icon--teal:not(.msk-icon--low-contrast) {
  color: #215c57;
}
.msk-icon.msk-icon--yellow:not(.msk-icon--low-contrast) {
  color: #684e00;
}
.msk-icon.msk-icon--blue.msk-icon--low-contrast {
  color: #f0f5ff;
}
.msk-icon.msk-icon--warm-gray.msk-icon--low-contrast {
  color: #f7f3f2;
}
.msk-icon.msk-icon--gray.msk-icon--low-contrast {
  color: #f4f4f4;
}
.msk-icon.msk-icon--cool-gray.msk-icon--low-contrast {
  color: #f2f4f8;
}
.msk-icon.msk-icon--cyan.msk-icon--low-contrast {
  color: #e5f6ff;
}
.msk-icon.msk-icon--green.msk-icon--low-contrast {
  color: #e6ffe6;
}
.msk-icon.msk-icon--magenta.msk-icon--low-contrast {
  color: #fff2f9;
}
.msk-icon.msk-icon--orange.msk-icon--low-contrast {
  color: #fff0e4;
}
.msk-icon.msk-icon--purple.msk-icon--low-contrast {
  color: #f7f3ff;
}
.msk-icon.msk-icon--red.msk-icon--low-contrast {
  color: #ffe4e3;
}
.msk-icon.msk-icon--teal.msk-icon--low-contrast {
  color: #edfffd;
}
.msk-icon.msk-icon--yellow.msk-icon--low-contrast {
  color: #fcf4d6;
}
.msk-icon.msk-icon--md {
  font-size: 1.5rem;
}
.msk-icon.msk-icon--black:not(.msk-icon--low-contrast) {
  color: #000000;
}
.msk-icon.msk-icon--white:not(.msk-icon--low-contrast) {
  color: #ffffff;
}
.msk-icon.msk-icon--blue:not(.msk-icon--low-contrast) {
  color: #113e90;
}
.msk-icon.msk-icon--warm-gray:not(.msk-icon--low-contrast) {
  color: #565151;
}
.msk-icon.msk-icon--gray:not(.msk-icon--low-contrast) {
  color: #525252;
}
.msk-icon.msk-icon--cool-gray:not(.msk-icon--low-contrast) {
  color: #4d5358;
}
.msk-icon.msk-icon--cyan:not(.msk-icon--low-contrast) {
  color: #00539a;
}
.msk-icon.msk-icon--green:not(.msk-icon--low-contrast) {
  color: #175e15;
}
.msk-icon.msk-icon--magenta:not(.msk-icon--low-contrast) {
  color: #85375c;
}
.msk-icon.msk-icon--orange:not(.msk-icon--low-contrast) {
  color: #8a3900;
}
.msk-icon.msk-icon--purple:not(.msk-icon--low-contrast) {
  color: #5c4583;
}
.msk-icon.msk-icon--red:not(.msk-icon--low-contrast) {
  color: #a80900;
}
.msk-icon.msk-icon--teal:not(.msk-icon--low-contrast) {
  color: #215c57;
}
.msk-icon.msk-icon--yellow:not(.msk-icon--low-contrast) {
  color: #684e00;
}
.msk-icon.msk-icon--blue.msk-icon--low-contrast {
  color: #f0f5ff;
}
.msk-icon.msk-icon--warm-gray.msk-icon--low-contrast {
  color: #f7f3f2;
}
.msk-icon.msk-icon--gray.msk-icon--low-contrast {
  color: #f4f4f4;
}
.msk-icon.msk-icon--cool-gray.msk-icon--low-contrast {
  color: #f2f4f8;
}
.msk-icon.msk-icon--cyan.msk-icon--low-contrast {
  color: #e5f6ff;
}
.msk-icon.msk-icon--green.msk-icon--low-contrast {
  color: #e6ffe6;
}
.msk-icon.msk-icon--magenta.msk-icon--low-contrast {
  color: #fff2f9;
}
.msk-icon.msk-icon--orange.msk-icon--low-contrast {
  color: #fff0e4;
}
.msk-icon.msk-icon--purple.msk-icon--low-contrast {
  color: #f7f3ff;
}
.msk-icon.msk-icon--red.msk-icon--low-contrast {
  color: #ffe4e3;
}
.msk-icon.msk-icon--teal.msk-icon--low-contrast {
  color: #edfffd;
}
.msk-icon.msk-icon--yellow.msk-icon--low-contrast {
  color: #fcf4d6;
}
.msk-icon.msk-icon--lg {
  font-size: 2rem;
}
.msk-icon.msk-icon--black:not(.msk-icon--low-contrast) {
  color: #000000;
}
.msk-icon.msk-icon--white:not(.msk-icon--low-contrast) {
  color: #ffffff;
}
.msk-icon.msk-icon--blue:not(.msk-icon--low-contrast) {
  color: #113e90;
}
.msk-icon.msk-icon--warm-gray:not(.msk-icon--low-contrast) {
  color: #565151;
}
.msk-icon.msk-icon--gray:not(.msk-icon--low-contrast) {
  color: #525252;
}
.msk-icon.msk-icon--cool-gray:not(.msk-icon--low-contrast) {
  color: #4d5358;
}
.msk-icon.msk-icon--cyan:not(.msk-icon--low-contrast) {
  color: #00539a;
}
.msk-icon.msk-icon--green:not(.msk-icon--low-contrast) {
  color: #175e15;
}
.msk-icon.msk-icon--magenta:not(.msk-icon--low-contrast) {
  color: #85375c;
}
.msk-icon.msk-icon--orange:not(.msk-icon--low-contrast) {
  color: #8a3900;
}
.msk-icon.msk-icon--purple:not(.msk-icon--low-contrast) {
  color: #5c4583;
}
.msk-icon.msk-icon--red:not(.msk-icon--low-contrast) {
  color: #a80900;
}
.msk-icon.msk-icon--teal:not(.msk-icon--low-contrast) {
  color: #215c57;
}
.msk-icon.msk-icon--yellow:not(.msk-icon--low-contrast) {
  color: #684e00;
}
.msk-icon.msk-icon--blue.msk-icon--low-contrast {
  color: #f0f5ff;
}
.msk-icon.msk-icon--warm-gray.msk-icon--low-contrast {
  color: #f7f3f2;
}
.msk-icon.msk-icon--gray.msk-icon--low-contrast {
  color: #f4f4f4;
}
.msk-icon.msk-icon--cool-gray.msk-icon--low-contrast {
  color: #f2f4f8;
}
.msk-icon.msk-icon--cyan.msk-icon--low-contrast {
  color: #e5f6ff;
}
.msk-icon.msk-icon--green.msk-icon--low-contrast {
  color: #e6ffe6;
}
.msk-icon.msk-icon--magenta.msk-icon--low-contrast {
  color: #fff2f9;
}
.msk-icon.msk-icon--orange.msk-icon--low-contrast {
  color: #fff0e4;
}
.msk-icon.msk-icon--purple.msk-icon--low-contrast {
  color: #f7f3ff;
}
.msk-icon.msk-icon--red.msk-icon--low-contrast {
  color: #ffe4e3;
}
.msk-icon.msk-icon--teal.msk-icon--low-contrast {
  color: #edfffd;
}
.msk-icon.msk-icon--yellow.msk-icon--low-contrast {
  color: #fcf4d6;
}
.msk-icon.msk-icon--xl {
  font-size: 4rem;
}
.msk-icon.msk-icon--black:not(.msk-icon--low-contrast) {
  color: #000000;
}
.msk-icon.msk-icon--white:not(.msk-icon--low-contrast) {
  color: #ffffff;
}
.msk-icon.msk-icon--blue:not(.msk-icon--low-contrast) {
  color: #113e90;
}
.msk-icon.msk-icon--warm-gray:not(.msk-icon--low-contrast) {
  color: #565151;
}
.msk-icon.msk-icon--gray:not(.msk-icon--low-contrast) {
  color: #525252;
}
.msk-icon.msk-icon--cool-gray:not(.msk-icon--low-contrast) {
  color: #4d5358;
}
.msk-icon.msk-icon--cyan:not(.msk-icon--low-contrast) {
  color: #00539a;
}
.msk-icon.msk-icon--green:not(.msk-icon--low-contrast) {
  color: #175e15;
}
.msk-icon.msk-icon--magenta:not(.msk-icon--low-contrast) {
  color: #85375c;
}
.msk-icon.msk-icon--orange:not(.msk-icon--low-contrast) {
  color: #8a3900;
}
.msk-icon.msk-icon--purple:not(.msk-icon--low-contrast) {
  color: #5c4583;
}
.msk-icon.msk-icon--red:not(.msk-icon--low-contrast) {
  color: #a80900;
}
.msk-icon.msk-icon--teal:not(.msk-icon--low-contrast) {
  color: #215c57;
}
.msk-icon.msk-icon--yellow:not(.msk-icon--low-contrast) {
  color: #684e00;
}
.msk-icon.msk-icon--blue.msk-icon--low-contrast {
  color: #f0f5ff;
}
.msk-icon.msk-icon--warm-gray.msk-icon--low-contrast {
  color: #f7f3f2;
}
.msk-icon.msk-icon--gray.msk-icon--low-contrast {
  color: #f4f4f4;
}
.msk-icon.msk-icon--cool-gray.msk-icon--low-contrast {
  color: #f2f4f8;
}
.msk-icon.msk-icon--cyan.msk-icon--low-contrast {
  color: #e5f6ff;
}
.msk-icon.msk-icon--green.msk-icon--low-contrast {
  color: #e6ffe6;
}
.msk-icon.msk-icon--magenta.msk-icon--low-contrast {
  color: #fff2f9;
}
.msk-icon.msk-icon--orange.msk-icon--low-contrast {
  color: #fff0e4;
}
.msk-icon.msk-icon--purple.msk-icon--low-contrast {
  color: #f7f3ff;
}
.msk-icon.msk-icon--red.msk-icon--low-contrast {
  color: #ffe4e3;
}
.msk-icon.msk-icon--teal.msk-icon--low-contrast {
  color: #edfffd;
}
.msk-icon.msk-icon--yellow.msk-icon--low-contrast {
  color: #fcf4d6;
}
.msk-icon.msk-icon--xxl {
  font-size: 8rem;
}
.msk-icon.msk-icon--black:not(.msk-icon--low-contrast) {
  color: #000000;
}
.msk-icon.msk-icon--white:not(.msk-icon--low-contrast) {
  color: #ffffff;
}
.msk-icon.msk-icon--blue:not(.msk-icon--low-contrast) {
  color: #113e90;
}
.msk-icon.msk-icon--warm-gray:not(.msk-icon--low-contrast) {
  color: #565151;
}
.msk-icon.msk-icon--gray:not(.msk-icon--low-contrast) {
  color: #525252;
}
.msk-icon.msk-icon--cool-gray:not(.msk-icon--low-contrast) {
  color: #4d5358;
}
.msk-icon.msk-icon--cyan:not(.msk-icon--low-contrast) {
  color: #00539a;
}
.msk-icon.msk-icon--green:not(.msk-icon--low-contrast) {
  color: #175e15;
}
.msk-icon.msk-icon--magenta:not(.msk-icon--low-contrast) {
  color: #85375c;
}
.msk-icon.msk-icon--orange:not(.msk-icon--low-contrast) {
  color: #8a3900;
}
.msk-icon.msk-icon--purple:not(.msk-icon--low-contrast) {
  color: #5c4583;
}
.msk-icon.msk-icon--red:not(.msk-icon--low-contrast) {
  color: #a80900;
}
.msk-icon.msk-icon--teal:not(.msk-icon--low-contrast) {
  color: #215c57;
}
.msk-icon.msk-icon--yellow:not(.msk-icon--low-contrast) {
  color: #684e00;
}
.msk-icon.msk-icon--blue.msk-icon--low-contrast {
  color: #f0f5ff;
}
.msk-icon.msk-icon--warm-gray.msk-icon--low-contrast {
  color: #f7f3f2;
}
.msk-icon.msk-icon--gray.msk-icon--low-contrast {
  color: #f4f4f4;
}
.msk-icon.msk-icon--cool-gray.msk-icon--low-contrast {
  color: #f2f4f8;
}
.msk-icon.msk-icon--cyan.msk-icon--low-contrast {
  color: #e5f6ff;
}
.msk-icon.msk-icon--green.msk-icon--low-contrast {
  color: #e6ffe6;
}
.msk-icon.msk-icon--magenta.msk-icon--low-contrast {
  color: #fff2f9;
}
.msk-icon.msk-icon--orange.msk-icon--low-contrast {
  color: #fff0e4;
}
.msk-icon.msk-icon--purple.msk-icon--low-contrast {
  color: #f7f3ff;
}
.msk-icon.msk-icon--red.msk-icon--low-contrast {
  color: #ffe4e3;
}
.msk-icon.msk-icon--teal.msk-icon--low-contrast {
  color: #edfffd;
}
.msk-icon.msk-icon--yellow.msk-icon--low-contrast {
  color: #fcf4d6;
}