@inkline/inkline/css/utilities.css

Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building high-quality, accessible, and customizable Vue.js 3 Design Systems.

._default\:visible,
._default\:visible\!,
._xs\:visible,
._xs\:visible\!,
._sm\:visible,
._sm\:visible\!,
._md\:visible,
._md\:visible\!,
._lg\:visible,
._lg\:visible\!,
._xl\:visible,
._xl\:visible\!,
._xxl\:visible,
._xxl\:visible\! {
  display: none !important;
}

._border {
  border-top-width: var(--border-top-width);
  border-top-style: var(--border-top-style);
  border-top-color: var(--border-top-color);
  border-right-width: var(--border-right-width);
  border-right-style: var(--border-right-style);
  border-right-color: var(--border-right-color);
  border-bottom-width: var(--border-bottom-width);
  border-bottom-style: var(--border-bottom-style);
  border-bottom-color: var(--border-bottom-color);
  border-left-width: var(--border-left-width);
  border-left-style: var(--border-left-style);
  border-left-color: var(--border-left-color);
}

._border-bottom {
  border-bottom-width: var(--border-bottom-width);
  border-bottom-style: var(--border-bottom-style);
  border-bottom-color: var(--border-bottom-color);
}

._border-bottom-color\:black {
  border-bottom-color: var(--color-black);
}

._border-bottom-color\:black\! {
  border-bottom-color: var(--color-black) !important;
}

._border-bottom-color\:blue {
  border-bottom-color: var(--color-blue);
}

._border-bottom-color\:blue\! {
  border-bottom-color: var(--color-blue) !important;
}

._border-bottom-color\:danger {
  border-bottom-color: var(--color-danger);
}

._border-bottom-color\:danger\! {
  border-bottom-color: var(--color-danger) !important;
}

._border-bottom-color\:dark {
  border-bottom-color: var(--color-dark);
}

._border-bottom-color\:dark\! {
  border-bottom-color: var(--color-dark) !important;
}

._border-bottom-color\:gray {
  border-bottom-color: var(--color-gray);
}

._border-bottom-color\:gray\! {
  border-bottom-color: var(--color-gray) !important;
}

._border-bottom-color\:green {
  border-bottom-color: var(--color-green);
}

._border-bottom-color\:green\! {
  border-bottom-color: var(--color-green) !important;
}

._border-bottom-color\:info {
  border-bottom-color: var(--color-info);
}

._border-bottom-color\:info\! {
  border-bottom-color: var(--color-info) !important;
}

._border-bottom-color\:light {
  border-bottom-color: var(--color-light);
}

._border-bottom-color\:light\! {
  border-bottom-color: var(--color-light) !important;
}

._border-bottom-color\:orange {
  border-bottom-color: var(--color-orange);
}

._border-bottom-color\:orange\! {
  border-bottom-color: var(--color-orange) !important;
}

._border-bottom-color\:pink {
  border-bottom-color: var(--color-pink);
}

._border-bottom-color\:pink\! {
  border-bottom-color: var(--color-pink) !important;
}

._border-bottom-color\:primary {
  border-bottom-color: var(--color-primary);
}

._border-bottom-color\:primary\! {
  border-bottom-color: var(--color-primary) !important;
}

._border-bottom-color\:purple {
  border-bottom-color: var(--color-purple);
}

._border-bottom-color\:purple\! {
  border-bottom-color: var(--color-purple) !important;
}

._border-bottom-color\:red {
  border-bottom-color: var(--color-red);
}

._border-bottom-color\:red\! {
  border-bottom-color: var(--color-red) !important;
}

._border-bottom-color\:secondary {
  border-bottom-color: var(--color-secondary);
}

._border-bottom-color\:secondary\! {
  border-bottom-color: var(--color-secondary) !important;
}

._border-bottom-color\:success {
  border-bottom-color: var(--color-success);
}

._border-bottom-color\:success\! {
  border-bottom-color: var(--color-success) !important;
}

._border-bottom-color\:teal {
  border-bottom-color: var(--color-teal);
}

._border-bottom-color\:teal\! {
  border-bottom-color: var(--color-teal) !important;
}

._border-bottom-color\:warning {
  border-bottom-color: var(--color-warning);
}

._border-bottom-color\:warning\! {
  border-bottom-color: var(--color-warning) !important;
}

._border-bottom-color\:white {
  border-bottom-color: var(--color-white);
}

._border-bottom-color\:white\! {
  border-bottom-color: var(--color-white) !important;
}

._border-bottom-color\:yellow {
  border-bottom-color: var(--color-yellow);
}

._border-bottom-color\:yellow\! {
  border-bottom-color: var(--color-yellow) !important;
}

._border-bottom-style\:dashed {
  border-bottom-style: dashed;
}

._border-bottom-style\:dashed\! {
  border-bottom-style: dashed !important;
}

._border-bottom-style\:dotted {
  border-bottom-style: dotted;
}

._border-bottom-style\:dotted\! {
  border-bottom-style: dotted !important;
}

._border-bottom-style\:double {
  border-bottom-style: double;
}

._border-bottom-style\:double\! {
  border-bottom-style: double !important;
}

._border-bottom-style\:groove {
  border-bottom-style: groove;
}

._border-bottom-style\:groove\! {
  border-bottom-style: groove !important;
}

._border-bottom-style\:hidden {
  border-bottom-style: hidden;
}

._border-bottom-style\:hidden\! {
  border-bottom-style: hidden !important;
}

._border-bottom-style\:inset {
  border-bottom-style: inset;
}

._border-bottom-style\:inset\! {
  border-bottom-style: inset !important;
}

._border-bottom-style\:none {
  border-bottom-style: none;
}

._border-bottom-style\:none\! {
  border-bottom-style: none !important;
}

._border-bottom-style\:outset {
  border-bottom-style: outset;
}

._border-bottom-style\:outset\! {
  border-bottom-style: outset !important;
}

._border-bottom-style\:ridge {
  border-bottom-style: ridge;
}

._border-bottom-style\:ridge\! {
  border-bottom-style: ridge !important;
}

._border-bottom-style\:solid {
  border-bottom-style: solid;
}

._border-bottom-style\:solid\! {
  border-bottom-style: solid !important;
}

._border-bottom-width {
  border-bottom-width: var(--border-bottom-width);
}

._border-bottom-width\:0 {
  border-bottom-width: calc(var(--border-bottom-width) * 0);
}

._border-bottom-width\:0\! {
  border-bottom-width: calc(var(--border-bottom-width) * 0) !important;
}

._border-bottom-width\:1 {
  border-bottom-width: calc(var(--border-bottom-width) * 1);
}

._border-bottom-width\:1\! {
  border-bottom-width: calc(var(--border-bottom-width) * 1) !important;
}

._border-bottom-width\:2 {
  border-bottom-width: calc(var(--border-bottom-width) * 2);
}

._border-bottom-width\:2\! {
  border-bottom-width: calc(var(--border-bottom-width) * 2) !important;
}

._border-bottom-width\:3 {
  border-bottom-width: calc(var(--border-bottom-width) * 3);
}

._border-bottom-width\:3\! {
  border-bottom-width: calc(var(--border-bottom-width) * 3) !important;
}

._border-bottom-width\:4 {
  border-bottom-width: calc(var(--border-bottom-width) * 4);
}

._border-bottom-width\:4\! {
  border-bottom-width: calc(var(--border-bottom-width) * 4) !important;
}

._border-bottom-width\! {
  border-bottom-width: var(--border-bottom-width) !important;
}

._border-bottom\:0 {
  border-bottom-width: calc(var(--border-bottom-width) * 0);
  border-bottom-style: var(--border-bottom-style);
  border-bottom-color: var(--border-bottom-color);
}

._border-bottom\:0\! {
  border-bottom-width: calc(var(--border-bottom-width) * 0) !important;
  border-bottom-style: var(--border-bottom-style) !important;
  border-bottom-color: var(--border-bottom-color) !important;
}

._border-bottom\:1 {
  border-bottom-width: calc(var(--border-bottom-width) * 1);
  border-bottom-style: var(--border-bottom-style);
  border-bottom-color: var(--border-bottom-color);
}

._border-bottom\:1\! {
  border-bottom-width: calc(var(--border-bottom-width) * 1) !important;
  border-bottom-style: var(--border-bottom-style) !important;
  border-bottom-color: var(--border-bottom-color) !important;
}

._border-bottom\:2 {
  border-bottom-width: calc(var(--border-bottom-width) * 2);
  border-bottom-style: var(--border-bottom-style);
  border-bottom-color: var(--border-bottom-color);
}

._border-bottom\:2\! {
  border-bottom-width: calc(var(--border-bottom-width) * 2) !important;
  border-bottom-style: var(--border-bottom-style) !important;
  border-bottom-color: var(--border-bottom-color) !important;
}

._border-bottom\:3 {
  border-bottom-width: calc(var(--border-bottom-width) * 3);
  border-bottom-style: var(--border-bottom-style);
  border-bottom-color: var(--border-bottom-color);
}

._border-bottom\:3\! {
  border-bottom-width: calc(var(--border-bottom-width) * 3) !important;
  border-bottom-style: var(--border-bottom-style) !important;
  border-bottom-color: var(--border-bottom-color) !important;
}

._border-bottom\:4 {
  border-bottom-width: calc(var(--border-bottom-width) * 4);
  border-bottom-style: var(--border-bottom-style);
  border-bottom-color: var(--border-bottom-color);
}

._border-bottom\:4\! {
  border-bottom-width: calc(var(--border-bottom-width) * 4) !important;
  border-bottom-style: var(--border-bottom-style) !important;
  border-bottom-color: var(--border-bottom-color) !important;
}

._border-bottom\! {
  border-bottom-width: var(--border-bottom-width) !important;
  border-bottom-style: var(--border-bottom-style) !important;
  border-bottom-color: var(--border-bottom-color) !important;
}

._border-color\:black {
  border-top-color: var(--color-black);
  border-right-color: var(--color-black);
  border-bottom-color: var(--color-black);
  border-left-color: var(--color-black);
}

._border-color\:black\! {
  border-top-color: var(--color-black) !important;
  border-right-color: var(--color-black) !important;
  border-bottom-color: var(--color-black) !important;
  border-left-color: var(--color-black) !important;
}

._border-color\:blue {
  border-top-color: var(--color-blue);
  border-right-color: var(--color-blue);
  border-bottom-color: var(--color-blue);
  border-left-color: var(--color-blue);
}

._border-color\:blue\! {
  border-top-color: var(--color-blue) !important;
  border-right-color: var(--color-blue) !important;
  border-bottom-color: var(--color-blue) !important;
  border-left-color: var(--color-blue) !important;
}

._border-color\:danger {
  border-top-color: var(--color-danger);
  border-right-color: var(--color-danger);
  border-bottom-color: var(--color-danger);
  border-left-color: var(--color-danger);
}

._border-color\:danger\! {
  border-top-color: var(--color-danger) !important;
  border-right-color: var(--color-danger) !important;
  border-bottom-color: var(--color-danger) !important;
  border-left-color: var(--color-danger) !important;
}

._border-color\:dark {
  border-top-color: var(--color-dark);
  border-right-color: var(--color-dark);
  border-bottom-color: var(--color-dark);
  border-left-color: var(--color-dark);
}

._border-color\:dark\! {
  border-top-color: var(--color-dark) !important;
  border-right-color: var(--color-dark) !important;
  border-bottom-color: var(--color-dark) !important;
  border-left-color: var(--color-dark) !important;
}

._border-color\:gray {
  border-top-color: var(--color-gray);
  border-right-color: var(--color-gray);
  border-bottom-color: var(--color-gray);
  border-left-color: var(--color-gray);
}

._border-color\:gray\! {
  border-top-color: var(--color-gray) !important;
  border-right-color: var(--color-gray) !important;
  border-bottom-color: var(--color-gray) !important;
  border-left-color: var(--color-gray) !important;
}

._border-color\:green {
  border-top-color: var(--color-green);
  border-right-color: var(--color-green);
  border-bottom-color: var(--color-green);
  border-left-color: var(--color-green);
}

._border-color\:green\! {
  border-top-color: var(--color-green) !important;
  border-right-color: var(--color-green) !important;
  border-bottom-color: var(--color-green) !important;
  border-left-color: var(--color-green) !important;
}

._border-color\:info {
  border-top-color: var(--color-info);
  border-right-color: var(--color-info);
  border-bottom-color: var(--color-info);
  border-left-color: var(--color-info);
}

._border-color\:info\! {
  border-top-color: var(--color-info) !important;
  border-right-color: var(--color-info) !important;
  border-bottom-color: var(--color-info) !important;
  border-left-color: var(--color-info) !important;
}

._border-color\:light {
  border-top-color: var(--color-light);
  border-right-color: var(--color-light);
  border-bottom-color: var(--color-light);
  border-left-color: var(--color-light);
}

._border-color\:light\! {
  border-top-color: var(--color-light) !important;
  border-right-color: var(--color-light) !important;
  border-bottom-color: var(--color-light) !important;
  border-left-color: var(--color-light) !important;
}

._border-color\:orange {
  border-top-color: var(--color-orange);
  border-right-color: var(--color-orange);
  border-bottom-color: var(--color-orange);
  border-left-color: var(--color-orange);
}

._border-color\:orange\! {
  border-top-color: var(--color-orange) !important;
  border-right-color: var(--color-orange) !important;
  border-bottom-color: var(--color-orange) !important;
  border-left-color: var(--color-orange) !important;
}

._border-color\:pink {
  border-top-color: var(--color-pink);
  border-right-color: var(--color-pink);
  border-bottom-color: var(--color-pink);
  border-left-color: var(--color-pink);
}

._border-color\:pink\! {
  border-top-color: var(--color-pink) !important;
  border-right-color: var(--color-pink) !important;
  border-bottom-color: var(--color-pink) !important;
  border-left-color: var(--color-pink) !important;
}

._border-color\:primary {
  border-top-color: var(--color-primary);
  border-right-color: var(--color-primary);
  border-bottom-color: var(--color-primary);
  border-left-color: var(--color-primary);
}

._border-color\:primary\! {
  border-top-color: var(--color-primary) !important;
  border-right-color: var(--color-primary) !important;
  border-bottom-color: var(--color-primary) !important;
  border-left-color: var(--color-primary) !important;
}

._border-color\:purple {
  border-top-color: var(--color-purple);
  border-right-color: var(--color-purple);
  border-bottom-color: var(--color-purple);
  border-left-color: var(--color-purple);
}

._border-color\:purple\! {
  border-top-color: var(--color-purple) !important;
  border-right-color: var(--color-purple) !important;
  border-bottom-color: var(--color-purple) !important;
  border-left-color: var(--color-purple) !important;
}

._border-color\:red {
  border-top-color: var(--color-red);
  border-right-color: var(--color-red);
  border-bottom-color: var(--color-red);
  border-left-color: var(--color-red);
}

._border-color\:red\! {
  border-top-color: var(--color-red) !important;
  border-right-color: var(--color-red) !important;
  border-bottom-color: var(--color-red) !important;
  border-left-color: var(--color-red) !important;
}

._border-color\:secondary {
  border-top-color: var(--color-secondary);
  border-right-color: var(--color-secondary);
  border-bottom-color: var(--color-secondary);
  border-left-color: var(--color-secondary);
}

._border-color\:secondary\! {
  border-top-color: var(--color-secondary) !important;
  border-right-color: var(--color-secondary) !important;
  border-bottom-color: var(--color-secondary) !important;
  border-left-color: var(--color-secondary) !important;
}

._border-color\:success {
  border-top-color: var(--color-success);
  border-right-color: var(--color-success);
  border-bottom-color: var(--color-success);
  border-left-color: var(--color-success);
}

._border-color\:success\! {
  border-top-color: var(--color-success) !important;
  border-right-color: var(--color-success) !important;
  border-bottom-color: var(--color-success) !important;
  border-left-color: var(--color-success) !important;
}

._border-color\:teal {
  border-top-color: var(--color-teal);
  border-right-color: var(--color-teal);
  border-bottom-color: var(--color-teal);
  border-left-color: var(--color-teal);
}

._border-color\:teal\! {
  border-top-color: var(--color-teal) !important;
  border-right-color: var(--color-teal) !important;
  border-bottom-color: var(--color-teal) !important;
  border-left-color: var(--color-teal) !important;
}

._border-color\:warning {
  border-top-color: var(--color-warning);
  border-right-color: var(--color-warning);
  border-bottom-color: var(--color-warning);
  border-left-color: var(--color-warning);
}

._border-color\:warning\! {
  border-top-color: var(--color-warning) !important;
  border-right-color: var(--color-warning) !important;
  border-bottom-color: var(--color-warning) !important;
  border-left-color: var(--color-warning) !important;
}

._border-color\:white {
  border-top-color: var(--color-white);
  border-right-color: var(--color-white);
  border-bottom-color: var(--color-white);
  border-left-color: var(--color-white);
}

._border-color\:white\! {
  border-top-color: var(--color-white) !important;
  border-right-color: var(--color-white) !important;
  border-bottom-color: var(--color-white) !important;
  border-left-color: var(--color-white) !important;
}

._border-color\:yellow {
  border-top-color: var(--color-yellow);
  border-right-color: var(--color-yellow);
  border-bottom-color: var(--color-yellow);
  border-left-color: var(--color-yellow);
}

._border-color\:yellow\! {
  border-top-color: var(--color-yellow) !important;
  border-right-color: var(--color-yellow) !important;
  border-bottom-color: var(--color-yellow) !important;
  border-left-color: var(--color-yellow) !important;
}

._border-left {
  border-left-width: var(--border-left-width);
  border-left-style: var(--border-left-style);
  border-left-color: var(--border-left-color);
}

._border-left-color\:black {
  border-left-color: var(--color-black);
}

._border-left-color\:black\! {
  border-left-color: var(--color-black) !important;
}

._border-left-color\:blue {
  border-left-color: var(--color-blue);
}

._border-left-color\:blue\! {
  border-left-color: var(--color-blue) !important;
}

._border-left-color\:danger {
  border-left-color: var(--color-danger);
}

._border-left-color\:danger\! {
  border-left-color: var(--color-danger) !important;
}

._border-left-color\:dark {
  border-left-color: var(--color-dark);
}

._border-left-color\:dark\! {
  border-left-color: var(--color-dark) !important;
}

._border-left-color\:gray {
  border-left-color: var(--color-gray);
}

._border-left-color\:gray\! {
  border-left-color: var(--color-gray) !important;
}

._border-left-color\:green {
  border-left-color: var(--color-green);
}

._border-left-color\:green\! {
  border-left-color: var(--color-green) !important;
}

._border-left-color\:info {
  border-left-color: var(--color-info);
}

._border-left-color\:info\! {
  border-left-color: var(--color-info) !important;
}

._border-left-color\:light {
  border-left-color: var(--color-light);
}

._border-left-color\:light\! {
  border-left-color: var(--color-light) !important;
}

._border-left-color\:orange {
  border-left-color: var(--color-orange);
}

._border-left-color\:orange\! {
  border-left-color: var(--color-orange) !important;
}

._border-left-color\:pink {
  border-left-color: var(--color-pink);
}

._border-left-color\:pink\! {
  border-left-color: var(--color-pink) !important;
}

._border-left-color\:primary {
  border-left-color: var(--color-primary);
}

._border-left-color\:primary\! {
  border-left-color: var(--color-primary) !important;
}

._border-left-color\:purple {
  border-left-color: var(--color-purple);
}

._border-left-color\:purple\! {
  border-left-color: var(--color-purple) !important;
}

._border-left-color\:red {
  border-left-color: var(--color-red);
}

._border-left-color\:red\! {
  border-left-color: var(--color-red) !important;
}

._border-left-color\:secondary {
  border-left-color: var(--color-secondary);
}

._border-left-color\:secondary\! {
  border-left-color: var(--color-secondary) !important;
}

._border-left-color\:success {
  border-left-color: var(--color-success);
}

._border-left-color\:success\! {
  border-left-color: var(--color-success) !important;
}

._border-left-color\:teal {
  border-left-color: var(--color-teal);
}

._border-left-color\:teal\! {
  border-left-color: var(--color-teal) !important;
}

._border-left-color\:warning {
  border-left-color: var(--color-warning);
}

._border-left-color\:warning\! {
  border-left-color: var(--color-warning) !important;
}

._border-left-color\:white {
  border-left-color: var(--color-white);
}

._border-left-color\:white\! {
  border-left-color: var(--color-white) !important;
}

._border-left-color\:yellow {
  border-left-color: var(--color-yellow);
}

._border-left-color\:yellow\! {
  border-left-color: var(--color-yellow) !important;
}

._border-left-style\:dashed {
  border-left-style: dashed;
}

._border-left-style\:dashed\! {
  border-left-style: dashed !important;
}

._border-left-style\:dotted {
  border-left-style: dotted;
}

._border-left-style\:dotted\! {
  border-left-style: dotted !important;
}

._border-left-style\:double {
  border-left-style: double;
}

._border-left-style\:double\! {
  border-left-style: double !important;
}

._border-left-style\:groove {
  border-left-style: groove;
}

._border-left-style\:groove\! {
  border-left-style: groove !important;
}

._border-left-style\:hidden {
  border-left-style: hidden;
}

._border-left-style\:hidden\! {
  border-left-style: hidden !important;
}

._border-left-style\:inset {
  border-left-style: inset;
}

._border-left-style\:inset\! {
  border-left-style: inset !important;
}

._border-left-style\:none {
  border-left-style: none;
}

._border-left-style\:none\! {
  border-left-style: none !important;
}

._border-left-style\:outset {
  border-left-style: outset;
}

._border-left-style\:outset\! {
  border-left-style: outset !important;
}

._border-left-style\:ridge {
  border-left-style: ridge;
}

._border-left-style\:ridge\! {
  border-left-style: ridge !important;
}

._border-left-style\:solid {
  border-left-style: solid;
}

._border-left-style\:solid\! {
  border-left-style: solid !important;
}

._border-left-width {
  border-left-width: var(--border-left-width);
}

._border-left-width\:0 {
  border-left-width: calc(var(--border-left-width) * 0);
}

._border-left-width\:0\! {
  border-left-width: calc(var(--border-left-width) * 0) !important;
}

._border-left-width\:1 {
  border-left-width: calc(var(--border-left-width) * 1);
}

._border-left-width\:1\! {
  border-left-width: calc(var(--border-left-width) * 1) !important;
}

._border-left-width\:2 {
  border-left-width: calc(var(--border-left-width) * 2);
}

._border-left-width\:2\! {
  border-left-width: calc(var(--border-left-width) * 2) !important;
}

._border-left-width\:3 {
  border-left-width: calc(var(--border-left-width) * 3);
}

._border-left-width\:3\! {
  border-left-width: calc(var(--border-left-width) * 3) !important;
}

._border-left-width\:4 {
  border-left-width: calc(var(--border-left-width) * 4);
}

._border-left-width\:4\! {
  border-left-width: calc(var(--border-left-width) * 4) !important;
}

._border-left-width\! {
  border-left-width: var(--border-left-width) !important;
}

._border-left\:0 {
  border-left-width: calc(var(--border-left-width) * 0);
  border-left-style: var(--border-left-style);
  border-left-color: var(--border-left-color);
}

._border-left\:0\! {
  border-left-width: calc(var(--border-left-width) * 0) !important;
  border-left-style: var(--border-left-style) !important;
  border-left-color: var(--border-left-color) !important;
}

._border-left\:1 {
  border-left-width: calc(var(--border-left-width) * 1);
  border-left-style: var(--border-left-style);
  border-left-color: var(--border-left-color);
}

._border-left\:1\! {
  border-left-width: calc(var(--border-left-width) * 1) !important;
  border-left-style: var(--border-left-style) !important;
  border-left-color: var(--border-left-color) !important;
}

._border-left\:2 {
  border-left-width: calc(var(--border-left-width) * 2);
  border-left-style: var(--border-left-style);
  border-left-color: var(--border-left-color);
}

._border-left\:2\! {
  border-left-width: calc(var(--border-left-width) * 2) !important;
  border-left-style: var(--border-left-style) !important;
  border-left-color: var(--border-left-color) !important;
}

._border-left\:3 {
  border-left-width: calc(var(--border-left-width) * 3);
  border-left-style: var(--border-left-style);
  border-left-color: var(--border-left-color);
}

._border-left\:3\! {
  border-left-width: calc(var(--border-left-width) * 3) !important;
  border-left-style: var(--border-left-style) !important;
  border-left-color: var(--border-left-color) !important;
}

._border-left\:4 {
  border-left-width: calc(var(--border-left-width) * 4);
  border-left-style: var(--border-left-style);
  border-left-color: var(--border-left-color);
}

._border-left\:4\! {
  border-left-width: calc(var(--border-left-width) * 4) !important;
  border-left-style: var(--border-left-style) !important;
  border-left-color: var(--border-left-color) !important;
}

._border-left\! {
  border-left-width: var(--border-left-width) !important;
  border-left-style: var(--border-left-style) !important;
  border-left-color: var(--border-left-color) !important;
}

._border-right {
  border-right-width: var(--border-right-width);
  border-right-style: var(--border-right-style);
  border-right-color: var(--border-right-color);
}

._border-right-color\:black {
  border-right-color: var(--color-black);
}

._border-right-color\:black\! {
  border-right-color: var(--color-black) !important;
}

._border-right-color\:blue {
  border-right-color: var(--color-blue);
}

._border-right-color\:blue\! {
  border-right-color: var(--color-blue) !important;
}

._border-right-color\:danger {
  border-right-color: var(--color-danger);
}

._border-right-color\:danger\! {
  border-right-color: var(--color-danger) !important;
}

._border-right-color\:dark {
  border-right-color: var(--color-dark);
}

._border-right-color\:dark\! {
  border-right-color: var(--color-dark) !important;
}

._border-right-color\:gray {
  border-right-color: var(--color-gray);
}

._border-right-color\:gray\! {
  border-right-color: var(--color-gray) !important;
}

._border-right-color\:green {
  border-right-color: var(--color-green);
}

._border-right-color\:green\! {
  border-right-color: var(--color-green) !important;
}

._border-right-color\:info {
  border-right-color: var(--color-info);
}

._border-right-color\:info\! {
  border-right-color: var(--color-info) !important;
}

._border-right-color\:light {
  border-right-color: var(--color-light);
}

._border-right-color\:light\! {
  border-right-color: var(--color-light) !important;
}

._border-right-color\:orange {
  border-right-color: var(--color-orange);
}

._border-right-color\:orange\! {
  border-right-color: var(--color-orange) !important;
}

._border-right-color\:pink {
  border-right-color: var(--color-pink);
}

._border-right-color\:pink\! {
  border-right-color: var(--color-pink) !important;
}

._border-right-color\:primary {
  border-right-color: var(--color-primary);
}

._border-right-color\:primary\! {
  border-right-color: var(--color-primary) !important;
}

._border-right-color\:purple {
  border-right-color: var(--color-purple);
}

._border-right-color\:purple\! {
  border-right-color: var(--color-purple) !important;
}

._border-right-color\:red {
  border-right-color: var(--color-red);
}

._border-right-color\:red\! {
  border-right-color: var(--color-red) !important;
}

._border-right-color\:secondary {
  border-right-color: var(--color-secondary);
}

._border-right-color\:secondary\! {
  border-right-color: var(--color-secondary) !important;
}

._border-right-color\:success {
  border-right-color: var(--color-success);
}

._border-right-color\:success\! {
  border-right-color: var(--color-success) !important;
}

._border-right-color\:teal {
  border-right-color: var(--color-teal);
}

._border-right-color\:teal\! {
  border-right-color: var(--color-teal) !important;
}

._border-right-color\:warning {
  border-right-color: var(--color-warning);
}

._border-right-color\:warning\! {
  border-right-color: var(--color-warning) !important;
}

._border-right-color\:white {
  border-right-color: var(--color-white);
}

._border-right-color\:white\! {
  border-right-color: var(--color-white) !important;
}

._border-right-color\:yellow {
  border-right-color: var(--color-yellow);
}

._border-right-color\:yellow\! {
  border-right-color: var(--color-yellow) !important;
}

._border-right-style\:dashed {
  border-right-style: dashed;
}

._border-right-style\:dashed\! {
  border-right-style: dashed !important;
}

._border-right-style\:dotted {
  border-right-style: dotted;
}

._border-right-style\:dotted\! {
  border-right-style: dotted !important;
}

._border-right-style\:double {
  border-right-style: double;
}

._border-right-style\:double\! {
  border-right-style: double !important;
}

._border-right-style\:groove {
  border-right-style: groove;
}

._border-right-style\:groove\! {
  border-right-style: groove !important;
}

._border-right-style\:hidden {
  border-right-style: hidden;
}

._border-right-style\:hidden\! {
  border-right-style: hidden !important;
}

._border-right-style\:inset {
  border-right-style: inset;
}

._border-right-style\:inset\! {
  border-right-style: inset !important;
}

._border-right-style\:none {
  border-right-style: none;
}

._border-right-style\:none\! {
  border-right-style: none !important;
}

._border-right-style\:outset {
  border-right-style: outset;
}

._border-right-style\:outset\! {
  border-right-style: outset !important;
}

._border-right-style\:ridge {
  border-right-style: ridge;
}

._border-right-style\:ridge\! {
  border-right-style: ridge !important;
}

._border-right-style\:solid {
  border-right-style: solid;
}

._border-right-style\:solid\! {
  border-right-style: solid !important;
}

._border-right-width {
  border-right-width: var(--border-right-width);
}

._border-right-width\:0 {
  border-right-width: calc(var(--border-right-width) * 0);
}

._border-right-width\:0\! {
  border-right-width: calc(var(--border-right-width) * 0) !important;
}

._border-right-width\:1 {
  border-right-width: calc(var(--border-right-width) * 1);
}

._border-right-width\:1\! {
  border-right-width: calc(var(--border-right-width) * 1) !important;
}

._border-right-width\:2 {
  border-right-width: calc(var(--border-right-width) * 2);
}

._border-right-width\:2\! {
  border-right-width: calc(var(--border-right-width) * 2) !important;
}

._border-right-width\:3 {
  border-right-width: calc(var(--border-right-width) * 3);
}

._border-right-width\:3\! {
  border-right-width: calc(var(--border-right-width) * 3) !important;
}

._border-right-width\:4 {
  border-right-width: calc(var(--border-right-width) * 4);
}

._border-right-width\:4\! {
  border-right-width: calc(var(--border-right-width) * 4) !important;
}

._border-right-width\! {
  border-right-width: var(--border-right-width) !important;
}

._border-right\:0 {
  border-right-width: calc(var(--border-right-width) * 0);
  border-right-style: var(--border-right-style);
  border-right-color: var(--border-right-color);
}

._border-right\:0\! {
  border-right-width: calc(var(--border-right-width) * 0) !important;
  border-right-style: var(--border-right-style) !important;
  border-right-color: var(--border-right-color) !important;
}

._border-right\:1 {
  border-right-width: calc(var(--border-right-width) * 1);
  border-right-style: var(--border-right-style);
  border-right-color: var(--border-right-color);
}

._border-right\:1\! {
  border-right-width: calc(var(--border-right-width) * 1) !important;
  border-right-style: var(--border-right-style) !important;
  border-right-color: var(--border-right-color) !important;
}

._border-right\:2 {
  border-right-width: calc(var(--border-right-width) * 2);
  border-right-style: var(--border-right-style);
  border-right-color: var(--border-right-color);
}

._border-right\:2\! {
  border-right-width: calc(var(--border-right-width) * 2) !important;
  border-right-style: var(--border-right-style) !important;
  border-right-color: var(--border-right-color) !important;
}

._border-right\:3 {
  border-right-width: calc(var(--border-right-width) * 3);
  border-right-style: var(--border-right-style);
  border-right-color: var(--border-right-color);
}

._border-right\:3\! {
  border-right-width: calc(var(--border-right-width) * 3) !important;
  border-right-style: var(--border-right-style) !important;
  border-right-color: var(--border-right-color) !important;
}

._border-right\:4 {
  border-right-width: calc(var(--border-right-width) * 4);
  border-right-style: var(--border-right-style);
  border-right-color: var(--border-right-color);
}

._border-right\:4\! {
  border-right-width: calc(var(--border-right-width) * 4) !important;
  border-right-style: var(--border-right-style) !important;
  border-right-color: var(--border-right-color) !important;
}

._border-right\! {
  border-right-width: var(--border-right-width) !important;
  border-right-style: var(--border-right-style) !important;
  border-right-color: var(--border-right-color) !important;
}

._border-style\:dashed {
  border-top-style: dashed;
  border-right-style: dashed;
  border-bottom-style: dashed;
  border-left-style: dashed;
}

._border-style\:dashed\! {
  border-top-style: dashed !important;
  border-right-style: dashed !important;
  border-bottom-style: dashed !important;
  border-left-style: dashed !important;
}

._border-style\:dotted {
  border-top-style: dotted;
  border-right-style: dotted;
  border-bottom-style: dotted;
  border-left-style: dotted;
}

._border-style\:dotted\! {
  border-top-style: dotted !important;
  border-right-style: dotted !important;
  border-bottom-style: dotted !important;
  border-left-style: dotted !important;
}

._border-style\:double {
  border-top-style: double;
  border-right-style: double;
  border-bottom-style: double;
  border-left-style: double;
}

._border-style\:double\! {
  border-top-style: double !important;
  border-right-style: double !important;
  border-bottom-style: double !important;
  border-left-style: double !important;
}

._border-style\:groove {
  border-top-style: groove;
  border-right-style: groove;
  border-bottom-style: groove;
  border-left-style: groove;
}

._border-style\:groove\! {
  border-top-style: groove !important;
  border-right-style: groove !important;
  border-bottom-style: groove !important;
  border-left-style: groove !important;
}

._border-style\:hidden {
  border-top-style: hidden;
  border-right-style: hidden;
  border-bottom-style: hidden;
  border-left-style: hidden;
}

._border-style\:hidden\! {
  border-top-style: hidden !important;
  border-right-style: hidden !important;
  border-bottom-style: hidden !important;
  border-left-style: hidden !important;
}

._border-style\:inset {
  border-top-style: inset;
  border-right-style: inset;
  border-bottom-style: inset;
  border-left-style: inset;
}

._border-style\:inset\! {
  border-top-style: inset !important;
  border-right-style: inset !important;
  border-bottom-style: inset !important;
  border-left-style: inset !important;
}

._border-style\:none {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}

._border-style\:none\! {
  border-top-style: none !important;
  border-right-style: none !important;
  border-bottom-style: none !important;
  border-left-style: none !important;
}

._border-style\:outset {
  border-top-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  border-left-style: outset;
}

._border-style\:outset\! {
  border-top-style: outset !important;
  border-right-style: outset !important;
  border-bottom-style: outset !important;
  border-left-style: outset !important;
}

._border-style\:ridge {
  border-top-style: ridge;
  border-right-style: ridge;
  border-bottom-style: ridge;
  border-left-style: ridge;
}

._border-style\:ridge\! {
  border-top-style: ridge !important;
  border-right-style: ridge !important;
  border-bottom-style: ridge !important;
  border-left-style: ridge !important;
}

._border-style\:solid {
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
}

._border-style\:solid\! {
  border-top-style: solid !important;
  border-right-style: solid !important;
  border-bottom-style: solid !important;
  border-left-style: solid !important;
}

._border-top {
  border-top-width: var(--border-top-width);
  border-top-style: var(--border-top-style);
  border-top-color: var(--border-top-color);
}

._border-top-color\:black {
  border-top-color: var(--color-black);
}

._border-top-color\:black\! {
  border-top-color: var(--color-black) !important;
}

._border-top-color\:blue {
  border-top-color: var(--color-blue);
}

._border-top-color\:blue\! {
  border-top-color: var(--color-blue) !important;
}

._border-top-color\:danger {
  border-top-color: var(--color-danger);
}

._border-top-color\:danger\! {
  border-top-color: var(--color-danger) !important;
}

._border-top-color\:dark {
  border-top-color: var(--color-dark);
}

._border-top-color\:dark\! {
  border-top-color: var(--color-dark) !important;
}

._border-top-color\:gray {
  border-top-color: var(--color-gray);
}

._border-top-color\:gray\! {
  border-top-color: var(--color-gray) !important;
}

._border-top-color\:green {
  border-top-color: var(--color-green);
}

._border-top-color\:green\! {
  border-top-color: var(--color-green) !important;
}

._border-top-color\:info {
  border-top-color: var(--color-info);
}

._border-top-color\:info\! {
  border-top-color: var(--color-info) !important;
}

._border-top-color\:light {
  border-top-color: var(--color-light);
}

._border-top-color\:light\! {
  border-top-color: var(--color-light) !important;
}

._border-top-color\:orange {
  border-top-color: var(--color-orange);
}

._border-top-color\:orange\! {
  border-top-color: var(--color-orange) !important;
}

._border-top-color\:pink {
  border-top-color: var(--color-pink);
}

._border-top-color\:pink\! {
  border-top-color: var(--color-pink) !important;
}

._border-top-color\:primary {
  border-top-color: var(--color-primary);
}

._border-top-color\:primary\! {
  border-top-color: var(--color-primary) !important;
}

._border-top-color\:purple {
  border-top-color: var(--color-purple);
}

._border-top-color\:purple\! {
  border-top-color: var(--color-purple) !important;
}

._border-top-color\:red {
  border-top-color: var(--color-red);
}

._border-top-color\:red\! {
  border-top-color: var(--color-red) !important;
}

._border-top-color\:secondary {
  border-top-color: var(--color-secondary);
}

._border-top-color\:secondary\! {
  border-top-color: var(--color-secondary) !important;
}

._border-top-color\:success {
  border-top-color: var(--color-success);
}

._border-top-color\:success\! {
  border-top-color: var(--color-success) !important;
}

._border-top-color\:teal {
  border-top-color: var(--color-teal);
}

._border-top-color\:teal\! {
  border-top-color: var(--color-teal) !important;
}

._border-top-color\:warning {
  border-top-color: var(--color-warning);
}

._border-top-color\:warning\! {
  border-top-color: var(--color-warning) !important;
}

._border-top-color\:white {
  border-top-color: var(--color-white);
}

._border-top-color\:white\! {
  border-top-color: var(--color-white) !important;
}

._border-top-color\:yellow {
  border-top-color: var(--color-yellow);
}

._border-top-color\:yellow\! {
  border-top-color: var(--color-yellow) !important;
}

._border-top-style\:dashed {
  border-top-style: dashed;
}

._border-top-style\:dashed\! {
  border-top-style: dashed !important;
}

._border-top-style\:dotted {
  border-top-style: dotted;
}

._border-top-style\:dotted\! {
  border-top-style: dotted !important;
}

._border-top-style\:double {
  border-top-style: double;
}

._border-top-style\:double\! {
  border-top-style: double !important;
}

._border-top-style\:groove {
  border-top-style: groove;
}

._border-top-style\:groove\! {
  border-top-style: groove !important;
}

._border-top-style\:hidden {
  border-top-style: hidden;
}

._border-top-style\:hidden\! {
  border-top-style: hidden !important;
}

._border-top-style\:inset {
  border-top-style: inset;
}

._border-top-style\:inset\! {
  border-top-style: inset !important;
}

._border-top-style\:none {
  border-top-style: none;
}

._border-top-style\:none\! {
  border-top-style: none !important;
}

._border-top-style\:outset {
  border-top-style: outset;
}

._border-top-style\:outset\! {
  border-top-style: outset !important;
}

._border-top-style\:ridge {
  border-top-style: ridge;
}

._border-top-style\:ridge\! {
  border-top-style: ridge !important;
}

._border-top-style\:solid {
  border-top-style: solid;
}

._border-top-style\:solid\! {
  border-top-style: solid !important;
}

._border-top-width {
  border-top-width: var(--border-top-width);
}

._border-top-width\:0 {
  border-top-width: calc(var(--border-top-width) * 0);
}

._border-top-width\:0\! {
  border-top-width: calc(var(--border-top-width) * 0) !important;
}

._border-top-width\:1 {
  border-top-width: calc(var(--border-top-width) * 1);
}

._border-top-width\:1\! {
  border-top-width: calc(var(--border-top-width) * 1) !important;
}

._border-top-width\:2 {
  border-top-width: calc(var(--border-top-width) * 2);
}

._border-top-width\:2\! {
  border-top-width: calc(var(--border-top-width) * 2) !important;
}

._border-top-width\:3 {
  border-top-width: calc(var(--border-top-width) * 3);
}

._border-top-width\:3\! {
  border-top-width: calc(var(--border-top-width) * 3) !important;
}

._border-top-width\:4 {
  border-top-width: calc(var(--border-top-width) * 4);
}

._border-top-width\:4\! {
  border-top-width: calc(var(--border-top-width) * 4) !important;
}

._border-top-width\! {
  border-top-width: var(--border-top-width) !important;
}

._border-top\:0 {
  border-top-width: calc(var(--border-top-width) * 0);
  border-top-style: var(--border-top-style);
  border-top-color: var(--border-top-color);
}

._border-top\:0\! {
  border-top-width: calc(var(--border-top-width) * 0) !important;
  border-top-style: var(--border-top-style) !important;
  border-top-color: var(--border-top-color) !important;
}

._border-top\:1 {
  border-top-width: calc(var(--border-top-width) * 1);
  border-top-style: var(--border-top-style);
  border-top-color: var(--border-top-color);
}

._border-top\:1\! {
  border-top-width: calc(var(--border-top-width) * 1) !important;
  border-top-style: var(--border-top-style) !important;
  border-top-color: var(--border-top-color) !important;
}

._border-top\:2 {
  border-top-width: calc(var(--border-top-width) * 2);
  border-top-style: var(--border-top-style);
  border-top-color: var(--border-top-color);
}

._border-top\:2\! {
  border-top-width: calc(var(--border-top-width) * 2) !important;
  border-top-style: var(--border-top-style) !important;
  border-top-color: var(--border-top-color) !important;
}

._border-top\:3 {
  border-top-width: calc(var(--border-top-width) * 3);
  border-top-style: var(--border-top-style);
  border-top-color: var(--border-top-color);
}

._border-top\:3\! {
  border-top-width: calc(var(--border-top-width) * 3) !important;
  border-top-style: var(--border-top-style) !important;
  border-top-color: var(--border-top-color) !important;
}

._border-top\:4 {
  border-top-width: calc(var(--border-top-width) * 4);
  border-top-style: var(--border-top-style);
  border-top-color: var(--border-top-color);
}

._border-top\:4\! {
  border-top-width: calc(var(--border-top-width) * 4) !important;
  border-top-style: var(--border-top-style) !important;
  border-top-color: var(--border-top-color) !important;
}

._border-top\! {
  border-top-width: var(--border-top-width) !important;
  border-top-style: var(--border-top-style) !important;
  border-top-color: var(--border-top-color) !important;
}

._border-width {
  border-top-width: var(--border-top-width);
  border-right-width: var(--border-right-width);
  border-bottom-width: var(--border-bottom-width);
  border-left-width: var(--border-left-width);
}

._border-width\:0 {
  border-top-width: calc(var(--border-top-width) * 0);
  border-right-width: calc(var(--border-right-width) * 0);
  border-bottom-width: calc(var(--border-bottom-width) * 0);
  border-left-width: calc(var(--border-left-width) * 0);
}

._border-width\:0\! {
  border-top-width: calc(var(--border-top-width) * 0) !important;
  border-right-width: calc(var(--border-right-width) * 0) !important;
  border-bottom-width: calc(var(--border-bottom-width) * 0) !important;
  border-left-width: calc(var(--border-left-width) * 0) !important;
}

._border-width\:1 {
  border-top-width: calc(var(--border-top-width) * 1);
  border-right-width: calc(var(--border-right-width) * 1);
  border-bottom-width: calc(var(--border-bottom-width) * 1);
  border-left-width: calc(var(--border-left-width) * 1);
}

._border-width\:1\! {
  border-top-width: calc(var(--border-top-width) * 1) !important;
  border-right-width: calc(var(--border-right-width) * 1) !important;
  border-bottom-width: calc(var(--border-bottom-width) * 1) !important;
  border-left-width: calc(var(--border-left-width) * 1) !important;
}

._border-width\:2 {
  border-top-width: calc(var(--border-top-width) * 2);
  border-right-width: calc(var(--border-right-width) * 2);
  border-bottom-width: calc(var(--border-bottom-width) * 2);
  border-left-width: calc(var(--border-left-width) * 2);
}

._border-width\:2\! {
  border-top-width: calc(var(--border-top-width) * 2) !important;
  border-right-width: calc(var(--border-right-width) * 2) !important;
  border-bottom-width: calc(var(--border-bottom-width) * 2) !important;
  border-left-width: calc(var(--border-left-width) * 2) !important;
}

._border-width\:3 {
  border-top-width: calc(var(--border-top-width) * 3);
  border-right-width: calc(var(--border-right-width) * 3);
  border-bottom-width: calc(var(--border-bottom-width) * 3);
  border-left-width: calc(var(--border-left-width) * 3);
}

._border-width\:3\! {
  border-top-width: calc(var(--border-top-width) * 3) !important;
  border-right-width: calc(var(--border-right-width) * 3) !important;
  border-bottom-width: calc(var(--border-bottom-width) * 3) !important;
  border-left-width: calc(var(--border-left-width) * 3) !important;
}

._border-width\:4 {
  border-top-width: calc(var(--border-top-width) * 4);
  border-right-width: calc(var(--border-right-width) * 4);
  border-bottom-width: calc(var(--border-bottom-width) * 4);
  border-left-width: calc(var(--border-left-width) * 4);
}

._border-width\:4\! {
  border-top-width: calc(var(--border-top-width) * 4) !important;
  border-right-width: calc(var(--border-right-width) * 4) !important;
  border-bottom-width: calc(var(--border-bottom-width) * 4) !important;
  border-left-width: calc(var(--border-left-width) * 4) !important;
}

._border-width\! {
  border-top-width: var(--border-top-width) !important;
  border-right-width: var(--border-right-width) !important;
  border-bottom-width: var(--border-bottom-width) !important;
  border-left-width: var(--border-left-width) !important;
}

._border\:0 {
  border-top-width: calc(var(--border-top-width) * 0);
  border-top-style: var(--border-top-style);
  border-top-color: var(--border-top-color);
  border-right-width: calc(var(--border-right-width) * 0);
  border-right-style: var(--border-right-style);
  border-right-color: var(--border-right-color);
  border-bottom-width: calc(var(--border-bottom-width) * 0);
  border-bottom-style: var(--border-bottom-style);
  border-bottom-color: var(--border-bottom-color);
  border-left-width: calc(var(--border-left-width) * 0);
  border-left-style: var(--border-left-style);
  border-left-color: var(--border-left-color);
}

._border\:0\! {
  border-top-width: calc(var(--border-top-width) * 0) !important;
  border-top-style: var(--border-top-style) !important;
  border-top-color: var(--border-top-color) !important;
  border-right-width: calc(var(--border-right-width) * 0) !important;
  border-right-style: var(--border-right-style) !important;
  border-right-color: var(--border-right-color) !important;
  border-bottom-width: calc(var(--border-bottom-width) * 0) !important;
  border-bottom-style: var(--border-bottom-style) !important;
  border-bottom-color: var(--border-bottom-color) !important;
  border-left-width: calc(var(--border-left-width) * 0) !important;
  border-left-style: var(--border-left-style) !important;
  border-left-color: var(--border-left-color) !important;
}

._border\:1 {
  border-top-width: calc(var(--border-top-width) * 1);
  border-top-style: var(--border-top-style);
  border-top-color: var(--border-top-color);
  border-right-width: calc(var(--border-right-width) * 1);
  border-right-style: var(--border-right-style);
  border-right-color: var(--border-right-color);
  border-bottom-width: calc(var(--border-bottom-width) * 1);
  border-bottom-style: var(--border-bottom-style);
  border-bottom-color: var(--border-bottom-color);
  border-left-width: calc(var(--border-left-width) * 1);
  border-left-style: var(--border-left-style);
  border-left-color: var(--border-left-color);
}

._border\:1\! {
  border-top-width: calc(var(--border-top-width) * 1) !important;
  border-top-style: var(--border-top-style) !important;
  border-top-color: var(--border-top-color) !important;
  border-right-width: calc(var(--border-right-width) * 1) !important;
  border-right-style: var(--border-right-style) !important;
  border-right-color: var(--border-right-color) !important;
  border-bottom-width: calc(var(--border-bottom-width) * 1) !important;
  border-bottom-style: var(--border-bottom-style) !important;
  border-bottom-color: var(--border-bottom-color) !important;
  border-left-width: calc(var(--border-left-width) * 1) !important;
  border-left-style: var(--border-left-style) !important;
  border-left-color: var(--border-left-color) !important;
}

._border\:2 {
  border-top-width: calc(var(--border-top-width) * 2);
  border-top-style: var(--border-top-style);