MelangeCSS Reference

.appearance-auto {
  appearance: auto;
}

.appearance-auto-hc {
  appearance: auto;
}

.appearance-auto-l {
  appearance: auto;
}

.appearance-auto-m {
  appearance: auto;
}

.appearance-auto-ns {
  appearance: auto;
}

.appearance-none {
  appearance: none;
}

.appearance-none-hc {
  appearance: none;
}

.appearance-none-l {
  appearance: none;
}

.appearance-none-m {
  appearance: none;
}

.appearance-none-ns {
  appearance: none;
}

.b {
  font-weight: bold;
}

.b-hc {
  font-weight: bold;
}

.b-l {
  font-weight: bold;
}

.b-m {
  font-weight: bold;
}

.b-ns {
  font-weight: bold;
}

.ba {
  border-style: solid;
  border-width: 1px;
}

.ba-hc {
  border-style: solid;
  border-width: 1px;
}

.ba-l {
  border-style: solid;
  border-width: 1px;
}

.ba-m {
  border-style: solid;
  border-width: 1px;
}

.ba-ns {
  border-style: solid;
  border-width: 1px;
}

.bb {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.bb-hc {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.bb-l {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.bb-m {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.bb-ns {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.bbs-dashed {
  border-bottom-style: dashed;
}

.bbs-dashed-hc {
  border-bottom-style: dashed;
}

.bbs-dashed-l {
  border-bottom-style: dashed;
}

.bbs-dashed-m {
  border-bottom-style: dashed;
}

.bbs-dashed-ns {
  border-bottom-style: dashed;
}

.bbs-dotted {
  border-bottom-style: dotted;
}

.bbs-dotted-hc {
  border-bottom-style: dotted;
}

.bbs-dotted-l {
  border-bottom-style: dotted;
}

.bbs-dotted-m {
  border-bottom-style: dotted;
}

.bbs-dotted-ns {
  border-bottom-style: dotted;
}

.bbs-none {
  border-bottom-style: none;
}

.bbs-none-hc {
  border-bottom-style: none;
}

.bbs-none-l {
  border-bottom-style: none;
}

.bbs-none-m {
  border-bottom-style: none;
}

.bbs-none-ns {
  border-bottom-style: none;
}

.bbs-solid {
  border-bottom-style: solid;
}

.bbs-solid-hc {
  border-bottom-style: solid;
}

.bbs-solid-l {
  border-bottom-style: solid;
}

.bbs-solid-m {
  border-bottom-style: solid;
}

.bbs-solid-ns {
  border-bottom-style: solid;
}

.bbw-0 {
  border-bottom-width: 0;
}

.bbw-0-hc {
  border-bottom-width: 0;
}

.bbw-0-l {
  border-bottom-width: 0;
}

.bbw-0-m {
  border-bottom-width: 0;
}

.bbw-0-ns {
  border-bottom-width: 0;
}

.bbw-1 {
  border-bottom-width: var(--bw-1);
}

.bbw-1-hc {
  border-bottom-width: var(--bw-1);
}

.bbw-1-l {
  border-bottom-width: var(--bw-1);
}

.bbw-1-m {
  border-bottom-width: var(--bw-1);
}

.bbw-1-ns {
  border-bottom-width: var(--bw-1);
}

.bbw-2 {
  border-bottom-width: var(--bw-2);
}

.bbw-2-hc {
  border-bottom-width: var(--bw-2);
}

.bbw-2-l {
  border-bottom-width: var(--bw-2);
}

.bbw-2-m {
  border-bottom-width: var(--bw-2);
}

.bbw-2-ns {
  border-bottom-width: var(--bw-2);
}

.bbw-3 {
  border-bottom-width: var(--bw-3);
}

.bbw-3-hc {
  border-bottom-width: var(--bw-3);
}

.bbw-3-l {
  border-bottom-width: var(--bw-3);
}

.bbw-3-m {
  border-bottom-width: var(--bw-3);
}

.bbw-3-ns {
  border-bottom-width: var(--bw-3);
}

.bbw-4 {
  border-bottom-width: var(--bw-4);
}

.bbw-4-hc {
  border-bottom-width: var(--bw-4);
}

.bbw-4-l {
  border-bottom-width: var(--bw-4);
}

.bbw-4-m {
  border-bottom-width: var(--bw-4);
}

.bbw-4-ns {
  border-bottom-width: var(--bw-4);
}

.bbw-5 {
  border-bottom-width: var(--bw-5);
}

.bbw-5-hc {
  border-bottom-width: var(--bw-5);
}

.bbw-5-l {
  border-bottom-width: var(--bw-5);
}

.bbw-5-m {
  border-bottom-width: var(--bw-5);
}

.bbw-5-ns {
  border-bottom-width: var(--bw-5);
}

.bc-black {
  border-color: var(--black);
}

.bc-black-dm {
  border-color: var(--black);
}

.bc-black-hc {
  border-color: var(--black);
}

.bc-black-ish {
  border-color: var(--black-ish);
}

.bc-black-ish-dm {
  border-color: var(--black-ish);
}

.bc-black-ish-hc {
  border-color: var(--black-ish);
}

.bc-black-ish-l {
  border-color: var(--black-ish);
}

.bc-black-ish-m {
  border-color: var(--black-ish);
}

.bc-black-ish-ns {
  border-color: var(--black-ish);
}

.bc-black-l {
  border-color: var(--black);
}

.bc-black-m {
  border-color: var(--black);
}

.bc-black-ns {
  border-color: var(--black);
}

.bc-blue-100 {
  border-color: var(--blue-100);
}

.bc-blue-100-dm {
  border-color: var(--blue-100);
}

.bc-blue-100-hc {
  border-color: var(--blue-100);
}

.bc-blue-100-l {
  border-color: var(--blue-100);
}

.bc-blue-100-m {
  border-color: var(--blue-100);
}

.bc-blue-100-ns {
  border-color: var(--blue-100);
}

.bc-blue-200 {
  border-color: var(--blue-200);
}

.bc-blue-200-dm {
  border-color: var(--blue-200);
}

.bc-blue-200-hc {
  border-color: var(--blue-200);
}

.bc-blue-200-l {
  border-color: var(--blue-200);
}

.bc-blue-200-m {
  border-color: var(--blue-200);
}

.bc-blue-200-ns {
  border-color: var(--blue-200);
}

.bc-blue-300 {
  border-color: var(--blue-300);
}

.bc-blue-300-dm {
  border-color: var(--blue-300);
}

.bc-blue-300-hc {
  border-color: var(--blue-300);
}

.bc-blue-300-l {
  border-color: var(--blue-300);
}

.bc-blue-300-m {
  border-color: var(--blue-300);
}

.bc-blue-300-ns {
  border-color: var(--blue-300);
}

.bc-blue-400 {
  border-color: var(--blue-400);
}

.bc-blue-400-dm {
  border-color: var(--blue-400);
}

.bc-blue-400-hc {
  border-color: var(--blue-400);
}

.bc-blue-400-l {
  border-color: var(--blue-400);
}

.bc-blue-400-m {
  border-color: var(--blue-400);
}

.bc-blue-400-ns {
  border-color: var(--blue-400);
}

.bc-blue-500 {
  border-color: var(--blue-500);
}

.bc-blue-500-dm {
  border-color: var(--blue-500);
}

.bc-blue-500-hc {
  border-color: var(--blue-500);
}

.bc-blue-500-l {
  border-color: var(--blue-500);
}

.bc-blue-500-m {
  border-color: var(--blue-500);
}

.bc-blue-500-ns {
  border-color: var(--blue-500);
}

.bc-blue-600 {
  border-color: var(--blue-600);
}

.bc-blue-600-dm {
  border-color: var(--blue-600);
}

.bc-blue-600-hc {
  border-color: var(--blue-600);
}

.bc-blue-600-l {
  border-color: var(--blue-600);
}

.bc-blue-600-m {
  border-color: var(--blue-600);
}

.bc-blue-600-ns {
  border-color: var(--blue-600);
}

.bc-blue-700 {
  border-color: var(--blue-700);
}

.bc-blue-700-dm {
  border-color: var(--blue-700);
}

.bc-blue-700-hc {
  border-color: var(--blue-700);
}

.bc-blue-700-l {
  border-color: var(--blue-700);
}

.bc-blue-700-m {
  border-color: var(--blue-700);
}

.bc-blue-700-ns {
  border-color: var(--blue-700);
}

.bc-blue-800 {
  border-color: var(--blue-800);
}

.bc-blue-800-dm {
  border-color: var(--blue-800);
}

.bc-blue-800-hc {
  border-color: var(--blue-800);
}

.bc-blue-800-l {
  border-color: var(--blue-800);
}

.bc-blue-800-m {
  border-color: var(--blue-800);
}

.bc-blue-800-ns {
  border-color: var(--blue-800);
}

.bc-blue-900 {
  border-color: var(--blue-900);
}

.bc-blue-900-dm {
  border-color: var(--blue-900);
}

.bc-blue-900-hc {
  border-color: var(--blue-900);
}

.bc-blue-900-l {
  border-color: var(--blue-900);
}

.bc-blue-900-m {
  border-color: var(--blue-900);
}

.bc-blue-900-ns {
  border-color: var(--blue-900);
}

.bc-gray-100 {
  border-color: var(--gray-100);
}

.bc-gray-100-dm {
  border-color: var(--gray-100);
}

.bc-gray-100-hc {
  border-color: var(--gray-100);
}

.bc-gray-100-l {
  border-color: var(--gray-100);
}

.bc-gray-100-m {
  border-color: var(--gray-100);
}

.bc-gray-100-ns {
  border-color: var(--gray-100);
}

.bc-gray-200 {
  border-color: var(--gray-200);
}

.bc-gray-200-dm {
  border-color: var(--gray-200);
}

.bc-gray-200-hc {
  border-color: var(--gray-200);
}

.bc-gray-200-l {
  border-color: var(--gray-200);
}

.bc-gray-200-m {
  border-color: var(--gray-200);
}

.bc-gray-200-ns {
  border-color: var(--gray-200);
}

.bc-gray-300 {
  border-color: var(--gray-300);
}

.bc-gray-300-dm {
  border-color: var(--gray-300);
}

.bc-gray-300-hc {
  border-color: var(--gray-300);
}

.bc-gray-300-l {
  border-color: var(--gray-300);
}

.bc-gray-300-m {
  border-color: var(--gray-300);
}

.bc-gray-300-ns {
  border-color: var(--gray-300);
}

.bc-gray-400 {
  border-color: var(--gray-400);
}

.bc-gray-400-dm {
  border-color: var(--gray-400);
}

.bc-gray-400-hc {
  border-color: var(--gray-400);
}

.bc-gray-400-l {
  border-color: var(--gray-400);
}

.bc-gray-400-m {
  border-color: var(--gray-400);
}

.bc-gray-400-ns {
  border-color: var(--gray-400);
}

.bc-gray-500 {
  border-color: var(--gray-500);
}

.bc-gray-500-dm {
  border-color: var(--gray-500);
}

.bc-gray-500-hc {
  border-color: var(--gray-500);
}

.bc-gray-500-l {
  border-color: var(--gray-500);
}

.bc-gray-500-m {
  border-color: var(--gray-500);
}

.bc-gray-500-ns {
  border-color: var(--gray-500);
}

.bc-gray-600 {
  border-color: var(--gray-600);
}

.bc-gray-600-dm {
  border-color: var(--gray-600);
}

.bc-gray-600-hc {
  border-color: var(--gray-600);
}

.bc-gray-600-l {
  border-color: var(--gray-600);
}

.bc-gray-600-m {
  border-color: var(--gray-600);
}

.bc-gray-600-ns {
  border-color: var(--gray-600);
}

.bc-gray-700 {
  border-color: var(--gray-700);
}

.bc-gray-700-dm {
  border-color: var(--gray-700);
}

.bc-gray-700-hc {
  border-color: var(--gray-700);
}

.bc-gray-700-l {
  border-color: var(--gray-700);
}

.bc-gray-700-m {
  border-color: var(--gray-700);
}

.bc-gray-700-ns {
  border-color: var(--gray-700);
}

.bc-gray-800 {
  border-color: var(--gray-800);
}

.bc-gray-800-dm {
  border-color: var(--gray-800);
}

.bc-gray-800-hc {
  border-color: var(--gray-800);
}

.bc-gray-800-l {
  border-color: var(--gray-800);
}

.bc-gray-800-m {
  border-color: var(--gray-800);
}

.bc-gray-800-ns {
  border-color: var(--gray-800);
}

.bc-gray-900 {
  border-color: var(--gray-900);
}

.bc-gray-900-dm {
  border-color: var(--gray-900);
}

.bc-gray-900-hc {
  border-color: var(--gray-900);
}

.bc-gray-900-l {
  border-color: var(--gray-900);
}

.bc-gray-900-m {
  border-color: var(--gray-900);
}

.bc-gray-900-ns {
  border-color: var(--gray-900);
}

.bc-green-100 {
  border-color: var(--green-100);
}

.bc-green-100-dm {
  border-color: var(--green-100);
}

.bc-green-100-hc {
  border-color: var(--green-100);
}

.bc-green-100-l {
  border-color: var(--green-100);
}

.bc-green-100-m {
  border-color: var(--green-100);
}

.bc-green-100-ns {
  border-color: var(--green-100);
}

.bc-green-200 {
  border-color: var(--green-200);
}

.bc-green-200-dm {
  border-color: var(--green-200);
}

.bc-green-200-hc {
  border-color: var(--green-200);
}

.bc-green-200-l {
  border-color: var(--green-200);
}

.bc-green-200-m {
  border-color: var(--green-200);
}

.bc-green-200-ns {
  border-color: var(--green-200);
}

.bc-green-300 {
  border-color: var(--green-300);
}

.bc-green-300-dm {
  border-color: var(--green-300);
}

.bc-green-300-hc {
  border-color: var(--green-300);
}

.bc-green-300-l {
  border-color: var(--green-300);
}

.bc-green-300-m {
  border-color: var(--green-300);
}

.bc-green-300-ns {
  border-color: var(--green-300);
}

.bc-green-400 {
  border-color: var(--green-400);
}

.bc-green-400-dm {
  border-color: var(--green-400);
}

.bc-green-400-hc {
  border-color: var(--green-400);
}

.bc-green-400-l {
  border-color: var(--green-400);
}

.bc-green-400-m {
  border-color: var(--green-400);
}

.bc-green-400-ns {
  border-color: var(--green-400);
}

.bc-green-500 {
  border-color: var(--green-500);
}

.bc-green-500-dm {
  border-color: var(--green-500);
}

.bc-green-500-hc {
  border-color: var(--green-500);
}

.bc-green-500-l {
  border-color: var(--green-500);
}

.bc-green-500-m {
  border-color: var(--green-500);
}

.bc-green-500-ns {
  border-color: var(--green-500);
}

.bc-green-600 {
  border-color: var(--green-600);
}

.bc-green-600-dm {
  border-color: var(--green-600);
}

.bc-green-600-hc {
  border-color: var(--green-600);
}

.bc-green-600-l {
  border-color: var(--green-600);
}

.bc-green-600-m {
  border-color: var(--green-600);
}

.bc-green-600-ns {
  border-color: var(--green-600);
}

.bc-green-700 {
  border-color: var(--green-700);
}

.bc-green-700-dm {
  border-color: var(--green-700);
}

.bc-green-700-hc {
  border-color: var(--green-700);
}

.bc-green-700-l {
  border-color: var(--green-700);
}

.bc-green-700-m {
  border-color: var(--green-700);
}

.bc-green-700-ns {
  border-color: var(--green-700);
}

.bc-green-800 {
  border-color: var(--green-800);
}

.bc-green-800-dm {
  border-color: var(--green-800);
}

.bc-green-800-hc {
  border-color: var(--green-800);
}

.bc-green-800-l {
  border-color: var(--green-800);
}

.bc-green-800-m {
  border-color: var(--green-800);
}

.bc-green-800-ns {
  border-color: var(--green-800);
}

.bc-green-900 {
  border-color: var(--green-900);
}

.bc-green-900-dm {
  border-color: var(--green-900);
}

.bc-green-900-hc {
  border-color: var(--green-900);
}

.bc-green-900-l {
  border-color: var(--green-900);
}

.bc-green-900-m {
  border-color: var(--green-900);
}

.bc-green-900-ns {
  border-color: var(--green-900);
}

.bc-orange-100 {
  border-color: var(--orange-100);
}

.bc-orange-100-dm {
  border-color: var(--orange-100);
}

.bc-orange-100-hc {
  border-color: var(--orange-100);
}

.bc-orange-100-l {
  border-color: var(--orange-100);
}

.bc-orange-100-m {
  border-color: var(--orange-100);
}

.bc-orange-100-ns {
  border-color: var(--orange-100);
}

.bc-orange-200 {
  border-color: var(--orange-200);
}

.bc-orange-200-dm {
  border-color: var(--orange-200);
}

.bc-orange-200-hc {
  border-color: var(--orange-200);
}

.bc-orange-200-l {
  border-color: var(--orange-200);
}

.bc-orange-200-m {
  border-color: var(--orange-200);
}

.bc-orange-200-ns {
  border-color: var(--orange-200);
}

.bc-orange-300 {
  border-color: var(--orange-300);
}

.bc-orange-300-dm {
  border-color: var(--orange-300);
}

.bc-orange-300-hc {
  border-color: var(--orange-300);
}

.bc-orange-300-l {
  border-color: var(--orange-300);
}

.bc-orange-300-m {
  border-color: var(--orange-300);
}

.bc-orange-300-ns {
  border-color: var(--orange-300);
}

.bc-orange-400 {
  border-color: var(--orange-400);
}

.bc-orange-400-dm {
  border-color: var(--orange-400);
}

.bc-orange-400-hc {
  border-color: var(--orange-400);
}

.bc-orange-400-l {
  border-color: var(--orange-400);
}

.bc-orange-400-m {
  border-color: var(--orange-400);
}

.bc-orange-400-ns {
  border-color: var(--orange-400);
}

.bc-orange-500 {
  border-color: var(--orange-500);
}

.bc-orange-500-dm {
  border-color: var(--orange-500);
}

.bc-orange-500-hc {
  border-color: var(--orange-500);
}

.bc-orange-500-l {
  border-color: var(--orange-500);
}

.bc-orange-500-m {
  border-color: var(--orange-500);
}

.bc-orange-500-ns {
  border-color: var(--orange-500);
}

.bc-orange-600 {
  border-color: var(--orange-600);
}

.bc-orange-600-dm {
  border-color: var(--orange-600);
}

.bc-orange-600-hc {
  border-color: var(--orange-600);
}

.bc-orange-600-l {
  border-color: var(--orange-600);
}

.bc-orange-600-m {
  border-color: var(--orange-600);
}

.bc-orange-600-ns {
  border-color: var(--orange-600);
}

.bc-orange-700 {
  border-color: var(--orange-700);
}

.bc-orange-700-dm {
  border-color: var(--orange-700);
}

.bc-orange-700-hc {
  border-color: var(--orange-700);
}

.bc-orange-700-l {
  border-color: var(--orange-700);
}

.bc-orange-700-m {
  border-color: var(--orange-700);
}

.bc-orange-700-ns {
  border-color: var(--orange-700);
}

.bc-orange-800 {
  border-color: var(--orange-800);
}

.bc-orange-800-dm {
  border-color: var(--orange-800);
}

.bc-orange-800-hc {
  border-color: var(--orange-800);
}

.bc-orange-800-l {
  border-color: var(--orange-800);
}

.bc-orange-800-m {
  border-color: var(--orange-800);
}

.bc-orange-800-ns {
  border-color: var(--orange-800);
}

.bc-orange-900 {
  border-color: var(--orange-900);
}

.bc-orange-900-dm {
  border-color: var(--orange-900);
}

.bc-orange-900-hc {
  border-color: var(--orange-900);
}

.bc-orange-900-l {
  border-color: var(--orange-900);
}

.bc-orange-900-m {
  border-color: var(--orange-900);
}

.bc-orange-900-ns {
  border-color: var(--orange-900);
}

.bc-purple-100 {
  border-color: var(--purple-100);
}

.bc-purple-100-dm {
  border-color: var(--purple-100);
}

.bc-purple-100-hc {
  border-color: var(--purple-100);
}

.bc-purple-100-l {
  border-color: var(--purple-100);
}

.bc-purple-100-m {
  border-color: var(--purple-100);
}

.bc-purple-100-ns {
  border-color: var(--purple-100);
}

.bc-purple-200 {
  border-color: var(--purple-200);
}

.bc-purple-200-dm {
  border-color: var(--purple-200);
}

.bc-purple-200-hc {
  border-color: var(--purple-200);
}

.bc-purple-200-l {
  border-color: var(--purple-200);
}

.bc-purple-200-m {
  border-color: var(--purple-200);
}

.bc-purple-200-ns {
  border-color: var(--purple-200);
}

.bc-purple-300 {
  border-color: var(--purple-300);
}

.bc-purple-300-dm {
  border-color: var(--purple-300);
}

.bc-purple-300-hc {
  border-color: var(--purple-300);
}

.bc-purple-300-l {
  border-color: var(--purple-300);
}

.bc-purple-300-m {
  border-color: var(--purple-300);
}

.bc-purple-300-ns {
  border-color: var(--purple-300);
}

.bc-purple-400 {
  border-color: var(--purple-400);
}

.bc-purple-400-dm {
  border-color: var(--purple-400);
}

.bc-purple-400-hc {
  border-color: var(--purple-400);
}

.bc-purple-400-l {
  border-color: var(--purple-400);
}

.bc-purple-400-m {
  border-color: var(--purple-400);
}

.bc-purple-400-ns {
  border-color: var(--purple-400);
}

.bc-purple-500 {
  border-color: var(--purple-500);
}

.bc-purple-500-dm {
  border-color: var(--purple-500);
}

.bc-purple-500-hc {
  border-color: var(--purple-500);
}

.bc-purple-500-l {
  border-color: var(--purple-500);
}

.bc-purple-500-m {
  border-color: var(--purple-500);
}

.bc-purple-500-ns {
  border-color: var(--purple-500);
}

.bc-purple-600 {
  border-color: var(--purple-600);
}

.bc-purple-600-dm {
  border-color: var(--purple-600);
}

.bc-purple-600-hc {
  border-color: var(--purple-600);
}

.bc-purple-600-l {
  border-color: var(--purple-600);
}

.bc-purple-600-m {
  border-color: var(--purple-600);
}

.bc-purple-600-ns {
  border-color: var(--purple-600);
}

.bc-purple-700 {
  border-color: var(--purple-700);
}

.bc-purple-700-dm {
  border-color: var(--purple-700);
}

.bc-purple-700-hc {
  border-color: var(--purple-700);
}

.bc-purple-700-l {
  border-color: var(--purple-700);
}

.bc-purple-700-m {
  border-color: var(--purple-700);
}

.bc-purple-700-ns {
  border-color: var(--purple-700);
}

.bc-purple-800 {
  border-color: var(--purple-800);
}

.bc-purple-800-dm {
  border-color: var(--purple-800);
}

.bc-purple-800-hc {
  border-color: var(--purple-800);
}

.bc-purple-800-l {
  border-color: var(--purple-800);
}

.bc-purple-800-m {
  border-color: var(--purple-800);
}

.bc-purple-800-ns {
  border-color: var(--purple-800);
}

.bc-purple-900 {
  border-color: var(--purple-900);
}

.bc-purple-900-dm {
  border-color: var(--purple-900);
}

.bc-purple-900-hc {
  border-color: var(--purple-900);
}

.bc-purple-900-l {
  border-color: var(--purple-900);
}

.bc-purple-900-m {
  border-color: var(--purple-900);
}

.bc-purple-900-ns {
  border-color: var(--purple-900);
}

.bc-red-100 {
  border-color: var(--red-100);
}

.bc-red-100-dm {
  border-color: var(--red-100);
}

.bc-red-100-hc {
  border-color: var(--red-100);
}

.bc-red-100-l {
  border-color: var(--red-100);
}

.bc-red-100-m {
  border-color: var(--red-100);
}

.bc-red-100-ns {
  border-color: var(--red-100);
}

.bc-red-200 {
  border-color: var(--red-200);
}

.bc-red-200-dm {
  border-color: var(--red-200);
}

.bc-red-200-hc {
  border-color: var(--red-200);
}

.bc-red-200-l {
  border-color: var(--red-200);
}

.bc-red-200-m {
  border-color: var(--red-200);
}

.bc-red-200-ns {
  border-color: var(--red-200);
}

.bc-red-300 {
  border-color: var(--red-300);
}

.bc-red-300-dm {
  border-color: var(--red-300);
}

.bc-red-300-hc {
  border-color: var(--red-300);
}

.bc-red-300-l {
  border-color: var(--red-300);
}

.bc-red-300-m {
  border-color: var(--red-300);
}

.bc-red-300-ns {
  border-color: var(--red-300);
}

.bc-red-400 {
  border-color: var(--red-400);
}

.bc-red-400-dm {
  border-color: var(--red-400);
}

.bc-red-400-hc {
  border-color: var(--red-400);
}

.bc-red-400-l {
  border-color: var(--red-400);
}

.bc-red-400-m {
  border-color: var(--red-400);
}

.bc-red-400-ns {
  border-color: var(--red-400);
}

.bc-red-500 {
  border-color: var(--red-500);
}

.bc-red-500-dm {
  border-color: var(--red-500);
}

.bc-red-500-hc {
  border-color: var(--red-500);
}

.bc-red-500-l {
  border-color: var(--red-500);
}

.bc-red-500-m {
  border-color: var(--red-500);
}

.bc-red-500-ns {
  border-color: var(--red-500);
}

.bc-red-600 {
  border-color: var(--red-600);
}

.bc-red-600-dm {
  border-color: var(--red-600);
}

.bc-red-600-hc {
  border-color: var(--red-600);
}

.bc-red-600-l {
  border-color: var(--red-600);
}

.bc-red-600-m {
  border-color: var(--red-600);
}

.bc-red-600-ns {
  border-color: var(--red-600);
}

.bc-red-700 {
  border-color: var(--red-700);
}

.bc-red-700-dm {
  border-color: var(--red-700);
}

.bc-red-700-hc {
  border-color: var(--red-700);
}

.bc-red-700-l {
  border-color: var(--red-700);
}

.bc-red-700-m {
  border-color: var(--red-700);
}

.bc-red-700-ns {
  border-color: var(--red-700);
}

.bc-red-800 {
  border-color: var(--red-800);
}

.bc-red-800-dm {
  border-color: var(--red-800);
}

.bc-red-800-hc {
  border-color: var(--red-800);
}

.bc-red-800-l {
  border-color: var(--red-800);
}

.bc-red-800-m {
  border-color: var(--red-800);
}

.bc-red-800-ns {
  border-color: var(--red-800);
}

.bc-red-900 {
  border-color: var(--red-900);
}

.bc-red-900-dm {
  border-color: var(--red-900);
}

.bc-red-900-hc {
  border-color: var(--red-900);
}

.bc-red-900-l {
  border-color: var(--red-900);
}

.bc-red-900-m {
  border-color: var(--red-900);
}

.bc-red-900-ns {
  border-color: var(--red-900);
}

.bc-white {
  border-color: var(--white);
}

.bc-white-dm {
  border-color: var(--white);
}

.bc-white-hc {
  border-color: var(--white);
}

.bc-white-ish {
  border-color: var(--white-ish);
}

.bc-white-ish-dm {
  border-color: var(--white-ish);
}

.bc-white-ish-hc {
  border-color: var(--white-ish);
}

.bc-white-ish-l {
  border-color: var(--white-ish);
}

.bc-white-ish-m {
  border-color: var(--white-ish);
}

.bc-white-ish-ns {
  border-color: var(--white-ish);
}

.bc-white-l {
  border-color: var(--white);
}

.bc-white-m {
  border-color: var(--white);
}

.bc-white-ns {
  border-color: var(--white);
}

.bc-yellow-100 {
  border-color: var(--yellow-100);
}

.bc-yellow-100-dm {
  border-color: var(--yellow-100);
}

.bc-yellow-100-hc {
  border-color: var(--yellow-100);
}

.bc-yellow-100-l {
  border-color: var(--yellow-100);
}

.bc-yellow-100-m {
  border-color: var(--yellow-100);
}

.bc-yellow-100-ns {
  border-color: var(--yellow-100);
}

.bc-yellow-200 {
  border-color: var(--yellow-200);
}

.bc-yellow-200-dm {
  border-color: var(--yellow-200);
}

.bc-yellow-200-hc {
  border-color: var(--yellow-200);
}

.bc-yellow-200-l {
  border-color: var(--yellow-200);
}

.bc-yellow-200-m {
  border-color: var(--yellow-200);
}

.bc-yellow-200-ns {
  border-color: var(--yellow-200);
}

.bc-yellow-300 {
  border-color: var(--yellow-300);
}

.bc-yellow-300-dm {
  border-color: var(--yellow-300);
}

.bc-yellow-300-hc {
  border-color: var(--yellow-300);
}

.bc-yellow-300-l {
  border-color: var(--yellow-300);
}

.bc-yellow-300-m {
  border-color: var(--yellow-300);
}

.bc-yellow-300-ns {
  border-color: var(--yellow-300);
}

.bc-yellow-400 {
  border-color: var(--yellow-400);
}

.bc-yellow-400-dm {
  border-color: var(--yellow-400);
}

.bc-yellow-400-hc {
  border-color: var(--yellow-400);
}

.bc-yellow-400-l {
  border-color: var(--yellow-400);
}

.bc-yellow-400-m {
  border-color: var(--yellow-400);
}

.bc-yellow-400-ns {
  border-color: var(--yellow-400);
}

.bc-yellow-500 {
  border-color: var(--yellow-500);
}

.bc-yellow-500-dm {
  border-color: var(--yellow-500);
}

.bc-yellow-500-hc {
  border-color: var(--yellow-500);
}

.bc-yellow-500-l {
  border-color: var(--yellow-500);
}

.bc-yellow-500-m {
  border-color: var(--yellow-500);
}

.bc-yellow-500-ns {
  border-color: var(--yellow-500);
}

.bc-yellow-600 {
  border-color: var(--yellow-600);
}

.bc-yellow-600-dm {
  border-color: var(--yellow-600);
}

.bc-yellow-600-hc {
  border-color: var(--yellow-600);
}

.bc-yellow-600-l {
  border-color: var(--yellow-600);
}

.bc-yellow-600-m {
  border-color: var(--yellow-600);
}

.bc-yellow-600-ns {
  border-color: var(--yellow-600);
}

.bc-yellow-700 {
  border-color: var(--yellow-700);
}

.bc-yellow-700-dm {
  border-color: var(--yellow-700);
}

.bc-yellow-700-hc {
  border-color: var(--yellow-700);
}

.bc-yellow-700-l {
  border-color: var(--yellow-700);
}

.bc-yellow-700-m {
  border-color: var(--yellow-700);
}

.bc-yellow-700-ns {
  border-color: var(--yellow-700);
}

.bc-yellow-800 {
  border-color: var(--yellow-800);
}

.bc-yellow-800-dm {
  border-color: var(--yellow-800);
}

.bc-yellow-800-hc {
  border-color: var(--yellow-800);
}

.bc-yellow-800-l {
  border-color: var(--yellow-800);
}

.bc-yellow-800-m {
  border-color: var(--yellow-800);
}

.bc-yellow-800-ns {
  border-color: var(--yellow-800);
}

.bc-yellow-900 {
  border-color: var(--yellow-900);
}

.bc-yellow-900-dm {
  border-color: var(--yellow-900);
}

.bc-yellow-900-hc {
  border-color: var(--yellow-900);
}

.bc-yellow-900-l {
  border-color: var(--yellow-900);
}

.bc-yellow-900-m {
  border-color: var(--yellow-900);
}

.bc-yellow-900-ns {
  border-color: var(--yellow-900);
}

.bg-black {
  background-color: var(--black);
}

.bg-black-dm {
  background-color: var(--black);
}

.bg-black-hc {
  background-color: var(--black);
}

.bg-black-ish {
  background-color: var(--black-ish);
}

.bg-black-ish-dm {
  background-color: var(--black-ish);
}

.bg-black-ish-hc {
  background-color: var(--black-ish);
}

.bg-black-ish-l {
  background-color: var(--black-ish);
}

.bg-black-ish-m {
  background-color: var(--black-ish);
}

.bg-black-ish-ns {
  background-color: var(--black-ish);
}

.bg-black-l {
  background-color: var(--black);
}

.bg-black-m {
  background-color: var(--black);
}

.bg-black-ns {
  background-color: var(--black);
}

.bg-blue-100 {
  background-color: var(--blue-100);
}

.bg-blue-100-dm {
  background-color: var(--blue-100);
}

.bg-blue-100-hc {
  background-color: var(--blue-100);
}

.bg-blue-100-l {
  background-color: var(--blue-100);
}

.bg-blue-100-m {
  background-color: var(--blue-100);
}

.bg-blue-100-ns {
  background-color: var(--blue-100);
}

.bg-blue-200 {
  background-color: var(--blue-200);
}

.bg-blue-200-dm {
  background-color: var(--blue-200);
}

.bg-blue-200-hc {
  background-color: var(--blue-200);
}

.bg-blue-200-l {
  background-color: var(--blue-200);
}

.bg-blue-200-m {
  background-color: var(--blue-200);
}

.bg-blue-200-ns {
  background-color: var(--blue-200);
}

.bg-blue-300 {
  background-color: var(--blue-300);
}

.bg-blue-300-dm {
  background-color: var(--blue-300);
}

.bg-blue-300-hc {
  background-color: var(--blue-300);
}

.bg-blue-300-l {
  background-color: var(--blue-300);
}

.bg-blue-300-m {
  background-color: var(--blue-300);
}

.bg-blue-300-ns {
  background-color: var(--blue-300);
}

.bg-blue-400 {
  background-color: var(--blue-400);
}

.bg-blue-400-dm {
  background-color: var(--blue-400);
}

.bg-blue-400-hc {
  background-color: var(--blue-400);
}

.bg-blue-400-l {
  background-color: var(--blue-400);
}

.bg-blue-400-m {
  background-color: var(--blue-400);
}

.bg-blue-400-ns {
  background-color: var(--blue-400);
}

.bg-blue-500 {
  background-color: var(--blue-500);
}

.bg-blue-500-dm {
  background-color: var(--blue-500);
}

.bg-blue-500-hc {
  background-color: var(--blue-500);
}

.bg-blue-500-l {
  background-color: var(--blue-500);
}

.bg-blue-500-m {
  background-color: var(--blue-500);
}

.bg-blue-500-ns {
  background-color: var(--blue-500);
}

.bg-blue-600 {
  background-color: var(--blue-600);
}

.bg-blue-600-dm {
  background-color: var(--blue-600);
}

.bg-blue-600-hc {
  background-color: var(--blue-600);
}

.bg-blue-600-l {
  background-color: var(--blue-600);
}

.bg-blue-600-m {
  background-color: var(--blue-600);
}

.bg-blue-600-ns {
  background-color: var(--blue-600);
}

.bg-blue-700 {
  background-color: var(--blue-700);
}

.bg-blue-700-dm {
  background-color: var(--blue-700);
}

.bg-blue-700-hc {
  background-color: var(--blue-700);
}

.bg-blue-700-l {
  background-color: var(--blue-700);
}

.bg-blue-700-m {
  background-color: var(--blue-700);
}

.bg-blue-700-ns {
  background-color: var(--blue-700);
}

.bg-blue-800 {
  background-color: var(--blue-800);
}

.bg-blue-800-dm {
  background-color: var(--blue-800);
}

.bg-blue-800-hc {
  background-color: var(--blue-800);
}

.bg-blue-800-l {
  background-color: var(--blue-800);
}

.bg-blue-800-m {
  background-color: var(--blue-800);
}

.bg-blue-800-ns {
  background-color: var(--blue-800);
}

.bg-blue-900 {
  background-color: var(--blue-900);
}

.bg-blue-900-dm {
  background-color: var(--blue-900);
}

.bg-blue-900-hc {
  background-color: var(--blue-900);
}

.bg-blue-900-l {
  background-color: var(--blue-900);
}

.bg-blue-900-m {
  background-color: var(--blue-900);
}

.bg-blue-900-ns {
  background-color: var(--blue-900);
}

.bg-gray-100 {
  background-color: var(--gray-100);
}

.bg-gray-100-dm {
  background-color: var(--gray-100);
}

.bg-gray-100-hc {
  background-color: var(--gray-100);
}

.bg-gray-100-l {
  background-color: var(--gray-100);
}

.bg-gray-100-m {
  background-color: var(--gray-100);
}

.bg-gray-100-ns {
  background-color: var(--gray-100);
}

.bg-gray-200 {
  background-color: var(--gray-200);
}

.bg-gray-200-dm {
  background-color: var(--gray-200);
}

.bg-gray-200-hc {
  background-color: var(--gray-200);
}

.bg-gray-200-l {
  background-color: var(--gray-200);
}

.bg-gray-200-m {
  background-color: var(--gray-200);
}

.bg-gray-200-ns {
  background-color: var(--gray-200);
}

.bg-gray-300 {
  background-color: var(--gray-300);
}

.bg-gray-300-dm {
  background-color: var(--gray-300);
}

.bg-gray-300-hc {
  background-color: var(--gray-300);
}

.bg-gray-300-l {
  background-color: var(--gray-300);
}

.bg-gray-300-m {
  background-color: var(--gray-300);
}

.bg-gray-300-ns {
  background-color: var(--gray-300);
}

.bg-gray-400 {
  background-color: var(--gray-400);
}

.bg-gray-400-dm {
  background-color: var(--gray-400);
}

.bg-gray-400-hc {
  background-color: var(--gray-400);
}

.bg-gray-400-l {
  background-color: var(--gray-400);
}

.bg-gray-400-m {
  background-color: var(--gray-400);
}

.bg-gray-400-ns {
  background-color: var(--gray-400);
}

.bg-gray-500 {
  background-color: var(--gray-500);
}

.bg-gray-500-dm {
  background-color: var(--gray-500);
}

.bg-gray-500-hc {
  background-color: var(--gray-500);
}

.bg-gray-500-l {
  background-color: var(--gray-500);
}

.bg-gray-500-m {
  background-color: var(--gray-500);
}

.bg-gray-500-ns {
  background-color: var(--gray-500);
}

.bg-gray-600 {
  background-color: var(--gray-600);
}

.bg-gray-600-dm {
  background-color: var(--gray-600);
}

.bg-gray-600-hc {
  background-color: var(--gray-600);
}

.bg-gray-600-l {
  background-color: var(--gray-600);
}

.bg-gray-600-m {
  background-color: var(--gray-600);
}

.bg-gray-600-ns {
  background-color: var(--gray-600);
}

.bg-gray-700 {
  background-color: var(--gray-700);
}

.bg-gray-700-dm {
  background-color: var(--gray-700);
}

.bg-gray-700-hc {
  background-color: var(--gray-700);
}

.bg-gray-700-l {
  background-color: var(--gray-700);
}

.bg-gray-700-m {
  background-color: var(--gray-700);
}

.bg-gray-700-ns {
  background-color: var(--gray-700);
}

.bg-gray-800 {
  background-color: var(--gray-800);
}

.bg-gray-800-dm {
  background-color: var(--gray-800);
}

.bg-gray-800-hc {
  background-color: var(--gray-800);
}

.bg-gray-800-l {
  background-color: var(--gray-800);
}

.bg-gray-800-m {
  background-color: var(--gray-800);
}

.bg-gray-800-ns {
  background-color: var(--gray-800);
}

.bg-gray-900 {
  background-color: var(--gray-900);
}

.bg-gray-900-dm {
  background-color: var(--gray-900);
}

.bg-gray-900-hc {
  background-color: var(--gray-900);
}

.bg-gray-900-l {
  background-color: var(--gray-900);
}

.bg-gray-900-m {
  background-color: var(--gray-900);
}

.bg-gray-900-ns {
  background-color: var(--gray-900);
}

.bg-green-100 {
  background-color: var(--green-100);
}

.bg-green-100-dm {
  background-color: var(--green-100);
}

.bg-green-100-hc {
  background-color: var(--green-100);
}

.bg-green-100-l {
  background-color: var(--green-100);
}

.bg-green-100-m {
  background-color: var(--green-100);
}

.bg-green-100-ns {
  background-color: var(--green-100);
}

.bg-green-200 {
  background-color: var(--green-200);
}

.bg-green-200-dm {
  background-color: var(--green-200);
}

.bg-green-200-hc {
  background-color: var(--green-200);
}

.bg-green-200-l {
  background-color: var(--green-200);
}

.bg-green-200-m {
  background-color: var(--green-200);
}

.bg-green-200-ns {
  background-color: var(--green-200);
}

.bg-green-300 {
  background-color: var(--green-300);
}

.bg-green-300-dm {
  background-color: var(--green-300);
}

.bg-green-300-hc {
  background-color: var(--green-300);
}

.bg-green-300-l {
  background-color: var(--green-300);
}

.bg-green-300-m {
  background-color: var(--green-300);
}

.bg-green-300-ns {
  background-color: var(--green-300);
}

.bg-green-400 {
  background-color: var(--green-400);
}

.bg-green-400-dm {
  background-color: var(--green-400);
}

.bg-green-400-hc {
  background-color: var(--green-400);
}

.bg-green-400-l {
  background-color: var(--green-400);
}

.bg-green-400-m {
  background-color: var(--green-400);
}

.bg-green-400-ns {
  background-color: var(--green-400);
}

.bg-green-500 {
  background-color: var(--green-500);
}

.bg-green-500-dm {
  background-color: var(--green-500);
}

.bg-green-500-hc {
  background-color: var(--green-500);
}

.bg-green-500-l {
  background-color: var(--green-500);
}

.bg-green-500-m {
  background-color: var(--green-500);
}

.bg-green-500-ns {
  background-color: var(--green-500);
}

.bg-green-600 {
  background-color: var(--green-600);
}

.bg-green-600-dm {
  background-color: var(--green-600);
}

.bg-green-600-hc {
  background-color: var(--green-600);
}

.bg-green-600-l {
  background-color: var(--green-600);
}

.bg-green-600-m {
  background-color: var(--green-600);
}

.bg-green-600-ns {
  background-color: var(--green-600);
}

.bg-green-700 {
  background-color: var(--green-700);
}

.bg-green-700-dm {
  background-color: var(--green-700);
}

.bg-green-700-hc {
  background-color: var(--green-700);
}

.bg-green-700-l {
  background-color: var(--green-700);
}

.bg-green-700-m {
  background-color: var(--green-700);
}

.bg-green-700-ns {
  background-color: var(--green-700);
}

.bg-green-800 {
  background-color: var(--green-800);
}

.bg-green-800-dm {
  background-color: var(--green-800);
}

.bg-green-800-hc {
  background-color: var(--green-800);
}

.bg-green-800-l {
  background-color: var(--green-800);
}

.bg-green-800-m {
  background-color: var(--green-800);
}

.bg-green-800-ns {
  background-color: var(--green-800);
}

.bg-green-900 {
  background-color: var(--green-900);
}

.bg-green-900-dm {
  background-color: var(--green-900);
}

.bg-green-900-hc {
  background-color: var(--green-900);
}

.bg-green-900-l {
  background-color: var(--green-900);
}

.bg-green-900-m {
  background-color: var(--green-900);
}

.bg-green-900-ns {
  background-color: var(--green-900);
}

.bg-none {
  background-repeat: no-repeat;
}

.bg-none-l {
  background-repeat: no-repeat;
}

.bg-none-m {
  background-repeat: no-repeat;
}

.bg-none-ns {
  background-repeat: no-repeat;
}

.bg-orange-100 {
  background-color: var(--orange-100);
}

.bg-orange-100-dm {
  background-color: var(--orange-100);
}

.bg-orange-100-hc {
  background-color: var(--orange-100);
}

.bg-orange-100-l {
  background-color: var(--orange-100);
}

.bg-orange-100-m {
  background-color: var(--orange-100);
}

.bg-orange-100-ns {
  background-color: var(--orange-100);
}

.bg-orange-200 {
  background-color: var(--orange-200);
}

.bg-orange-200-dm {
  background-color: var(--orange-200);
}

.bg-orange-200-hc {
  background-color: var(--orange-200);
}

.bg-orange-200-l {
  background-color: var(--orange-200);
}

.bg-orange-200-m {
  background-color: var(--orange-200);
}

.bg-orange-200-ns {
  background-color: var(--orange-200);
}

.bg-orange-300 {
  background-color: var(--orange-300);
}

.bg-orange-300-dm {
  background-color: var(--orange-300);
}

.bg-orange-300-hc {
  background-color: var(--orange-300);
}

.bg-orange-300-l {
  background-color: var(--orange-300);
}

.bg-orange-300-m {
  background-color: var(--orange-300);
}

.bg-orange-300-ns {
  background-color: var(--orange-300);
}

.bg-orange-400 {
  background-color: var(--orange-400);
}

.bg-orange-400-dm {
  background-color: var(--orange-400);
}

.bg-orange-400-hc {
  background-color: var(--orange-400);
}

.bg-orange-400-l {
  background-color: var(--orange-400);
}

.bg-orange-400-m {
  background-color: var(--orange-400);
}

.bg-orange-400-ns {
  background-color: var(--orange-400);
}

.bg-orange-500 {
  background-color: var(--orange-500);
}

.bg-orange-500-dm {
  background-color: var(--orange-500);
}

.bg-orange-500-hc {
  background-color: var(--orange-500);
}

.bg-orange-500-l {
  background-color: var(--orange-500);
}

.bg-orange-500-m {
  background-color: var(--orange-500);
}

.bg-orange-500-ns {
  background-color: var(--orange-500);
}

.bg-orange-600 {
  background-color: var(--orange-600);
}

.bg-orange-600-dm {
  background-color: var(--orange-600);
}

.bg-orange-600-hc {
  background-color: var(--orange-600);
}

.bg-orange-600-l {
  background-color: var(--orange-600);
}

.bg-orange-600-m {
  background-color: var(--orange-600);
}

.bg-orange-600-ns {
  background-color: var(--orange-600);
}

.bg-orange-700 {
  background-color: var(--orange-700);
}

.bg-orange-700-dm {
  background-color: var(--orange-700);
}

.bg-orange-700-hc {
  background-color: var(--orange-700);
}

.bg-orange-700-l {
  background-color: var(--orange-700);
}

.bg-orange-700-m {
  background-color: var(--orange-700);
}

.bg-orange-700-ns {
  background-color: var(--orange-700);
}

.bg-orange-800 {
  background-color: var(--orange-800);
}

.bg-orange-800-dm {
  background-color: var(--orange-800);
}

.bg-orange-800-hc {
  background-color: var(--orange-800);
}

.bg-orange-800-l {
  background-color: var(--orange-800);
}

.bg-orange-800-m {
  background-color: var(--orange-800);
}

.bg-orange-800-ns {
  background-color: var(--orange-800);
}

.bg-orange-900 {
  background-color: var(--orange-900);
}

.bg-orange-900-dm {
  background-color: var(--orange-900);
}

.bg-orange-900-hc {
  background-color: var(--orange-900);
}

.bg-orange-900-l {
  background-color: var(--orange-900);
}

.bg-orange-900-m {
  background-color: var(--orange-900);
}

.bg-orange-900-ns {
  background-color: var(--orange-900);
}

.bg-purple-100 {
  background-color: var(--purple-100);
}

.bg-purple-100-dm {
  background-color: var(--purple-100);
}

.bg-purple-100-hc {
  background-color: var(--purple-100);
}

.bg-purple-100-l {
  background-color: var(--purple-100);
}

.bg-purple-100-m {
  background-color: var(--purple-100);
}

.bg-purple-100-ns {
  background-color: var(--purple-100);
}

.bg-purple-200 {
  background-color: var(--purple-200);
}

.bg-purple-200-dm {
  background-color: var(--purple-200);
}

.bg-purple-200-hc {
  background-color: var(--purple-200);
}

.bg-purple-200-l {
  background-color: var(--purple-200);
}

.bg-purple-200-m {
  background-color: var(--purple-200);
}

.bg-purple-200-ns {
  background-color: var(--purple-200);
}

.bg-purple-300 {
  background-color: var(--purple-300);
}

.bg-purple-300-dm {
  background-color: var(--purple-300);
}

.bg-purple-300-hc {
  background-color: var(--purple-300);
}

.bg-purple-300-l {
  background-color: var(--purple-300);
}

.bg-purple-300-m {
  background-color: var(--purple-300);
}

.bg-purple-300-ns {
  background-color: var(--purple-300);
}

.bg-purple-400 {
  background-color: var(--purple-400);
}

.bg-purple-400-dm {
  background-color: var(--purple-400);
}

.bg-purple-400-hc {
  background-color: var(--purple-400);
}

.bg-purple-400-l {
  background-color: var(--purple-400);
}

.bg-purple-400-m {
  background-color: var(--purple-400);
}

.bg-purple-400-ns {
  background-color: var(--purple-400);
}

.bg-purple-500 {
  background-color: var(--purple-500);
}

.bg-purple-500-dm {
  background-color: var(--purple-500);
}

.bg-purple-500-hc {
  background-color: var(--purple-500);
}

.bg-purple-500-l {
  background-color: var(--purple-500);
}

.bg-purple-500-m {
  background-color: var(--purple-500);
}

.bg-purple-500-ns {
  background-color: var(--purple-500);
}

.bg-purple-600 {
  background-color: var(--purple-600);
}

.bg-purple-600-dm {
  background-color: var(--purple-600);
}

.bg-purple-600-hc {
  background-color: var(--purple-600);
}

.bg-purple-600-l {
  background-color: var(--purple-600);
}

.bg-purple-600-m {
  background-color: var(--purple-600);
}

.bg-purple-600-ns {
  background-color: var(--purple-600);
}

.bg-purple-700 {
  background-color: var(--purple-700);
}

.bg-purple-700-dm {
  background-color: var(--purple-700);
}

.bg-purple-700-hc {
  background-color: var(--purple-700);
}

.bg-purple-700-l {
  background-color: var(--purple-700);
}

.bg-purple-700-m {
  background-color: var(--purple-700);
}

.bg-purple-700-ns {
  background-color: var(--purple-700);
}

.bg-purple-800 {
  background-color: var(--purple-800);
}

.bg-purple-800-dm {
  background-color: var(--purple-800);
}

.bg-purple-800-hc {
  background-color: var(--purple-800);
}

.bg-purple-800-l {
  background-color: var(--purple-800);
}

.bg-purple-800-m {
  background-color: var(--purple-800);
}

.bg-purple-800-ns {
  background-color: var(--purple-800);
}

.bg-purple-900 {
  background-color: var(--purple-900);
}

.bg-purple-900-dm {
  background-color: var(--purple-900);
}

.bg-purple-900-hc {
  background-color: var(--purple-900);
}

.bg-purple-900-l {
  background-color: var(--purple-900);
}

.bg-purple-900-m {
  background-color: var(--purple-900);
}

.bg-purple-900-ns {
  background-color: var(--purple-900);
}

.bg-red-100 {
  background-color: var(--red-100);
}

.bg-red-100-dm {
  background-color: var(--red-100);
}

.bg-red-100-hc {
  background-color: var(--red-100);
}

.bg-red-100-l {
  background-color: var(--red-100);
}

.bg-red-100-m {
  background-color: var(--red-100);
}

.bg-red-100-ns {
  background-color: var(--red-100);
}

.bg-red-200 {
  background-color: var(--red-200);
}

.bg-red-200-dm {
  background-color: var(--red-200);
}

.bg-red-200-hc {
  background-color: var(--red-200);
}

.bg-red-200-l {
  background-color: var(--red-200);
}

.bg-red-200-m {
  background-color: var(--red-200);
}

.bg-red-200-ns {
  background-color: var(--red-200);
}

.bg-red-300 {
  background-color: var(--red-300);
}

.bg-red-300-dm {
  background-color: var(--red-300);
}

.bg-red-300-hc {
  background-color: var(--red-300);
}

.bg-red-300-l {
  background-color: var(--red-300);
}

.bg-red-300-m {
  background-color: var(--red-300);
}

.bg-red-300-ns {
  background-color: var(--red-300);
}

.bg-red-400 {
  background-color: var(--red-400);
}

.bg-red-400-dm {
  background-color: var(--red-400);
}

.bg-red-400-hc {
  background-color: var(--red-400);
}

.bg-red-400-l {
  background-color: var(--red-400);
}

.bg-red-400-m {
  background-color: var(--red-400);
}

.bg-red-400-ns {
  background-color: var(--red-400);
}

.bg-red-500 {
  background-color: var(--red-500);
}

.bg-red-500-dm {
  background-color: var(--red-500);
}

.bg-red-500-hc {
  background-color: var(--red-500);
}

.bg-red-500-l {
  background-color: var(--red-500);
}

.bg-red-500-m {
  background-color: var(--red-500);
}

.bg-red-500-ns {
  background-color: var(--red-500);
}

.bg-red-600 {
  background-color: var(--red-600);
}

.bg-red-600-dm {
  background-color: var(--red-600);
}

.bg-red-600-hc {
  background-color: var(--red-600);
}

.bg-red-600-l {
  background-color: var(--red-600);
}

.bg-red-600-m {
  background-color: var(--red-600);
}

.bg-red-600-ns {
  background-color: var(--red-600);
}

.bg-red-700 {
  background-color: var(--red-700);
}

.bg-red-700-dm {
  background-color: var(--red-700);
}

.bg-red-700-hc {
  background-color: var(--red-700);
}

.bg-red-700-l {
  background-color: var(--red-700);
}

.bg-red-700-m {
  background-color: var(--red-700);
}

.bg-red-700-ns {
  background-color: var(--red-700);
}

.bg-red-800 {
  background-color: var(--red-800);
}

.bg-red-800-dm {
  background-color: var(--red-800);
}

.bg-red-800-hc {
  background-color: var(--red-800);
}

.bg-red-800-l {
  background-color: var(--red-800);
}

.bg-red-800-m {
  background-color: var(--red-800);
}

.bg-red-800-ns {
  background-color: var(--red-800);
}

.bg-red-900 {
  background-color: var(--red-900);
}

.bg-red-900-dm {
  background-color: var(--red-900);
}

.bg-red-900-hc {
  background-color: var(--red-900);
}

.bg-red-900-l {
  background-color: var(--red-900);
}

.bg-red-900-m {
  background-color: var(--red-900);
}

.bg-red-900-ns {
  background-color: var(--red-900);
}

.bg-white {
  background-color: var(--white);
}

.bg-white-dm {
  background-color: var(--white);
}

.bg-white-hc {
  background-color: var(--white);
}

.bg-white-ish {
  background-color: var(--white-ish);
}

.bg-white-ish-dm {
  background-color: var(--white-ish);
}

.bg-white-ish-hc {
  background-color: var(--white-ish);
}

.bg-white-ish-l {
  background-color: var(--white-ish);
}

.bg-white-ish-m {
  background-color: var(--white-ish);
}

.bg-white-ish-ns {
  background-color: var(--white-ish);
}

.bg-white-l {
  background-color: var(--white);
}

.bg-white-m {
  background-color: var(--white);
}

.bg-white-ns {
  background-color: var(--white);
}

.bg-yellow-100 {
  background-color: var(--yellow-100);
}

.bg-yellow-100-dm {
  background-color: var(--yellow-100);
}

.bg-yellow-100-hc {
  background-color: var(--yellow-100);
}

.bg-yellow-100-l {
  background-color: var(--yellow-100);
}

.bg-yellow-100-m {
  background-color: var(--yellow-100);
}

.bg-yellow-100-ns {
  background-color: var(--yellow-100);
}

.bg-yellow-200 {
  background-color: var(--yellow-200);
}

.bg-yellow-200-dm {
  background-color: var(--yellow-200);
}

.bg-yellow-200-hc {
  background-color: var(--yellow-200);
}

.bg-yellow-200-l {
  background-color: var(--yellow-200);
}

.bg-yellow-200-m {
  background-color: var(--yellow-200);
}

.bg-yellow-200-ns {
  background-color: var(--yellow-200);
}

.bg-yellow-300 {
  background-color: var(--yellow-300);
}

.bg-yellow-300-dm {
  background-color: var(--yellow-300);
}

.bg-yellow-300-hc {
  background-color: var(--yellow-300);
}

.bg-yellow-300-l {
  background-color: var(--yellow-300);
}

.bg-yellow-300-m {
  background-color: var(--yellow-300);
}

.bg-yellow-300-ns {
  background-color: var(--yellow-300);
}

.bg-yellow-400 {
  background-color: var(--yellow-400);
}

.bg-yellow-400-dm {
  background-color: var(--yellow-400);
}

.bg-yellow-400-hc {
  background-color: var(--yellow-400);
}

.bg-yellow-400-l {
  background-color: var(--yellow-400);
}

.bg-yellow-400-m {
  background-color: var(--yellow-400);
}

.bg-yellow-400-ns {
  background-color: var(--yellow-400);
}

.bg-yellow-500 {
  background-color: var(--yellow-500);
}

.bg-yellow-500-dm {
  background-color: var(--yellow-500);
}

.bg-yellow-500-hc {
  background-color: var(--yellow-500);
}

.bg-yellow-500-l {
  background-color: var(--yellow-500);
}

.bg-yellow-500-m {
  background-color: var(--yellow-500);
}

.bg-yellow-500-ns {
  background-color: var(--yellow-500);
}

.bg-yellow-600 {
  background-color: var(--yellow-600);
}

.bg-yellow-600-dm {
  background-color: var(--yellow-600);
}

.bg-yellow-600-hc {
  background-color: var(--yellow-600);
}

.bg-yellow-600-l {
  background-color: var(--yellow-600);
}

.bg-yellow-600-m {
  background-color: var(--yellow-600);
}

.bg-yellow-600-ns {
  background-color: var(--yellow-600);
}

.bg-yellow-700 {
  background-color: var(--yellow-700);
}

.bg-yellow-700-dm {
  background-color: var(--yellow-700);
}

.bg-yellow-700-hc {
  background-color: var(--yellow-700);
}

.bg-yellow-700-l {
  background-color: var(--yellow-700);
}

.bg-yellow-700-m {
  background-color: var(--yellow-700);
}

.bg-yellow-700-ns {
  background-color: var(--yellow-700);
}

.bg-yellow-800 {
  background-color: var(--yellow-800);
}

.bg-yellow-800-dm {
  background-color: var(--yellow-800);
}

.bg-yellow-800-hc {
  background-color: var(--yellow-800);
}

.bg-yellow-800-l {
  background-color: var(--yellow-800);
}

.bg-yellow-800-m {
  background-color: var(--yellow-800);
}

.bg-yellow-800-ns {
  background-color: var(--yellow-800);
}

.bg-yellow-900 {
  background-color: var(--yellow-900);
}

.bg-yellow-900-dm {
  background-color: var(--yellow-900);
}

.bg-yellow-900-hc {
  background-color: var(--yellow-900);
}

.bg-yellow-900-l {
  background-color: var(--yellow-900);
}

.bg-yellow-900-m {
  background-color: var(--yellow-900);
}

.bg-yellow-900-ns {
  background-color: var(--yellow-900);
}

.bgp-b {
  background-position: bottom;
}

.bgp-b-l {
  background-position: bottom;
}

.bgp-b-m {
  background-position: bottom;
}

.bgp-b-ns {
  background-position: bottom;
}

.bgp-bl {
  background-position: bottom left;
}

.bgp-bl-l {
  background-position: bottom left;
}

.bgp-bl-m {
  background-position: bottom left;
}

.bgp-bl-ns {
  background-position: bottom left;
}

.bgp-br {
  background-position: bottom right;
}

.bgp-br-l {
  background-position: bottom right;
}

.bgp-br-m {
  background-position: bottom right;
}

.bgp-br-ns {
  background-position: bottom right;
}

.bgp-c {
  background-position: center;
}

.bgp-c-l {
  background-position: center;
}

.bgp-c-m {
  background-position: center;
}

.bgp-c-ns {
  background-position: center;
}

.bgp-cb {
  background-position: center bottom;
}

.bgp-cb-l {
  background-position: center bottom;
}

.bgp-cb-m {
  background-position: center bottom;
}

.bgp-cb-ns {
  background-position: center bottom;
}

.bgp-cl {
  background-position: center left;
}

.bgp-cl-l {
  background-position: center left;
}

.bgp-cl-m {
  background-position: center left;
}

.bgp-cl-ns {
  background-position: center left;
}

.bgp-cr {
  background-position: center right;
}

.bgp-cr-l {
  background-position: center right;
}

.bgp-cr-m {
  background-position: center right;
}

.bgp-cr-ns {
  background-position: center right;
}

.bgp-ct {
  background-position: center top;
}

.bgp-ct-l {
  background-position: center top;
}

.bgp-ct-m {
  background-position: center top;
}

.bgp-ct-ns {
  background-position: center top;
}

.bgp-l {
  background-position: left;
}

.bgp-l-l {
  background-position: left;
}

.bgp-l-m {
  background-position: left;
}

.bgp-l-ns {
  background-position: left;
}

.bgp-r {
  background-position: right;
}

.bgp-r-l {
  background-position: right;
}

.bgp-r-m {
  background-position: right;
}

.bgp-r-ns {
  background-position: right;
}

.bgp-t {
  background-position: top;
}

.bgp-t-l {
  background-position: top;
}

.bgp-t-m {
  background-position: top;
}

.bgp-t-ns {
  background-position: top;
}

.bgp-tl {
  background-position: top left;
}

.bgp-tl-l {
  background-position: top left;
}

.bgp-tl-m {
  background-position: top left;
}

.bgp-tl-ns {
  background-position: top left;
}

.bgp-tr {
  background-position: top right;
}

.bgp-tr-l {
  background-position: top right;
}

.bgp-tr-m {
  background-position: top right;
}

.bgp-tr-ns {
  background-position: top right;
}

.bgr {
  background-repeat: repeat;
}

.bgr-l {
  background-repeat: repeat;
}

.bgr-m {
  background-repeat: repeat;
}

.bgr-ns {
  background-repeat: repeat;
}

.bgr-r {
  background-repeat: round;
}

.bgr-r-l {
  background-repeat: round;
}

.bgr-r-m {
  background-repeat: round;
}

.bgr-r-ns {
  background-repeat: round;
}

.bgr-s {
  background-repeat: space;
}

.bgr-s-l {
  background-repeat: space;
}

.bgr-s-m {
  background-repeat: space;
}

.bgr-s-ns {
  background-repeat: space;
}

.bgr-x {
  background-repeat: repeat-x;
}

.bgr-x-l {
  background-repeat: repeat-x;
}

.bgr-x-m {
  background-repeat: repeat-x;
}

.bgr-x-ns {
  background-repeat: repeat-x;
}

.bgr-y {
  background-repeat: repeat-y;
}

.bgr-y-l {
  background-repeat: repeat-y;
}

.bgr-y-m {
  background-repeat: repeat-y;
}

.bgr-y-ns {
  background-repeat: repeat-y;
}

.bl {
  border-left-style: solid;
  border-left-width: 1px;
}

.bl-hc {
  border-left-style: solid;
  border-left-width: 1px;
}

.bl-l {
  border-left-style: solid;
  border-left-width: 1px;
}

.bl-m {
  border-left-style: solid;
  border-left-width: 1px;
}

.bl-ns {
  border-left-style: solid;
  border-left-width: 1px;
}

.black {
  color: var(--black);
}

.black-dm {
  color: var(--black);
}

.black-hc {
  color: var(--black);
}

.black-ish {
  color: var(--black-ish);
}

.black-ish-dm {
  color: var(--black-ish);
}

.black-ish-hc {
  color: var(--black-ish);
}

.black-ish-l {
  color: var(--black-ish);
}

.black-ish-m {
  color: var(--black-ish);
}

.black-ish-ns {
  color: var(--black-ish);
}

.black-l {
  color: var(--black);
}

.black-m {
  color: var(--black);
}

.black-ns {
  color: var(--black);
}

.bls-dashed {
  border-left-style: dashed;
}

.bls-dashed-hc {
  border-left-style: dashed;
}

.bls-dashed-l {
  border-left-style: dashed;
}

.bls-dashed-m {
  border-left-style: dashed;
}

.bls-dashed-ns {
  border-left-style: dashed;
}

.bls-dotted {
  border-left-style: dotted;
}

.bls-dotted-hc {
  border-left-style: dotted;
}

.bls-dotted-l {
  border-left-style: dotted;
}

.bls-dotted-m {
  border-left-style: dotted;
}

.bls-dotted-ns {
  border-left-style: dotted;
}

.bls-none {
  border-left-style: none;
}

.bls-none-hc {
  border-left-style: none;
}

.bls-none-l {
  border-left-style: none;
}

.bls-none-m {
  border-left-style: none;
}

.bls-none-ns {
  border-left-style: none;
}

.bls-solid {
  border-left-style: solid;
}

.bls-solid-hc {
  border-left-style: solid;
}

.bls-solid-l {
  border-left-style: solid;
}

.bls-solid-m {
  border-left-style: solid;
}

.bls-solid-ns {
  border-left-style: solid;
}

.blue-100 {
  color: var(--blue-100);
}

.blue-100-dm {
  color: var(--blue-100);
}

.blue-100-hc {
  color: var(--blue-100);
}

.blue-100-l {
  color: var(--blue-100);
}

.blue-100-m {
  color: var(--blue-100);
}

.blue-100-ns {
  color: var(--blue-100);
}

.blue-200 {
  color: var(--blue-200);
}

.blue-200-dm {
  color: var(--blue-200);
}

.blue-200-hc {
  color: var(--blue-200);
}

.blue-200-l {
  color: var(--blue-200);
}

.blue-200-m {
  color: var(--blue-200);
}

.blue-200-ns {
  color: var(--blue-200);
}

.blue-300 {
  color: var(--blue-300);
}

.blue-300-dm {
  color: var(--blue-300);
}

.blue-300-hc {
  color: var(--blue-300);
}

.blue-300-l {
  color: var(--blue-300);
}

.blue-300-m {
  color: var(--blue-300);
}

.blue-300-ns {
  color: var(--blue-300);
}

.blue-400 {
  color: var(--blue-400);
}

.blue-400-dm {
  color: var(--blue-400);
}

.blue-400-hc {
  color: var(--blue-400);
}

.blue-400-l {
  color: var(--blue-400);
}

.blue-400-m {
  color: var(--blue-400);
}

.blue-400-ns {
  color: var(--blue-400);
}

.blue-500 {
  color: var(--blue-500);
}

.blue-500-dm {
  color: var(--blue-500);
}

.blue-500-hc {
  color: var(--blue-500);
}

.blue-500-l {
  color: var(--blue-500);
}

.blue-500-m {
  color: var(--blue-500);
}

.blue-500-ns {
  color: var(--blue-500);
}

.blue-600 {
  color: var(--blue-600);
}

.blue-600-dm {
  color: var(--blue-600);
}

.blue-600-hc {
  color: var(--blue-600);
}

.blue-600-l {
  color: var(--blue-600);
}

.blue-600-m {
  color: var(--blue-600);
}

.blue-600-ns {
  color: var(--blue-600);
}

.blue-700 {
  color: var(--blue-700);
}

.blue-700-dm {
  color: var(--blue-700);
}

.blue-700-hc {
  color: var(--blue-700);
}

.blue-700-l {
  color: var(--blue-700);
}

.blue-700-m {
  color: var(--blue-700);
}

.blue-700-ns {
  color: var(--blue-700);
}

.blue-800 {
  color: var(--blue-800);
}

.blue-800-dm {
  color: var(--blue-800);
}

.blue-800-hc {
  color: var(--blue-800);
}

.blue-800-l {
  color: var(--blue-800);
}

.blue-800-m {
  color: var(--blue-800);
}

.blue-800-ns {
  color: var(--blue-800);
}

.blue-900 {
  color: var(--blue-900);
}

.blue-900-dm {
  color: var(--blue-900);
}

.blue-900-hc {
  color: var(--blue-900);
}

.blue-900-l {
  color: var(--blue-900);
}

.blue-900-m {
  color: var(--blue-900);
}

.blue-900-ns {
  color: var(--blue-900);
}

.blw-0 {
  border-left-width: 0;
}

.blw-0-hc {
  border-left-width: 0;
}

.blw-0-l {
  border-left-width: 0;
}

.blw-0-m {
  border-left-width: 0;
}

.blw-0-ns {
  border-left-width: 0;
}

.blw-1 {
  border-left-width: var(--bw-1);
}

.blw-1-hc {
  border-left-width: var(--bw-1);
}

.blw-1-l {
  border-left-width: var(--bw-1);
}

.blw-1-m {
  border-left-width: var(--bw-1);
}

.blw-1-ns {
  border-left-width: var(--bw-1);
}

.blw-2 {
  border-left-width: var(--bw-2);
}

.blw-2-hc {
  border-left-width: var(--bw-2);
}

.blw-2-l {
  border-left-width: var(--bw-2);
}

.blw-2-m {
  border-left-width: var(--bw-2);
}

.blw-2-ns {
  border-left-width: var(--bw-2);
}

.blw-3 {
  border-left-width: var(--bw-3);
}

.blw-3-hc {
  border-left-width: var(--bw-3);
}

.blw-3-l {
  border-left-width: var(--bw-3);
}

.blw-3-m {
  border-left-width: var(--bw-3);
}

.blw-3-ns {
  border-left-width: var(--bw-3);
}

.blw-4 {
  border-left-width: var(--bw-4);
}

.blw-4-hc {
  border-left-width: var(--bw-4);
}

.blw-4-l {
  border-left-width: var(--bw-4);
}

.blw-4-m {
  border-left-width: var(--bw-4);
}

.blw-4-ns {
  border-left-width: var(--bw-4);
}

.blw-5 {
  border-left-width: var(--bw-5);
}

.blw-5-hc {
  border-left-width: var(--bw-5);
}

.blw-5-l {
  border-left-width: var(--bw-5);
}

.blw-5-m {
  border-left-width: var(--bw-5);
}

.blw-5-ns {
  border-left-width: var(--bw-5);
}

.bn {
  border-style: none;
  border-width: 0;
}

.bn-hc {
  border-style: none;
  border-width: 0;
}

.bn-l {
  border-style: none;
  border-width: 0;
}

.bn-m {
  border-style: none;
  border-width: 0;
}

.bn-ns {
  border-style: none;
  border-width: 0;
}

.border-box {
  box-sizing: border-box;
}

.border-box-hc {
  box-sizing: border-box;
}

.border-box-l {
  box-sizing: border-box;
}

.border-box-m {
  box-sizing: border-box;
}

.border-box-ns {
  box-sizing: border-box;
}

.bottom--1 {
  bottom: calc(-1 * var(--sp-1));
}

.bottom--1-l {
  bottom: calc(-1 * var(--sp-1));
}

.bottom--1-m {
  bottom: calc(-1 * var(--sp-1));
}

.bottom--1-ns {
  bottom: calc(-1 * var(--sp-1));
}

.bottom--2 {
  bottom: calc(-1 * var(--sp-2));
}

.bottom--2-l {
  bottom: calc(-1 * var(--sp-2));
}

.bottom--2-m {
  bottom: calc(-1 * var(--sp-2));
}

.bottom--2-ns {
  bottom: calc(-1 * var(--sp-2));
}

.bottom--3 {
  bottom: calc(-1 * var(--sp-3));
}

.bottom--3-l {
  bottom: calc(-1 * var(--sp-3));
}

.bottom--3-m {
  bottom: calc(-1 * var(--sp-3));
}

.bottom--3-ns {
  bottom: calc(-1 * var(--sp-3));
}

.bottom--4 {
  bottom: calc(-1 * var(--sp-4));
}

.bottom--4-l {
  bottom: calc(-1 * var(--sp-4));
}

.bottom--4-m {
  bottom: calc(-1 * var(--sp-4));
}

.bottom--4-ns {
  bottom: calc(-1 * var(--sp-4));
}

.bottom--5 {
  bottom: calc(-1 * var(--sp-5));
}

.bottom--5-l {
  bottom: calc(-1 * var(--sp-5));
}

.bottom--5-m {
  bottom: calc(-1 * var(--sp-5));
}

.bottom--5-ns {
  bottom: calc(-1 * var(--sp-5));
}

.bottom--6 {
  bottom: calc(-1 * var(--sp-6));
}

.bottom--6-l {
  bottom: calc(-1 * var(--sp-6));
}

.bottom--6-m {
  bottom: calc(-1 * var(--sp-6));
}

.bottom--6-ns {
  bottom: calc(-1 * var(--sp-6));
}

.bottom--7 {
  bottom: calc(-1 * var(--sp-7));
}

.bottom--7-l {
  bottom: calc(-1 * var(--sp-7));
}

.bottom--7-m {
  bottom: calc(-1 * var(--sp-7));
}

.bottom--7-ns {
  bottom: calc(-1 * var(--sp-7));
}

.bottom--8 {
  bottom: calc(-1 * var(--sp-8));
}

.bottom--8-l {
  bottom: calc(-1 * var(--sp-8));
}

.bottom--8-m {
  bottom: calc(-1 * var(--sp-8));
}

.bottom--8-ns {
  bottom: calc(-1 * var(--sp-8));
}

.bottom-0 {
  bottom: 0;
}

.bottom-0-l {
  bottom: 0;
}

.bottom-0-m {
  bottom: 0;
}

.bottom-0-ns {
  bottom: 0;
}

.bottom-1 {
  bottom: var(--sp-1);
}

.bottom-1-l {
  bottom: var(--sp-1);
}

.bottom-1-m {
  bottom: var(--sp-1);
}

.bottom-1-ns {
  bottom: var(--sp-1);
}

.bottom-2 {
  bottom: var(--sp-2);
}

.bottom-2-l {
  bottom: var(--sp-2);
}

.bottom-2-m {
  bottom: var(--sp-2);
}

.bottom-2-ns {
  bottom: var(--sp-2);
}

.bottom-3 {
  bottom: var(--sp-3);
}

.bottom-3-l {
  bottom: var(--sp-3);
}

.bottom-3-m {
  bottom: var(--sp-3);
}

.bottom-3-ns {
  bottom: var(--sp-3);
}

.bottom-4 {
  bottom: var(--sp-4);
}

.bottom-4-l {
  bottom: var(--sp-4);
}

.bottom-4-m {
  bottom: var(--sp-4);
}

.bottom-4-ns {
  bottom: var(--sp-4);
}

.bottom-5 {
  bottom: var(--sp-5);
}

.bottom-5-l {
  bottom: var(--sp-5);
}

.bottom-5-m {
  bottom: var(--sp-5);
}

.bottom-5-ns {
  bottom: var(--sp-5);
}

.bottom-6 {
  bottom: var(--sp-6);
}

.bottom-6-l {
  bottom: var(--sp-6);
}

.bottom-6-m {
  bottom: var(--sp-6);
}

.bottom-6-ns {
  bottom: var(--sp-6);
}

.bottom-7 {
  bottom: var(--sp-7);
}

.bottom-7-l {
  bottom: var(--sp-7);
}

.bottom-7-m {
  bottom: var(--sp-7);
}

.bottom-7-ns {
  bottom: var(--sp-7);
}

.bottom-8 {
  bottom: var(--sp-8);
}

.bottom-8-l {
  bottom: var(--sp-8);
}

.bottom-8-m {
  bottom: var(--sp-8);
}

.bottom-8-ns {
  bottom: var(--sp-8);
}

.br {
  border-right-style: solid;
  border-right-width: 1px;
}

.br-0 {
  border-radius: 0;
}

.br-0-hc {
  border-radius: 0;
}

.br-0-l {
  border-radius: 0;
}

.br-0-m {
  border-radius: 0;
}

.br-0-ns {
  border-radius: 0;
}

.br-1 {
  border-radius: var(--bw-1);
}

.br-1-hc {
  border-radius: var(--bw-1);
}

.br-1-l {
  border-radius: var(--bw-1);
}

.br-1-m {
  border-radius: var(--bw-1);
}

.br-1-ns {
  border-radius: var(--bw-1);
}

.br-100 {
  border-radius: 100%;
}

.br-100-hc {
  border-radius: 100%;
}

.br-100-l {
  border-radius: 100%;
}

.br-100-m {
  border-radius: 100%;
}

.br-100-ns {
  border-radius: 100%;
}

.br-2 {
  border-radius: var(--bw-2);
}

.br-2-hc {
  border-radius: var(--bw-2);
}

.br-2-l {
  border-radius: var(--bw-2);
}

.br-2-m {
  border-radius: var(--bw-2);
}

.br-2-ns {
  border-radius: var(--bw-2);
}

.br-3 {
  border-radius: var(--bw-3);
}

.br-3-hc {
  border-radius: var(--bw-3);
}

.br-3-l {
  border-radius: var(--bw-3);
}

.br-3-m {
  border-radius: var(--bw-3);
}

.br-3-ns {
  border-radius: var(--bw-3);
}

.br-4 {
  border-radius: var(--bw-4);
}

.br-4-hc {
  border-radius: var(--bw-4);
}

.br-4-l {
  border-radius: var(--bw-4);
}

.br-4-m {
  border-radius: var(--bw-4);
}

.br-4-ns {
  border-radius: var(--bw-4);
}

.br-5 {
  border-radius: var(--bw-5);
}

.br-5-hc {
  border-radius: var(--bw-5);
}

.br-5-l {
  border-radius: var(--bw-5);
}

.br-5-m {
  border-radius: var(--bw-5);
}

.br-5-ns {
  border-radius: var(--bw-5);
}

.br-bl-0 {
  border-bottom-left-radius: 0;
}

.br-bl-0-hc {
  border-bottom-left-radius: 0;
}

.br-bl-0-l {
  border-bottom-left-radius: 0;
}

.br-bl-0-m {
  border-bottom-left-radius: 0;
}

.br-bl-0-ns {
  border-bottom-left-radius: 0;
}

.br-bl-1 {
  border-bottom-left-radius: var(--bw-1);
}

.br-bl-1-hc {
  border-bottom-left-radius: var(--bw-1);
}

.br-bl-1-l {
  border-bottom-left-radius: var(--bw-1);
}

.br-bl-1-m {
  border-bottom-left-radius: var(--bw-1);
}

.br-bl-1-ns {
  border-bottom-left-radius: var(--bw-1);
}

.br-bl-100 {
  border-bottom-left-radius: 100%;
}

.br-bl-100-hc {
  border-bottom-left-radius: 100%;
}

.br-bl-100-l {
  border-bottom-left-radius: 100%;
}

.br-bl-100-m {
  border-bottom-left-radius: 100%;
}

.br-bl-100-ns {
  border-bottom-left-radius: 100%;
}

.br-bl-2 {
  border-bottom-left-radius: var(--bw-2);
}

.br-bl-2-hc {
  border-bottom-left-radius: var(--bw-2);
}

.br-bl-2-l {
  border-bottom-left-radius: var(--bw-2);
}

.br-bl-2-m {
  border-bottom-left-radius: var(--bw-2);
}

.br-bl-2-ns {
  border-bottom-left-radius: var(--bw-2);
}

.br-bl-3 {
  border-bottom-left-radius: var(--bw-3);
}

.br-bl-3-hc {
  border-bottom-left-radius: var(--bw-3);
}

.br-bl-3-l {
  border-bottom-left-radius: var(--bw-3);
}

.br-bl-3-m {
  border-bottom-left-radius: var(--bw-3);
}

.br-bl-3-ns {
  border-bottom-left-radius: var(--bw-3);
}

.br-bl-4 {
  border-bottom-left-radius: var(--bw-4);
}

.br-bl-4-hc {
  border-bottom-left-radius: var(--bw-4);
}

.br-bl-4-l {
  border-bottom-left-radius: var(--bw-4);
}

.br-bl-4-m {
  border-bottom-left-radius: var(--bw-4);
}

.br-bl-4-ns {
  border-bottom-left-radius: var(--bw-4);
}

.br-bl-5 {
  border-bottom-left-radius: var(--bw-5);
}

.br-bl-5-hc {
  border-bottom-left-radius: var(--bw-5);
}

.br-bl-5-l {
  border-bottom-left-radius: var(--bw-5);
}

.br-bl-5-m {
  border-bottom-left-radius: var(--bw-5);
}

.br-bl-5-ns {
  border-bottom-left-radius: var(--bw-5);
}

.br-bl-pill {
  border-bottom-left-radius: 999px;
}

.br-bl-pill-hc {
  border-bottom-left-radius: 999px;
}

.br-bl-pill-l {
  border-bottom-left-radius: 999px;
}

.br-bl-pill-m {
  border-bottom-left-radius: 999px;
}

.br-bl-pill-ns {
  border-bottom-left-radius: 999px;
}

.br-bottom-0 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.br-bottom-0-hc {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.br-bottom-0-l {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.br-bottom-0-m {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.br-bottom-0-ns {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.br-bottom-1 {
  border-bottom-left-radius: var(--bw-1);
  border-bottom-right-radius: var(--bw-1);
}

.br-bottom-1-hc {
  border-bottom-left-radius: var(--bw-1);
  border-bottom-right-radius: var(--bw-1);
}

.br-bottom-1-l {
  border-bottom-left-radius: var(--bw-1);
  border-bottom-right-radius: var(--bw-1);
}

.br-bottom-1-m {
  border-bottom-left-radius: var(--bw-1);
  border-bottom-right-radius: var(--bw-1);
}

.br-bottom-1-ns {
  border-bottom-left-radius: var(--bw-1);
  border-bottom-right-radius: var(--bw-1);
}

.br-bottom-100 {
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
}

.br-bottom-100-hc {
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
}

.br-bottom-100-l {
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
}

.br-bottom-100-m {
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
}

.br-bottom-100-ns {
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
}

.br-bottom-2 {
  border-bottom-left-radius: var(--bw-2);
  border-bottom-right-radius: var(--bw-2);
}

.br-bottom-2-hc {
  border-bottom-left-radius: var(--bw-2);
  border-bottom-right-radius: var(--bw-2);
}

.br-bottom-2-l {
  border-bottom-left-radius: var(--bw-2);
  border-bottom-right-radius: var(--bw-2);
}

.br-bottom-2-m {
  border-bottom-left-radius: var(--bw-2);
  border-bottom-right-radius: var(--bw-2);
}

.br-bottom-2-ns {
  border-bottom-left-radius: var(--bw-2);
  border-bottom-right-radius: var(--bw-2);
}

.br-bottom-3 {
  border-bottom-left-radius: var(--bw-3);
  border-bottom-right-radius: var(--bw-3);
}

.br-bottom-3-hc {
  border-bottom-left-radius: var(--bw-3);
  border-bottom-right-radius: var(--bw-3);
}

.br-bottom-3-l {
  border-bottom-left-radius: var(--bw-3);
  border-bottom-right-radius: var(--bw-3);
}

.br-bottom-3-m {
  border-bottom-left-radius: var(--bw-3);
  border-bottom-right-radius: var(--bw-3);
}

.br-bottom-3-ns {
  border-bottom-left-radius: var(--bw-3);
  border-bottom-right-radius: var(--bw-3);
}

.br-bottom-4 {
  border-bottom-left-radius: var(--bw-4);
  border-bottom-right-radius: var(--bw-4);
}

.br-bottom-4-hc {
  border-bottom-left-radius: var(--bw-4);
  border-bottom-right-radius: var(--bw-4);
}

.br-bottom-4-l {
  border-bottom-left-radius: var(--bw-4);
  border-bottom-right-radius: var(--bw-4);
}

.br-bottom-4-m {
  border-bottom-left-radius: var(--bw-4);
  border-bottom-right-radius: var(--bw-4);
}

.br-bottom-4-ns {
  border-bottom-left-radius: var(--bw-4);
  border-bottom-right-radius: var(--bw-4);
}

.br-bottom-5 {
  border-bottom-left-radius: var(--bw-5);
  border-bottom-right-radius: var(--bw-5);
}

.br-bottom-5-hc {
  border-bottom-left-radius: var(--bw-5);
  border-bottom-right-radius: var(--bw-5);
}

.br-bottom-5-l {
  border-bottom-left-radius: var(--bw-5);
  border-bottom-right-radius: var(--bw-5);
}

.br-bottom-5-m {
  border-bottom-left-radius: var(--bw-5);
  border-bottom-right-radius: var(--bw-5);
}

.br-bottom-5-ns {
  border-bottom-left-radius: var(--bw-5);
  border-bottom-right-radius: var(--bw-5);
}

.br-bottom-pill {
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}

.br-bottom-pill-hc {
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}

.br-bottom-pill-l {
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}

.br-bottom-pill-m {
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}

.br-bottom-pill-ns {
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}

.br-br-0 {
  border-bottom-right-radius: 0;
}

.br-br-0-hc {
  border-bottom-right-radius: 0;
}

.br-br-0-l {
  border-bottom-right-radius: 0;
}

.br-br-0-m {
  border-bottom-right-radius: 0;
}

.br-br-0-ns {
  border-bottom-right-radius: 0;
}

.br-br-1 {
  border-bottom-right-radius: var(--bw-1);
}

.br-br-1-hc {
  border-bottom-right-radius: var(--bw-1);
}

.br-br-1-l {
  border-bottom-right-radius: var(--bw-1);
}

.br-br-1-m {
  border-bottom-right-radius: var(--bw-1);
}

.br-br-1-ns {
  border-bottom-right-radius: var(--bw-1);
}

.br-br-100 {
  border-bottom-right-radius: 100%;
}

.br-br-100-hc {
  border-bottom-right-radius: 100%;
}

.br-br-100-l {
  border-bottom-right-radius: 100%;
}

.br-br-100-m {
  border-bottom-right-radius: 100%;
}

.br-br-100-ns {
  border-bottom-right-radius: 100%;
}

.br-br-2 {
  border-bottom-right-radius: var(--bw-2);
}

.br-br-2-hc {
  border-bottom-right-radius: var(--bw-2);
}

.br-br-2-l {
  border-bottom-right-radius: var(--bw-2);
}

.br-br-2-m {
  border-bottom-right-radius: var(--bw-2);
}

.br-br-2-ns {
  border-bottom-right-radius: var(--bw-2);
}

.br-br-3 {
  border-bottom-right-radius: var(--bw-3);
}

.br-br-3-hc {
  border-bottom-right-radius: var(--bw-3);
}

.br-br-3-l {
  border-bottom-right-radius: var(--bw-3);
}

.br-br-3-m {
  border-bottom-right-radius: var(--bw-3);
}

.br-br-3-ns {
  border-bottom-right-radius: var(--bw-3);
}

.br-br-4 {
  border-bottom-right-radius: var(--bw-4);
}

.br-br-4-hc {
  border-bottom-right-radius: var(--bw-4);
}

.br-br-4-l {
  border-bottom-right-radius: var(--bw-4);
}

.br-br-4-m {
  border-bottom-right-radius: var(--bw-4);
}

.br-br-4-ns {
  border-bottom-right-radius: var(--bw-4);
}

.br-br-5 {
  border-bottom-right-radius: var(--bw-5);
}

.br-br-5-hc {
  border-bottom-right-radius: var(--bw-5);
}

.br-br-5-l {
  border-bottom-right-radius: var(--bw-5);
}

.br-br-5-m {
  border-bottom-right-radius: var(--bw-5);
}

.br-br-5-ns {
  border-bottom-right-radius: var(--bw-5);
}

.br-br-pill {
  border-bottom-right-radius: 999px;
}

.br-br-pill-hc {
  border-bottom-right-radius: 999px;
}

.br-br-pill-l {
  border-bottom-right-radius: 999px;
}

.br-br-pill-m {
  border-bottom-right-radius: 999px;
}

.br-br-pill-ns {
  border-bottom-right-radius: 999px;
}

.br-hc {
  border-right-style: solid;
  border-right-width: 1px;
}

.br-l {
  border-right-style: solid;
  border-right-width: 1px;
}

.br-left-0 {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.br-left-0-hc {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.br-left-0-l {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.br-left-0-m {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.br-left-0-ns {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.br-left-1 {
  border-bottom-left-radius: var(--bw-1);
  border-top-left-radius: var(--bw-1);
}

.br-left-1-hc {
  border-bottom-left-radius: var(--bw-1);
  border-top-left-radius: var(--bw-1);
}

.br-left-1-l {
  border-bottom-left-radius: var(--bw-1);
  border-top-left-radius: var(--bw-1);
}

.br-left-1-m {
  border-bottom-left-radius: var(--bw-1);
  border-top-left-radius: var(--bw-1);
}

.br-left-1-ns {
  border-bottom-left-radius: var(--bw-1);
  border-top-left-radius: var(--bw-1);
}

.br-left-100 {
  border-bottom-left-radius: 100%;
  border-top-left-radius: 100%;
}

.br-left-100-hc {
  border-bottom-left-radius: 100%;
  border-top-left-radius: 100%;
}

.br-left-100-l {
  border-bottom-left-radius: 100%;
  border-top-left-radius: 100%;
}

.br-left-100-m {
  border-bottom-left-radius: 100%;
  border-top-left-radius: 100%;
}

.br-left-100-ns {
  border-bottom-left-radius: 100%;
  border-top-left-radius: 100%;
}

.br-left-2 {
  border-bottom-left-radius: var(--bw-2);
  border-top-left-radius: var(--bw-2);
}

.br-left-2-hc {
  border-bottom-left-radius: var(--bw-2);
  border-top-left-radius: var(--bw-2);
}

.br-left-2-l {
  border-bottom-left-radius: var(--bw-2);
  border-top-left-radius: var(--bw-2);
}

.br-left-2-m {
  border-bottom-left-radius: var(--bw-2);
  border-top-left-radius: var(--bw-2);
}

.br-left-2-ns {
  border-bottom-left-radius: var(--bw-2);
  border-top-left-radius: var(--bw-2);
}

.br-left-3 {
  border-bottom-left-radius: var(--bw-3);
  border-top-left-radius: var(--bw-3);
}