:root {
  --colour-border: #dddddd;
  --colour-border-inverted: #333333;
}

[class^=b-],
[class*=" b-"] {
  border-color: var(--colour-border) !important;
  border-style: solid !important;
}
[class^=b-].invert, .invert [class^=b-],
[class*=" b-"].invert,
.invert [class*=" b-"] {
  border-color: var(--colour-border-inverted) !important;
}

hr {
  border-color: var(--colour-border);
  border-style: solid;
  border-top-width: 1px;
}

/*
   b-[position](-breakpoint)

 * position
   t = top
   r = right
   b = bottom
   l = left
   a = all

  * breakpoint
  the breakpoint above which this class applies (see grid.css)
 */
.b-t-0 {
  border-top-width: 0 !important;
}

.b-t {
  border-top-width: 1px !important;
}

.b-r-0 {
  border-right-width: 0 !important;
}

.b-r {
  border-right-width: 1px !important;
}

.b-b-0 {
  border-bottom-width: 0 !important;
}

.b-b {
  border-bottom-width: 1px !important;
}

.b-l-0 {
  border-left-width: 0 !important;
}

.b-l {
  border-left-width: 1px !important;
}

.b-x-0 {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}

.b-x {
  border-left-width: 1px !important;
  border-right-width: 1px !important;
}

.b-y-0 {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}

.b-y {
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
}

.b-a {
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
  border-left-width: 1px !important;
  border-right-width: 1px !important;
}

@media screen and (min-width: 360px) {
  .b-t-0-xs {
    border-top-width: 0 !important;
  }
  .b-t-xs {
    border-top-width: 1px !important;
  }
  .b-r-0-xs {
    border-right-width: 0 !important;
  }
  .b-r-xs {
    border-right-width: 1px !important;
  }
  .b-b-0-xs {
    border-bottom-width: 0 !important;
  }
  .b-b-xs {
    border-bottom-width: 1px !important;
  }
  .b-l-0-xs {
    border-left-width: 0 !important;
  }
  .b-l-xs {
    border-left-width: 1px !important;
  }
  .b-x-0-xs {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
  }
  .b-x-xs {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
  }
  .b-y-0-xs {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
  }
  .b-y-xs {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
  }
}
@media screen and (min-width: 480px) {
  .b-t-0-sm {
    border-top-width: 0 !important;
  }
  .b-t-sm {
    border-top-width: 1px !important;
  }
  .b-r-0-sm {
    border-right-width: 0 !important;
  }
  .b-r-sm {
    border-right-width: 1px !important;
  }
  .b-b-0-sm {
    border-bottom-width: 0 !important;
  }
  .b-b-sm {
    border-bottom-width: 1px !important;
  }
  .b-l-0-sm {
    border-left-width: 0 !important;
  }
  .b-l-sm {
    border-left-width: 1px !important;
  }
  .b-x-0-sm {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
  }
  .b-x-sm {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
  }
  .b-y-0-sm {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
  }
  .b-y-sm {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
  }
}
@media screen and (min-width: 768px) {
  .b-t-0-md {
    border-top-width: 0 !important;
  }
  .b-t-md {
    border-top-width: 1px !important;
  }
  .b-r-0-md {
    border-right-width: 0 !important;
  }
  .b-r-md {
    border-right-width: 1px !important;
  }
  .b-b-0-md {
    border-bottom-width: 0 !important;
  }
  .b-b-md {
    border-bottom-width: 1px !important;
  }
  .b-l-0-md {
    border-left-width: 0 !important;
  }
  .b-l-md {
    border-left-width: 1px !important;
  }
  .b-x-0-md {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
  }
  .b-x-md {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
  }
  .b-y-0-md {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
  }
  .b-y-md {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
  }
}
@media screen and (min-width: 1024px) {
  .b-t-0-lg {
    border-top-width: 0 !important;
  }
  .b-t-lg {
    border-top-width: 1px !important;
  }
  .b-r-0-lg {
    border-right-width: 0 !important;
  }
  .b-r-lg {
    border-right-width: 1px !important;
  }
  .b-b-0-lg {
    border-bottom-width: 0 !important;
  }
  .b-b-lg {
    border-bottom-width: 1px !important;
  }
  .b-l-0-lg {
    border-left-width: 0 !important;
  }
  .b-l-lg {
    border-left-width: 1px !important;
  }
  .b-x-0-lg {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
  }
  .b-x-lg {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
  }
  .b-y-0-lg {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
  }
  .b-y-lg {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
  }
}
@media screen and (min-width: 1200px) {
  .b-t-0-xl {
    border-top-width: 0 !important;
  }
  .b-t-xl {
    border-top-width: 1px !important;
  }
  .b-r-0-xl {
    border-right-width: 0 !important;
  }
  .b-r-xl {
    border-right-width: 1px !important;
  }
  .b-b-0-xl {
    border-bottom-width: 0 !important;
  }
  .b-b-xl {
    border-bottom-width: 1px !important;
  }
  .b-l-0-xl {
    border-left-width: 0 !important;
  }
  .b-l-xl {
    border-left-width: 1px !important;
  }
  .b-x-0-xl {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
  }
  .b-x-xl {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
  }
  .b-y-0-xl {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
  }
  .b-y-xl {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
  }
}

/*# sourceMappingURL=borders.css.map */