:root {
  /* Block Sizes */
  --zro: 0.0rem;
  --one: 0.1rem;
  --two: 0.2rem;
  --tre: 0.3rem;
  --for: 0.4rem;
  --fiv: 0.5rem;
  --six: 0.6rem;
  --svn: 0.6rem;
  --eit: 0.8rem;
  --nin: 0.9rem;
  --ten: 1.0rem;
  /* Block Colors */
  --light: #f8f9fa;
  --info: #17a2b8;
  --primary: #007bff;
  --success: #28a745;
  --warning: #ffc107;
  --danger: #dc3545;
  --secondary: #6c757d;
  --dark: #343a40;
  /* Block Styles */
  --u: unset;
  --s: solid;
  --r: ridge;
  --o: outset;
  --n: none;
  --i: inset;
  --t: initial;
  --a: inherit;
  --h: hidden;
  --g: groove;
  --d: double;
  --p: dotted;
  --e: dashed;
}

.bn {
  border: 0;
  border: none;
  border-radius: 0;
}

/* ############################################################################################################ */
/* Border Sizes */
/* 0 */

.b-0,
.bt-0,
.btl-0,
.btr-0,
.by-0 {
  border-top: var(--zro) !important;
}

.b-0,
.br-0,
.btr-0,
.bbr-0,
.bx-0 {
  border-right: var(--zro) !important;
}

.b-0,
.bb-0,
.bbl-0,
.bbr-0,
.by-0 {
  border-bottom: var(--zro) !important;
}

.b-0,
.bl-0,
.btl-0,
.bbl-0,
.bx-0 {
  border-left: var(--zro) !important;
}

/* 1 */

.b-1,
.bt-1,
.btl-1,
.btr-1,
.by-1 {
  border-top: var(--one) !important;
}

.b-1,
.br-1,
.btr-1,
.bbr-1,
.bx-1 {
  border-right: var(--one) !important;
}

.b-1,
.bb-1,
.bbl-1,
.bbr-1,
.by-1 {
  border-bottom: var(--one) !important;
}

.b-1,
.bl-1,
.btl-1,
.bbl-1,
.bx-1 {
  border-left: var(--one) !important;
}

/* 2 */

.b-2,
.bt-2,
.btl-2,
.btr-2,
.by-2 {
  border-top: var(--two) !important;
}

.b-2,
.br-2,
.btr-2,
.bbr-2,
.bx-2 {
  border-right: var(--two) !important;
}

.b-2,
.bb-2,
.bbl-2,
.bbr-2,
.by-2 {
  border-bottom: var(--two) !important;
}

.b-2,
.bl-2,
.btl-2,
.bbl-2,
.bx-2 {
  border-left: var(--two) !important;
}

/* 3 */

.b-3,
.bt-3,
.btl-3,
.btr-3,
.by-3 {
  border-top: var(--tre) !important;
}

.b-3,
.br-3,
.btr-3,
.bbr-3,
.bx-3 {
  border-right: var(--tre) !important;
}

.b-3,
.bb-3,
.bbl-3,
.bbr-3,
.by-3 {
  border-bottom: var(--tre) !important;
}

.b-3,
.bl-3,
.btl-3,
.bbl-3,
.bx-3 {
  border-left: var(--tre) !important;
}

/* 4 */

.b-4,
.bt-4,
.btl-4,
.btr-4,
.by-4 {
  border-top: var(--for) !important;
}

.b-4,
.br-4,
.btr-4,
.bbr-4,
.bx-4 {
  border-right: var(--for) !important;
}

.b-4,
.bb-4,
.bbl-4,
.bbr-4,
.by-4 {
  border-bottom: var(--for) !important;
}

.b-4,
.bl-4,
.btl-4,
.bbl-4,
.bx-4 {
  border-left: var(--for) !important;
}

/* 5 */

.b-5,
.bt-5,
.btl-5,
.btr-5,
.by-5 {
  border-top: var(--fiv) !important;
}

.b-5,
.br-5,
.btr-5,
.bbr-5,
.bx-5 {
  border-right: var(--fiv) !important;
}

.b-5,
.bb-5,
.bbl-5,
.bbr-5,
.by-5 {
  border-bottom: var(--fiv) !important;
}

.b-5,
.bl-5,
.btl-5,
.bbl-5,
.bx-5 {
  border-left: var(--fiv) !important;
}

/* 6 */

.b-6,
.bt-6,
.btl-6,
.btr-6,
.by-6 {
  border-top: var(--six) !important;
}

.b-6,
.br-6,
.btr-6,
.bbr-6,
.bx-6 {
  border-right: var(--six) !important;
}

.b-6,
.bb-6,
.bbl-6,
.bbr-6,
.by-6 {
  border-bottom: var(--six) !important;
}

.b-6,
.bl-6,
.btl-6,
.bbl-6,
.bx-6 {
  border-left: var(--six) !important;
}

/* 7 */

.b-7,
.bt-7,
.btl-7,
.btr-7,
.by-7 {
  border-top: var(--svn) !important;
}

.b-7,
.br-7,
.btr-7,
.bbr-7,
.bx-7 {
  border-right: var(--svn) !important;
}

.b-7,
.bb-7,
.bbl-7,
.bbr-7,
.by-7 {
  border-bottom: var(--svn) !important;
}

.b-7,
.bl-7,
.btl-7,
.bbl-7,
.bx-7 {
  border-left: var(--svn) !important;
}

/* 8 */

.b-8,
.bt-8,
.btl-8,
.btr-8,
.by-8 {
  border-top: var(--eit) !important;
}

.b-8,
.br-8,
.btr-8,
.bbr-8,
.bx-8 {
  border-right: var(--eit) !important;
}

.b-8,
.bb-8,
.bbl-8,
.bbr-8,
.by-8 {
  border-bottom: var(--eit) !important;
}

.b-8,
.bl-8,
.btl-8,
.bbl-8,
.bx-8 {
  border-left: var(--eit) !important;
}

/* 9 */

.b-9,
.bt-9,
.btl-9,
.btr-9,
.by-9 {
  border-top: var(--nin) !important;
}

.b-9,
.br-9,
.btr-9,
.bbr-9,
.bx-9 {
  border-right: var(--nin) !important;
}

.b-9,
.bb-9,
.bbl-9,
.bbr-9,
.by-9 {
  border-bottom: var(--nin) !important;
}

.b-9,
.bl-9,
.btl-9,
.bbl-9,
.bx-9 {
  border-left: var(--nin) !important;
}

/* X */

.b-x,
.bt-x,
.btl-x,
.btr-x,
.by-x {
  border-top: var(--ten) !important;
}

.b-x,
.br-x,
.btr-x,
.bbr-x,
.bx-x {
  border-right: var(--ten) !important;
}

.b-x,
.bb-x,
.bbl-x,
.bbr-x,
.by-x {
  border-bottom: var(--ten) !important;
}

.b-x,
.bl-x,
.btl-x,
.bbl-x,
.bx-x {
  border-left: var(--ten) !important;
}

/* ############################################################################################################ */
/* Border Radiouses */
/* 0 */

.bc-0,
.bct-0,
.bcl-0,
.bcx-0,
.bc1-0 {
  border-top-left-radius: var(--zro) !important;
}

.bc-0,
.bct-0,
.bcr-0,
.bcy-0,
.bc2-0 {
  border-top-right-radius: var(--zro) !important;
}

.bc-0,
.bcb-0,
.bcl-0,
.bcy-0,
.bc3-0 {
  border-bottom-left-radius: var(--zro) !important;
}

.bc-0,
.bcb-0,
.bcr-0,
.bcx-0,
.bc4-0 {
  border-bottom-right-radius: var(--zro) !important;
}

/* 1 */

.bc-1,
.bct-1,
.bcl-1,
.bcx-1,
.bc1-1 {
  border-top-left-radius: var(--one) !important;
}

.bc-1,
.bct-1,
.bcr-1,
.bcy-1,
.bc2-1 {
  border-top-right-radius: var(--one) !important;
}

.bc-1,
.bcb-1,
.bcl-1,
.bcy-1,
.bc3-1 {
  border-bottom-left-radius: var(--one) !important;
}

.bc-1,
.bcb-1,
.bcr-1,
.bcx-1,
.bc4-1 {
  border-bottom-right-radius: var(--one) !important;
}

/* 2 */

.bc-2,
.bct-2,
.bcl-2,
.bcx-2,
.bc1-2 {
  border-top-left-radius: var(--two) !important;
}

.bc-2,
.bct-2,
.bcr-2,
.bcy-2,
.bc2-2 {
  border-top-right-radius: var(--two) !important;
}

.bc-2,
.bcb-2,
.bcl-2,
.bcy-2,
.bc3-2 {
  border-bottom-left-radius: var(--two) !important;
}

.bc-2,
.bcb-2,
.bcr-2,
.bcx-2,
.bc4-2 {
  border-bottom-right-radius: var(--two) !important;
}

/* 3 */

.bc-3,
.bct-3,
.bcl-3,
.bcx-3,
.bc1-3 {
  border-top-left-radius: var(--tre) !important;
}

.bc-3,
.bct-3,
.bcr-3,
.bcy-3,
.bc2-3 {
  border-top-right-radius: var(--tre) !important;
}

.bc-3,
.bcb-3,
.bcl-3,
.bcy-3,
.bc3-3 {
  border-bottom-left-radius: var(--tre) !important;
}

.bc-3,
.bcb-3,
.bcr-3,
.bcx-3,
.bc4-3 {
  border-bottom-right-radius: var(--tre) !important;
}

/* 4 */

.bc-4,
.bct-4,
.bcl-4,
.bcx-4,
.bc1-4 {
  border-top-left-radius: var(--for) !important;
}

.bc-4,
.bct-4,
.bcr-4,
.bcy-4,
.bc2-4 {
  border-top-right-radius: var(--for) !important;
}

.bc-4,
.bcb-4,
.bcl-4,
.bcy-4,
.bc3-4 {
  border-bottom-left-radius: var(--for) !important;
}

.bc-4,
.bcb-4,
.bcr-4,
.bcx-4,
.bc4-4 {
  border-bottom-right-radius: var(--for) !important;
}

/* 5 */

.bc-5,
.bct-5,
.bcl-5,
.bcx-5,
.bc1-5 {
  border-top-left-radius: var(--fiv) !important;
}

.bc-5,
.bct-5,
.bcr-5,
.bcy-5,
.bc2-5 {
  border-top-right-radius: var(--fiv) !important;
}

.bc-5,
.bcb-5,
.bcl-5,
.bcy-5,
.bc3-5 {
  border-bottom-left-radius: var(--fiv) !important;
}

.bc-5,
.bcb-5,
.bcr-5,
.bcx-5,
.bc4-5 {
  border-bottom-right-radius: var(--fiv) !important;
}

/* 6 */

.bc-6,
.bct-6,
.bcl-6,
.bcx-6,
.bc1-6 {
  border-top-left-radius: var(--six) !important;
}

.bc-6,
.bct-6,
.bcr-6,
.bcy-6,
.bc2-6 {
  border-top-right-radius: var(--six) !important;
}

.bc-6,
.bcb-6,
.bcl-6,
.bcy-6,
.bc3-6 {
  border-bottom-left-radius: var(--six) !important;
}

.bc-6,
.bcb-6,
.bcr-6,
.bcx-6,
.bc4-6 {
  border-bottom-right-radius: var(--six) !important;
}

/* 7 */

.bc-7,
.bct-7,
.bcl-7,
.bcx-7,
.bc1-7 {
  border-top-left-radius: var(--svn) !important;
}

.bc-7,
.bct-7,
.bcr-7,
.bcy-7,
.bc2-7 {
  border-top-right-radius: var(--svn) !important;
}

.bc-7,
.bcb-7,
.bcl-7,
.bcy-7,
.bc3-7 {
  border-bottom-left-radius: var(--svn) !important;
}

.bc-7,
.bcb-7,
.bcr-7,
.bcx-7,
.bc4-7 {
  border-bottom-right-radius: var(--svn) !important;
}

/* 8 */

.bc-8,
.bct-8,
.bcl-8,
.bcx-8,
.bc1-8 {
  border-top-left-radius: var(--eit) !important;
}

.bc-8,
.bct-8,
.bcr-8,
.bcy-8,
.bc2-8 {
  border-top-right-radius: var(--eit) !important;
}

.bc-8,
.bcb-8,
.bcl-8,
.bcy-8,
.bc3-8 {
  border-bottom-left-radius: var(--eit) !important;
}

.bc-8,
.bcb-8,
.bcr-8,
.bcx-8,
.bc4-8 {
  border-bottom-right-radius: var(--eit) !important;
}

/* 9 */

.bc-9,
.bct-9,
.bcl-9,
.bcx-9,
.bc1-9 {
  border-top-left-radius: var(--nin) !important;
}

.bc-9,
.bct-9,
.bcr-9,
.bcy-9,
.bc2-9 {
  border-top-right-radius: var(--nin) !important;
}

.bc-9,
.bcb-9,
.bcl-9,
.bcy-9,
.bc3-9 {
  border-bottom-left-radius: var(--nin) !important;
}

.bc-9,
.bcb-9,
.bcr-9,
.bcx-9,
.bc4-9 {
  border-bottom-right-radius: var(--nin) !important;
}

/* X */

.bc-x,
.bct-x,
.bcl-x,
.bcx-x,
.bc1-x {
  border-top-left-radius: var(--ten) !important;
}

.bc-x,
.bct-x,
.bcr-x,
.bcy-x,
.bc2-x {
  border-top-right-radius: var(--ten) !important;
}

.bc-x,
.bcb-x,
.bcl-x,
.bcy-x,
.bc3-x {
  border-bottom-left-radius: var(--ten) !important;
}

.bc-x,
.bcb-x,
.bcr-x,
.bcx-x,
.bc4-x {
  border-bottom-right-radius: var(--ten) !important;
}

/* ############################################################################################################ */
/* Border Styles */
/* Unset */

.b-u,
.bt-u,
.btl-u,
.btr-u,
.by-u {
  border-top-style: var(--u) !important;
}
.b-u,
.bb-u,
.bbl-u,
.bbr-u,
.by-u {
  border-bottom-style: var(--u) !important;
}
.b-u,
.bl-u,
.btl-u,
.bbl-u,
.bx-u {
  border-left-style: var(--u) !important;
}
.b-u,
.br-u,
.btr-u,
.bbr-u,
.bx-u {
  border-right-style: var(--u) !important;
}

/* Solid */

.b-s,
.bt-s,
.btl-s,
.btr-s,
.by-s {
  border-top-style: var(--s) !important;
}
.b-s,
.bb-s,
.bbl-s,
.bbr-s,
.by-s {
  border-bottom-style: var(--s) !important;
}
.b-s,
.bl-s,
.btl-s,
.bbl-s,
.bx-s {
  border-left-style: var(--s) !important;
}
.b-s,
.br-s,
.btr-s,
.bbr-s,
.bx-s {
  border-right-style: var(--s) !important;
}

/* Ridge */

.b-r,
.bt-r,
.btl-r,
.btr-r,
.by-r {
  border-top-style: var(--r) !important;
}
.b-r,
.bb-r,
.bbl-r,
.bbr-r,
.by-r {
  border-bottom-style: var(--r) !important;
}
.b-r,
.bl-r,
.btl-r,
.bbl-r,
.bx-r {
  border-left-style: var(--r) !important;
}
.b-r,
.br-r,
.btr-r,
.bbr-r,
.bx-r {
  border-right-style: var(--r) !important;
}

/* Outset */

.b-o,
.bt-o,
.btl-o,
.btr-o,
.by-o {
  border-top-style: var(--o) !important;
}
.b-o,
.bb-o,
.bbl-o,
.bbr-o,
.by-o {
  border-bottom-style: var(--o) !important;
}
.b-o,
.bl-o,
.btl-o,
.bbl-o,
.bx-o {
  border-left-style: var(--o) !important;
}
.b-o,
.br-o,
.btr-o,
.bbr-o,
.bx-o {
  border-right-style: var(--o) !important;
}

/* None */

.b-n,
.bt-n,
.btl-n,
.btr-n,
.by-n {
  border-top-style: var(--n) !important;
}
.b-n,
.bb-n,
.bbl-n,
.bbr-n,
.by-n {
  border-bottom-style: var(--n) !important;
}
.b-n,
.bl-n,
.btl-n,
.bbl-n,
.bx-n {
  border-left-style: var(--n) !important;
}
.b-n,
.br-n,
.btr-n,
.bbr-n,
.bx-n {
  border-right-style: var(--n) !important;
}

/* Inset */

.b-i,
.bt-i,
.btl-i,
.btr-i,
.by-i {
  border-top-style: var(--i) !important;
}
.b-i,
.bb-i,
.bbl-i,
.bbr-i,
.by-i {
  border-bottom-style: var(--i) !important;
}
.b-i,
.bl-i,
.btl-i,
.bbl-i,
.bx-i {
  border-left-style: var(--i) !important;
}
.b-i,
.br-i,
.btr-i,
.bbr-i,
.bx-i {
  border-right-style: var(--i) !important;
}

/* Initial */

.b-t,
.bt-t,
.btl-t,
.btr-t,
.by-t {
  border-top-style: var(--t) !important;
}
.b-t,
.bb-t,
.bbl-t,
.bbr-t,
.by-t {
  border-bottom-style: var(--t) !important;
}
.b-t,
.bl-t,
.btl-t,
.bbl-t,
.bx-t {
  border-left-style: var(--t) !important;
}
.b-t,
.br-t,
.btr-t,
.bbr-t,
.bx-t {
  border-right-style: var(--t) !important;
}

/* Inherit */

.b-a,
.bt-a,
.btl-a,
.btr-a,
.by-a {
  border-top-style: var(--a) !important;
}
.b-a,
.bb-a,
.bbl-a,
.bbr-a,
.by-a {
  border-bottom-style: var(--a) !important;
}
.b-a,
.bl-a,
.btl-a,
.bbl-a,
.bx-a {
  border-left-style: var(--a) !important;
}
.b-a,
.br-a,
.btr-a,
.bbr-a,
.bx-a {
  border-right-style: var(--a) !important;
}

/* Hidden */

.b-h,
.bt-h,
.btl-h,
.btr-h,
.by-h {
  border-top-style: var(--h) !important;
}
.b-h,
.bb-h,
.bbl-h,
.bbr-h,
.by-h {
  border-bottom-style: var(--h) !important;
}
.b-h,
.bl-h,
.btl-h,
.bbl-h,
.bx-h {
  border-left-style: var(--h) !important;
}
.b-h,
.br-h,
.btr-h,
.bbr-h,
.bx-h {
  border-right-style: var(--h) !important;
}

/* Groove */

.b-g,
.bt-g,
.btl-g,
.btr-g,
.by-g {
  border-top-style: var(--g) !important;
}
.b-g,
.bb-g,
.bbl-g,
.bbr-g,
.by-g {
  border-bottom-style: var(--g) !important;
}
.b-g,
.bl-g,
.btl-g,
.bbl-g,
.bx-g {
  border-left-style: var(--g) !important;
}
.b-g,
.br-g,
.btr-g,
.bbr-g,
.bx-g {
  border-right-style: var(--g) !important;
}

/* Double */

.b-d,
.bt-d,
.btl-d,
.btr-d,
.by-d {
  border-top-style: var(--d) !important;
}
.b-d,
.bb-d,
.bbl-d,
.bbr-d,
.by-d {
  border-bottom-style: var(--d) !important;
}
.b-d,
.bl-d,
.btl-d,
.bbl-d,
.bx-d {
  border-left-style: var(--d) !important;
}
.b-d,
.br-d,
.btr-d,
.bbr-d,
.bx-d {
  border-right-style: var(--d) !important;
}

/* Dotted */

.b-p,
.bt-p,
.btl-p,
.btr-p,
.by-p {
  border-top-style: var(--p) !important;
}
.b-p,
.bb-p,
.bbl-p,
.bbr-p,
.by-p {
  border-bottom-style: var(--p) !important;
}
.b-p,
.bl-p,
.btl-p,
.bbl-p,
.bx-p {
  border-left-style: var(--p) !important;
}
.b-p,
.br-p,
.btr-p,
.bbr-p,
.bx-p {
  border-right-style: var(--p) !important;
}

/* Dashed */

.b-e,
.bt-e,
.btl-e,
.btr-e,
.by-e {
  border-top-style: var(--e) !important;
}
.b-e,
.bb-e,
.bbl-e,
.bbr-e,
.by-e {
  border-bottom-style: var(--e) !important;
}
.b-e,
.bl-e,
.btl-e,
.bbl-e,
.bx-e {
  border-left-style: var(--e) !important;
}
.b-e,
.br-e,
.btr-e,
.bbr-e,
.bx-e {
  border-right-style: var(--e) !important;
}

/* ############################################################################################################ */
/* Border Colors */
/* Success */

.b-success,
.btl-success,
.btr-success,
.by-success,
.bt-success {
  border-top-color: var(--success) !important;
}

.b-success,
.bbl-success,
.bbr-success,
.by-success,
.bb-success {
  border-bottom-color: var(--success) !important;
}

.b-success,
.btl-success,
.bbl-success,
.bx-success,
.bl-success {
  border-left-color: var(--success) !important;
}

.b-success,
.btr-success,
.bbr-success,
.bx-success,
.br-success {
  border-right-color: var(--success) !important;
}

/* Info */

.b-info,
.btl-info,
.btr-info,
.by-info,
.bt-info {
  border-top-color: var(--info) !important;
}

.b-info,
.bbl-info,
.bbr-info,
.by-info,
.bb-info {
  border-bottom-color: var(--info) !important;
}

.b-info,
.btl-info,
.bbl-info,
.bx-info,
.bl-info {
  border-left-color: var(--info) !important;
}

.b-info,
.btr-info,
.bbr-info,
.bx-info,
.br-info {
  border-right-color: var(--info) !important;
}

/* Secondary */

.b-secondary,
.btl-secondary,
.btr-secondary,
.by-secondary,
.bt-secondary {
  border-top-color: var(--secondary) !important;
}

.b-secondary,
.bbl-secondary,
.bbr-secondary,
.by-secondary,
.bb-secondary {
  border-bottom-color: var(--secondary) !important;
}

.b-secondary,
.btl-secondary,
.bbl-secondary,
.bx-secondary,
.bl-secondary {
  border-left-color: var(--secondary) !important;
}

.b-secondary,
.btr-secondary,
.bbr-secondary,
.bx-secondary,
.br-secondary {
  border-right-color: var(--secondary) !important;
}

/* Danger */

.b-danger,
.btl-danger,
.btr-danger,
.by-danger,
.bt-danger {
  border-top-color: var(--danger) !important;
}

.b-danger,
.bbl-danger,
.bbr-danger,
.by-danger,
.bb-danger {
  border-bottom-color: var(--danger) !important;
}

.b-danger,
.btl-danger,
.bbl-danger,
.bx-danger,
.bl-danger {
  border-left-color: var(--danger) !important;
}

.b-danger,
.btr-danger,
.bbr-danger,
.bx-danger,
.br-danger {
  border-right-color: var(--danger) !important;
}

/* Warning */

.b-warning,
.btl-warning,
.btr-warning,
.by-warning,
.bt-warning {
  border-top-color: var(--warning) !important;
}

.b-warning,
.bbl-warning,
.bbr-warning,
.by-warning,
.bb-warning {
  border-bottom-color: var(--warning) !important;
}

.b-warning,
.btl-warning,
.bbl-warning,
.bx-warning,
.bl-warning {
  border-left-color: var(--warning) !important;
}

.b-warning,
.btr-warning,
.bbr-warning,
.bx-warning,
.br-warning {
  border-right-color: var(--warning) !important;
}

/* Dark */

.b-dark,
.btl-dark,
.btr-dark,
.by-dark,
.bt-dark {
  border-top-color: var(--dark) !important;
}

.b-dark,
.bbl-dark,
.bbr-dark,
.by-dark,
.bb-dark {
  border-bottom-color: var(--dark) !important;
}

.b-dark,
.btl-dark,
.bbl-dark,
.bx-dark,
.bl-dark {
  border-left-color: var(--dark) !important;
}

.b-dark,
.btr-dark,
.bbr-dark,
.bx-dark,
.br-dark {
  border-right-color: var(--dark) !important;
}

/* Light */

.b-light,
.btl-light,
.btr-light,
.by-light,
.bt-light {
  border-top-color: var(--light) !important;
}

.b-light,
.bbl-light,
.bbr-light,
.by-light,
.bb-light {
  border-bottom-color: var(--light) !important;
}

.b-light,
.btl-light,
.bbl-light,
.bx-light,
.bl-light {
  border-left-color: var(--light) !important;
}

.b-light,
.btr-light,
.bbr-light,
.bx-light,
.br-light {
  border-right-color: var(--light) !important;
}

/* Primary */

.b-primary,
.btl-primary,
.btr-primary,
.by-primary,
.bt-primary {
  border-top-color: var(--primary) !important;
}

.b-primary,
.bbl-primary,
.bbr-primary,
.by-primary,
.bb-primary {
  border-bottom-color: var(--primary) !important;
}

.b-primary,
.btl-primary,
.bbl-primary,
.bx-primary,
.bl-primary {
  border-left-color: var(--primary) !important;
}

.b-primary,
.btr-primary,
.bbr-primary,
.bx-primary,
.br-primary {
  border-right-color: var(--primary) !important;
}

/* ############################################################################################################ */

.test {
  color: 0;
}