/* Boditrax website - Utilities: borders
 * Border radius, border width and border colour utilities
 * Generated from the original compiled stylesheet; rule order is significant. */
@layer utilities {
  .rounded-2xl {
    border-radius: calc(var(--radius) + 8px);
  }
  .rounded-\[1\.6rem\] {
    border-radius: 1.6rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius);
  }
  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }
  .rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }
  .rounded-t-lg {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
  }
  .rounded-b-full {
    border-bottom-right-radius: calc(infinity * 1px);
    border-bottom-left-radius: calc(infinity * 1px);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-background {
    border-color: var(--background);
  }
  .border-border {
    border-color: var(--border);
  }
  .border-border\/60 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }
  .border-brandblue\/70 {
    border-color: var(--brand-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--brand-blue) 70%, transparent);
    }
  }
  .border-brandred\/50 {
    border-color: var(--brand-red);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--brand-red) 50%, transparent);
    }
  }
  .border-brandred\/60 {
    border-color: var(--brand-red);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--brand-red) 60%, transparent);
    }
  }
  .border-current\/25 {
    border-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentcolor 25%, transparent);
    }
  }
  .border-graphite\/20 {
    border-color: var(--graphite);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--graphite) 20%, transparent);
    }
  }
  .border-green {
    border-color: var(--brand-green);
  }
  .border-green\/70 {
    border-color: var(--brand-green);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--brand-green) 70%, transparent);
    }
  }
  .border-hairline-dark {
    border-color: var(--hairline-dark);
  }
  .border-ink {
    border-color: var(--ink);
  }
  .border-plum {
    border-color: var(--brand-plum);
  }
  .border-plum\/10 {
    border-color: var(--brand-plum);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--brand-plum) 10%, transparent);
    }
  }
  .border-plum\/15 {
    border-color: var(--brand-plum);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--brand-plum) 15%, transparent);
    }
  }
  .border-plum\/20 {
    border-color: var(--brand-plum);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--brand-plum) 20%, transparent);
    }
  }
  .border-plum\/25 {
    border-color: var(--brand-plum);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--brand-plum) 25%, transparent);
    }
  }
  .border-plum\/30 {
    border-color: var(--brand-plum);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--brand-plum) 30%, transparent);
    }
  }
  .border-plum\/60 {
    border-color: var(--brand-plum);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--brand-plum) 60%, transparent);
    }
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/20 {
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .border-white\/25 {
    border-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .border-white\/35 {
    border-color: color-mix(in srgb, #fff 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }
  .border-yellow {
    border-color: var(--brand-yellow);
  }
  .border-yellow\/40 {
    border-color: var(--brand-yellow);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--brand-yellow) 40%, transparent);
    }
  }
  .border-yellow\/50 {
    border-color: var(--brand-yellow);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--brand-yellow) 50%, transparent);
    }
  }
  .border-t-brandblue\/70 {
    border-top-color: var(--brand-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-top-color: color-mix(in oklab, var(--brand-blue) 70%, transparent);
    }
  }
  .border-t-brandred\/60 {
    border-top-color: var(--brand-red);
    @supports (color: color-mix(in lab, red, red)) {
      border-top-color: color-mix(in oklab, var(--brand-red) 60%, transparent);
    }
  }
  .border-t-green\/70 {
    border-top-color: var(--brand-green);
    @supports (color: color-mix(in lab, red, red)) {
      border-top-color: color-mix(in oklab, var(--brand-green) 70%, transparent);
    }
  }
  .border-t-plum\/60 {
    border-top-color: var(--brand-plum);
    @supports (color: color-mix(in lab, red, red)) {
      border-top-color: color-mix(in oklab, var(--brand-plum) 60%, transparent);
    }
  }
  .border-t-yellow {
    border-top-color: var(--brand-yellow);
  }
}