



:root {
  
  --border-none: 0px;
  --border-xs: 1px;
  --border-sm: 2px;
  --border-md: 3px;
  --border-lg: 4px;
  --border-xl: 6px;
  --border-2xl: 8px;

  
  --border-default: var(--border-xs);

  
  --border-style: solid;

  
  --border-color: rgba(0, 0, 0, 0.12);
  --border-color-light: rgba(0, 0, 0, 0.08);
  --border-color-dark: rgba(0, 0, 0, 0.36);
  --border-color-muted: rgba(0, 0, 0, 0.06);
  --border-color-primary: var(--color-primary, #3b5bdb);

  

.border-xs  { --_bw: var(--border-xs); }
.border-sm  { --_bw: var(--border-sm); }
.border-md  { --_bw: var(--border-md); }
.border-lg  { --_bw: var(--border-lg); }
.border-xl  { --_bw: var(--border-xl); }
.border-2xl { --_bw: var(--border-2xl); }


  
  .border {
    border: var(--_bw, var(--border-default)) var(--border-style) var(--border-color);
  }

  
  .border-t {
    border-top: var(--_bw, var(--border-default)) var(--border-style) var(--border-color);
  }

  .border-b {
    border-bottom: var(--_bw, var(--border-default)) var(--border-style) var(--border-color);
  }

  .border-l {
    border-left: var(--_bw, var(--border-default)) var(--border-style) var(--border-color);
  }

  .border-r {
    border-right: var(--_bw, var(--border-default)) var(--border-style) var(--border-color);
  }

  
  .border-x {
    border-inline: var(--_bw, var(--border-default)) var(--border-style) var(--border-color);
  }

  .border-y {
    border-block: var(--_bw, var(--border-default)) var(--border-style) var(--border-color);
  }

  
  .border-none {
    border: none;
  }



  

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

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

  .border-muted {
    border-color: var(--border-color-muted);
  }

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

  .border-current {
    border-color: currentColor;
  }

  .border-inherit {
    border-color: inherit;
  }

  
.border-solid  { border-style: solid; }
.border-dashed { border-style: dashed; }
.border-dotted { border-style: dotted; }
.border-double { border-style: double; }

  

  
  .divide-top>*+* {
    border-top: var(--_bw, var(--border-default)) var(--border-style) var(--border-color);
  }

  .divide-bottom>*+* {
    border-bottom: var(--_bw, var(--border-default)) var(--border-style) var(--border-color);
}

  
  .divide-left>*+* {
    border-left: var(--_bw, var(--border-default)) var(--border-style) var(--border-color);
}