.border-black {
  border-color: #000;
}
.border-white {
  border-color: #fff;
}
.border-gray-1 {
  border-color: var(--color-gray-shade-1);
}
.border-gray-2 {
  border-color: var(--color-gray-shade-4);
}
.border-gray-3 {
  border-color: var(--color-gray-shade-7);
}
.border-gray-4 {
  border-color: var(--color-gray-shade-10);
}
.border-gray-5 {
  border-color: var(--color-gray-shade-13);
}
.border-gray-6 {
  border-color: var(--color-gray-shade-14);
}
.border-gray-7 {
  border-color: var(--color-gray-shade-15);
}
.border-blue-1 {
  border-color: var(--color-blue-shade-1);
}
.border-blue-2 {
  border-color: var(--color-blue-shade-2);
}
.border-blue-3 {
  border-color: var(--color-blue-shade-3);
}
.border-blue-4 {
  border-color: var(--color-blue-shade-4);
}
.border-blue-5 {
  border-color: var(--color-blue-shade-5);
}
.border-blue-6 {
  border-color: var(--color-blue-shade-6);
}
.border-blue-7 {
  border-color: var(--color-blue-shade-7);
}
@media (max-width: 575px) {
  .border-xs-black {
    border-color: #000;
  }
  .border-xs-white {
    border-color: #fff;
  }
  .border-xs-gray-1 {
    border-color: var(--color-gray-shade-1);
  }
  .border-xs-gray-2 {
    border-color: var(--color-gray-shade-4);
  }
  .border-xs-gray-3 {
    border-color: var(--color-gray-shade-7);
  }
  .border-xs-gray-4 {
    border-color: var(--color-gray-shade-10);
  }
  .border-xs-gray-5 {
    border-color: var(--color-gray-shade-13);
  }
  .border-xs-gray-6 {
    border-color: var(--color-gray-shade-14);
  }
  .border-xs-gray-7 {
    border-color: var(--color-gray-shade-15);
  }
  .border-xs-blue-1 {
    border-color: var(--color-blue-shade-1);
  }
  .border-xs-blue-2 {
    border-color: var(--color-blue-shade-2);
  }
  .border-xs-blue-3 {
    border-color: var(--color-blue-shade-3);
  }
  .border-xs-blue-4 {
    border-color: var(--color-blue-shade-4);
  }
  .border-xs-blue-5 {
    border-color: var(--color-blue-shade-5);
  }
  .border-xs-blue-6 {
    border-color: var(--color-blue-shade-6);
  }
  .border-xs-blue-7 {
    border-color: var(--color-blue-shade-7);
  }
}
@media (min-width: 576px) {
  .border-sm-black {
    border-color: #000;
  }
  .border-sm-white {
    border-color: #fff;
  }
  .border-sm-gray-1 {
    border-color: var(--color-gray-shade-1);
  }
  .border-sm-gray-2 {
    border-color: var(--color-gray-shade-4);
  }
  .border-sm-gray-3 {
    border-color: var(--color-gray-shade-7);
  }
  .border-sm-gray-4 {
    border-color: var(--color-gray-shade-10);
  }
  .border-sm-gray-5 {
    border-color: var(--color-gray-shade-13);
  }
  .border-sm-gray-6 {
    border-color: var(--color-gray-shade-14);
  }
  .border-sm-gray-7 {
    border-color: var(--color-gray-shade-15);
  }
  .border-sm-blue-1 {
    border-color: var(--color-blue-shade-1);
  }
  .border-sm-blue-2 {
    border-color: var(--color-blue-shade-2);
  }
  .border-sm-blue-3 {
    border-color: var(--color-blue-shade-3);
  }
  .border-sm-blue-4 {
    border-color: var(--color-blue-shade-4);
  }
  .border-sm-blue-5 {
    border-color: var(--color-blue-shade-5);
  }
  .border-sm-blue-6 {
    border-color: var(--color-blue-shade-6);
  }
  .border-sm-blue-7 {
    border-color: var(--color-blue-shade-7);
  }
}
@media (min-width: 768px) {
  .border-md-black {
    border-color: #000;
  }
  .border-md-white {
    border-color: #fff;
  }
  .border-md-gray-1 {
    border-color: var(--color-gray-shade-1);
  }
  .border-md-gray-2 {
    border-color: var(--color-gray-shade-4);
  }
  .border-md-gray-3 {
    border-color: var(--color-gray-shade-7);
  }
  .border-md-gray-4 {
    border-color: var(--color-gray-shade-10);
  }
  .border-md-gray-5 {
    border-color: var(--color-gray-shade-13);
  }
  .border-md-gray-6 {
    border-color: var(--color-gray-shade-14);
  }
  .border-md-gray-7 {
    border-color: var(--color-gray-shade-15);
  }
  .border-md-blue-1 {
    border-color: var(--color-blue-shade-1);
  }
  .border-md-blue-2 {
    border-color: var(--color-blue-shade-2);
  }
  .border-md-blue-3 {
    border-color: var(--color-blue-shade-3);
  }
  .border-md-blue-4 {
    border-color: var(--color-blue-shade-4);
  }
  .border-md-blue-5 {
    border-color: var(--color-blue-shade-5);
  }
  .border-md-blue-6 {
    border-color: var(--color-blue-shade-6);
  }
  .border-md-blue-7 {
    border-color: var(--color-blue-shade-7);
  }
}
@media (min-width: 992px) {
  .border-lg-black {
    border-color: #000;
  }
  .border-lg-white {
    border-color: #fff;
  }
  .border-lg-gray-1 {
    border-color: var(--color-gray-shade-1);
  }
  .border-lg-gray-2 {
    border-color: var(--color-gray-shade-4);
  }
  .border-lg-gray-3 {
    border-color: var(--color-gray-shade-7);
  }
  .border-lg-gray-4 {
    border-color: var(--color-gray-shade-10);
  }
  .border-lg-gray-5 {
    border-color: var(--color-gray-shade-13);
  }
  .border-lg-gray-6 {
    border-color: var(--color-gray-shade-14);
  }
  .border-lg-gray-7 {
    border-color: var(--color-gray-shade-15);
  }
  .border-lg-blue-1 {
    border-color: var(--color-blue-shade-1);
  }
  .border-lg-blue-2 {
    border-color: var(--color-blue-shade-2);
  }
  .border-lg-blue-3 {
    border-color: var(--color-blue-shade-3);
  }
  .border-lg-blue-4 {
    border-color: var(--color-blue-shade-4);
  }
  .border-lg-blue-5 {
    border-color: var(--color-blue-shade-5);
  }
  .border-lg-blue-6 {
    border-color: var(--color-blue-shade-6);
  }
  .border-lg-blue-7 {
    border-color: var(--color-blue-shade-7);
  }
}
@media (min-width: 1200px) {
  .border-xl-black {
    border-color: #000;
  }
  .border-xl-white {
    border-color: #fff;
  }
  .border-xl-gray-1 {
    border-color: var(--color-gray-shade-1);
  }
  .border-xl-gray-2 {
    border-color: var(--color-gray-shade-4);
  }
  .border-xl-gray-3 {
    border-color: var(--color-gray-shade-7);
  }
  .border-xl-gray-4 {
    border-color: var(--color-gray-shade-10);
  }
  .border-xl-gray-5 {
    border-color: var(--color-gray-shade-13);
  }
  .border-xl-gray-6 {
    border-color: var(--color-gray-shade-14);
  }
  .border-xl-gray-7 {
    border-color: var(--color-gray-shade-15);
  }
  .border-xl-blue-1 {
    border-color: var(--color-blue-shade-1);
  }
  .border-xl-blue-2 {
    border-color: var(--color-blue-shade-2);
  }
  .border-xl-blue-3 {
    border-color: var(--color-blue-shade-3);
  }
  .border-xl-blue-4 {
    border-color: var(--color-blue-shade-4);
  }
  .border-xl-blue-5 {
    border-color: var(--color-blue-shade-5);
  }
  .border-xl-blue-6 {
    border-color: var(--color-blue-shade-6);
  }
  .border-xl-blue-7 {
    border-color: var(--color-blue-shade-7);
  }
}
@media (min-width: 1400px) {
  .border-xxl-black {
    border-color: #000;
  }
  .border-xxl-white {
    border-color: #fff;
  }
  .border-xxl-gray-1 {
    border-color: var(--color-gray-shade-1);
  }
  .border-xxl-gray-2 {
    border-color: var(--color-gray-shade-4);
  }
  .border-xxl-gray-3 {
    border-color: var(--color-gray-shade-7);
  }
  .border-xxl-gray-4 {
    border-color: var(--color-gray-shade-10);
  }
  .border-xxl-gray-5 {
    border-color: var(--color-gray-shade-13);
  }
  .border-xxl-gray-6 {
    border-color: var(--color-gray-shade-14);
  }
  .border-xxl-gray-7 {
    border-color: var(--color-gray-shade-15);
  }
  .border-xxl-blue-1 {
    border-color: var(--color-blue-shade-1);
  }
  .border-xxl-blue-2 {
    border-color: var(--color-blue-shade-2);
  }
  .border-xxl-blue-3 {
    border-color: var(--color-blue-shade-3);
  }
  .border-xxl-blue-4 {
    border-color: var(--color-blue-shade-4);
  }
  .border-xxl-blue-5 {
    border-color: var(--color-blue-shade-5);
  }
  .border-xxl-blue-6 {
    border-color: var(--color-blue-shade-6);
  }
  .border-xxl-blue-7 {
    border-color: var(--color-blue-shade-7);
  }
}
@media (min-width: 1920px) {
  .border-xxxl-black {
    border-color: #000;
  }
  .border-xxxl-white {
    border-color: #fff;
  }
  .border-xxxl-gray-1 {
    border-color: var(--color-gray-shade-1);
  }
  .border-xxxl-gray-2 {
    border-color: var(--color-gray-shade-4);
  }
  .border-xxxl-gray-3 {
    border-color: var(--color-gray-shade-7);
  }
  .border-xxxl-gray-4 {
    border-color: var(--color-gray-shade-10);
  }
  .border-xxxl-gray-5 {
    border-color: var(--color-gray-shade-13);
  }
  .border-xxxl-gray-6 {
    border-color: var(--color-gray-shade-14);
  }
  .border-xxxl-gray-7 {
    border-color: var(--color-gray-shade-15);
  }
  .border-xxxl-blue-1 {
    border-color: var(--color-blue-shade-1);
  }
  .border-xxxl-blue-2 {
    border-color: var(--color-blue-shade-2);
  }
  .border-xxxl-blue-3 {
    border-color: var(--color-blue-shade-3);
  }
  .border-xxxl-blue-4 {
    border-color: var(--color-blue-shade-4);
  }
  .border-xxxl-blue-5 {
    border-color: var(--color-blue-shade-5);
  }
  .border-xxxl-blue-6 {
    border-color: var(--color-blue-shade-6);
  }
  .border-xxxl-blue-7 {
    border-color: var(--color-blue-shade-7);
  }
}