Usage #
Use d-bc-{color} to set an element's border color.
<div class="d-p-200 d-ba d-baw2 d-bc-subtle">Subtle</div> <div class="d-p-200 d-ba d-baw2 d-bc-default">Default</div> <div class="d-p-200 d-ba d-baw2 d-bc-moderate">Moderate</div> <div class="d-p-200 d-ba d-baw2 d-bc-bold">Bold</div> <div class="d-p-200 d-ba d-baw2 d-bc-critical">Critical</div> <div class="d-p-200 d-ba d-baw2 d-bc-positive">Positive</div> <div class="d-p-200 d-ba d-baw2 d-bc-warning">Warning</div>
Hover #
Use h:d-bc-{color} to change an element's border color spot on :hover.
<dt-button kind="unstyled" class="d-p-200 d-ba d-baw2 h:d-bc-moderate"> Hover over me </dt-button> <dt-button kind="unstyled" class="d-p-200 d-ba d-baw2 h:d-bc-critical"> Hover over me </dt-button>
Focus #
Use f:d-bc-{color} to change an element's border color when in :focus or :focus-within states.
<dt-button kind="unstyled" class="d-p-200 d-ba d-baw2 f:d-bc-moderate"> Focus me </dt-button> <dt-button kind="unstyled" class="d-p-200 d-ba d-baw2 f:d-bc-critical"> Focus me </dt-button>
Focus Visible #
Use fv:d-bc-{color} to change an element's border color when in :focus-visible state [only when focused by keyboard]
.
<dt-button kind="unstyled" class="d-p-200 d-ba d-baw2 fv:d-bc-moderate"> Keyboard focus me </dt-button> <dt-button kind="unstyled" class="d-p-200 d-ba d-baw2 fv:d-bc-critical"> Keyboard focus me </dt-button>
Changing Opacities #
Use d-bco{n} to change the border color opacity value.
<div class="d-p-200 d-ba d-baw2 d-bc-critical d-bco100">100%</div> <div class="d-p-200 d-ba d-baw2 d-bc-critical d-bco99">99%</div> <div class="d-p-200 d-ba d-baw2 d-bc-critical d-bco95">95%</div> <div class="d-p-200 d-ba d-baw2 d-bc-critical d-bco90">90%</div> <div class="d-p-200 d-ba d-baw2 d-bc-critical d-bco75">75%</div> <div class="d-p-200 d-ba d-baw2 d-bc-critical d-bco50">50%</div> <div class="d-p-200 d-ba d-baw2 d-bc-critical d-bco25">25%</div> <div class="d-p-200 d-ba d-baw2 d-bc-critical d-bco10">10%</div> <div class="d-p-200 d-ba d-baw2 d-bc-critical d-bco0">0%</div>
You can also change the border color opacity value on :hover
, :focus, :focus-visible by using the respective h:d-bco{n}, f:d-bco{n}, fv:d-bco{n} prefixes.
<dt-button kind="unstyled" class="d-p-200 d-ba d-baw2 d-bc-critical h:d-bco50"> Hover me to see 50% </dt-button> <dt-button kind="unstyled" class="d-p-200 d-ba d-baw2 d-bc-critical f:d-bco50"> Focus me with mouse to see 50% </dt-button> <dt-button kind="unstyled" class="d-p-200 d-ba d-baw2 d-bc-critical fv:d-bco50"> Focus me via keyboard to see 50% </dt-button>
Classes #
Class
|
Output
|
|---|---|
d-bc-current | border-color: currentColor !important; |
d-bc-neutral-black | border-color: oklch(from var(--dt-color-neutral-black) l c h / var(--bco, alpha)) !important; |
d-bc-neutral-transparent | border-color: oklch(from var(--dt-color-neutral-transparent) l c h / var(--bco, alpha)) !important; |
d-bc-neutral-white | border-color: oklch(from var(--dt-color-neutral-white) l c h / var(--bco, alpha)) !important; |
d-bc-transparent | border-color: transparent !important; |
d-bc-unset | border-color: unset !important; |
d-bc-accent | border-color: oklch(from var(--dt-color-border-accent) l c h / var(--bco, alpha)) !important; |
d-bc-ai | border-image-source: var(--dt-color-border-ai) !important;
border-image-slice: 1 !important; |
d-bc-bold | border-color: oklch(from var(--dt-color-border-bold) l c h / var(--bco, alpha)) !important; |
d-bc-bold-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-bold-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-brand | border-color: oklch(from var(--dt-color-border-brand) l c h / var(--bco, alpha)) !important; |
d-bc-brand-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-brand-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-brand-strong | border-color: oklch(from var(--dt-color-border-brand-strong) l c h / var(--bco, alpha)) !important; |
d-bc-brand-strong-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-brand-strong-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-brand-subtle | border-color: oklch(from var(--dt-color-border-brand-subtle) l c h / var(--bco, alpha)) !important; |
d-bc-brand-subtle-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-brand-subtle-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-critical | border-color: oklch(from var(--dt-color-border-critical) l c h / var(--bco, alpha)) !important; |
d-bc-critical-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-critical-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-critical-strong | border-color: oklch(from var(--dt-color-border-critical-strong) l c h / var(--bco, alpha)) !important; |
d-bc-critical-strong-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-critical-strong-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-critical-subtle | border-color: oklch(from var(--dt-color-border-critical-subtle) l c h / var(--bco, alpha)) !important; |
d-bc-critical-subtle-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-critical-subtle-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-default | border-color: oklch(from var(--dt-color-border-default) l c h / var(--bco, alpha)) !important; |
d-bc-default-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-default-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-focus | border-color: oklch(from var(--dt-color-border-focus) l c h / var(--bco, alpha)) !important; |
d-bc-info | border-color: oklch(from var(--dt-color-border-info) l c h / var(--bco, alpha)) !important; |
d-bc-info-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-info-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-info-strong | border-color: oklch(from var(--dt-color-border-info-strong) l c h / var(--bco, alpha)) !important; |
d-bc-info-strong-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-info-strong-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-info-subtle | border-color: oklch(from var(--dt-color-border-info-subtle) l c h / var(--bco, alpha)) !important; |
d-bc-info-subtle-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-info-subtle-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-moderate | border-color: oklch(from var(--dt-color-border-moderate) l c h / var(--bco, alpha)) !important; |
d-bc-moderate-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-moderate-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-positive | border-color: oklch(from var(--dt-color-border-positive) l c h / var(--bco, alpha)) !important; |
d-bc-positive-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-positive-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-positive-strong | border-color: oklch(from var(--dt-color-border-positive-strong) l c h / var(--bco, alpha)) !important; |
d-bc-positive-strong-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-positive-strong-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-positive-subtle | border-color: oklch(from var(--dt-color-border-positive-subtle) l c h / var(--bco, alpha)) !important; |
d-bc-positive-subtle-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-positive-subtle-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-subtle | border-color: oklch(from var(--dt-color-border-subtle) l c h / var(--bco, alpha)) !important; |
d-bc-subtle-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-subtle-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-success
Deprecated
| border-color: oklch(from var(--dt-color-border-success) l c h / var(--bco, alpha)) !important; |
d-bc-success-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-success-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-success-strong
Deprecated
| border-color: oklch(from var(--dt-color-border-success-strong) l c h / var(--bco, alpha)) !important; |
d-bc-success-strong-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-success-strong-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-success-subtle
Deprecated
| border-color: oklch(from var(--dt-color-border-success-subtle) l c h / var(--bco, alpha)) !important; |
d-bc-success-subtle-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-success-subtle-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-warning | border-color: oklch(from var(--dt-color-border-warning) l c h / var(--bco, alpha)) !important; |
d-bc-warning-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-warning-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-warning-strong | border-color: oklch(from var(--dt-color-border-warning-strong) l c h / var(--bco, alpha)) !important; |
d-bc-warning-strong-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-warning-strong-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-warning-subtle | border-color: oklch(from var(--dt-color-border-warning-subtle) l c h / var(--bco, alpha)) !important; |
d-bc-warning-subtle-inverted
Deprecated
| border-color: oklch(from var(--dt-color-border-warning-subtle-inverted) l c h / var(--bco, alpha)) !important; |
d-bc-chart-neutral | border-color: oklch(from var(--dt-color-chart-neutral) l c h / var(--bco, alpha)) !important; |
d-bc-chart-neutral-hover | border-color: oklch(from var(--dt-color-chart-neutral-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-neutral-selected | border-color: oklch(from var(--dt-color-chart-neutral-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-accent | border-color: oklch(from var(--dt-color-chart-accent) l c h / var(--bco, alpha)) !important; |
d-bc-chart-accent-hover | border-color: oklch(from var(--dt-color-chart-accent-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-accent-selected | border-color: oklch(from var(--dt-color-chart-accent-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-critical | border-color: oklch(from var(--dt-color-chart-critical) l c h / var(--bco, alpha)) !important; |
d-bc-chart-critical-hover | border-color: oklch(from var(--dt-color-chart-critical-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-critical-selected | border-color: oklch(from var(--dt-color-chart-critical-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-info | border-color: oklch(from var(--dt-color-chart-info) l c h / var(--bco, alpha)) !important; |
d-bc-chart-info-hover | border-color: oklch(from var(--dt-color-chart-info-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-info-selected | border-color: oklch(from var(--dt-color-chart-info-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-positive | border-color: oklch(from var(--dt-color-chart-positive) l c h / var(--bco, alpha)) !important; |
d-bc-chart-positive-hover | border-color: oklch(from var(--dt-color-chart-positive-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-positive-selected | border-color: oklch(from var(--dt-color-chart-positive-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-warning | border-color: oklch(from var(--dt-color-chart-warning) l c h / var(--bco, alpha)) !important; |
d-bc-chart-warning-hover | border-color: oklch(from var(--dt-color-chart-warning-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-warning-selected | border-color: oklch(from var(--dt-color-chart-warning-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-01 | border-color: oklch(from var(--dt-color-chart-categorical-01) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-01-hover | border-color: oklch(from var(--dt-color-chart-categorical-01-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-01-selected | border-color: oklch(from var(--dt-color-chart-categorical-01-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-02 | border-color: oklch(from var(--dt-color-chart-categorical-02) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-02-hover | border-color: oklch(from var(--dt-color-chart-categorical-02-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-02-selected | border-color: oklch(from var(--dt-color-chart-categorical-02-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-03 | border-color: oklch(from var(--dt-color-chart-categorical-03) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-03-hover | border-color: oklch(from var(--dt-color-chart-categorical-03-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-03-selected | border-color: oklch(from var(--dt-color-chart-categorical-03-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-04 | border-color: oklch(from var(--dt-color-chart-categorical-04) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-04-hover | border-color: oklch(from var(--dt-color-chart-categorical-04-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-04-selected | border-color: oklch(from var(--dt-color-chart-categorical-04-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-05 | border-color: oklch(from var(--dt-color-chart-categorical-05) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-05-hover | border-color: oklch(from var(--dt-color-chart-categorical-05-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-05-selected | border-color: oklch(from var(--dt-color-chart-categorical-05-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-06 | border-color: oklch(from var(--dt-color-chart-categorical-06) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-06-hover | border-color: oklch(from var(--dt-color-chart-categorical-06-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-06-selected | border-color: oklch(from var(--dt-color-chart-categorical-06-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-07 | border-color: oklch(from var(--dt-color-chart-categorical-07) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-07-hover | border-color: oklch(from var(--dt-color-chart-categorical-07-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-07-selected | border-color: oklch(from var(--dt-color-chart-categorical-07-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-08 | border-color: oklch(from var(--dt-color-chart-categorical-08) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-08-hover | border-color: oklch(from var(--dt-color-chart-categorical-08-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-08-selected | border-color: oklch(from var(--dt-color-chart-categorical-08-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-09 | border-color: oklch(from var(--dt-color-chart-categorical-09) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-09-hover | border-color: oklch(from var(--dt-color-chart-categorical-09-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-09-selected | border-color: oklch(from var(--dt-color-chart-categorical-09-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-10 | border-color: oklch(from var(--dt-color-chart-categorical-10) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-10-hover | border-color: oklch(from var(--dt-color-chart-categorical-10-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-10-selected | border-color: oklch(from var(--dt-color-chart-categorical-10-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-11 | border-color: oklch(from var(--dt-color-chart-categorical-11) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-11-hover | border-color: oklch(from var(--dt-color-chart-categorical-11-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-11-selected | border-color: oklch(from var(--dt-color-chart-categorical-11-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-12 | border-color: oklch(from var(--dt-color-chart-categorical-12) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-12-hover | border-color: oklch(from var(--dt-color-chart-categorical-12-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-12-selected | border-color: oklch(from var(--dt-color-chart-categorical-12-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-13 | border-color: oklch(from var(--dt-color-chart-categorical-13) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-13-hover | border-color: oklch(from var(--dt-color-chart-categorical-13-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-13-selected | border-color: oklch(from var(--dt-color-chart-categorical-13-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-14 | border-color: oklch(from var(--dt-color-chart-categorical-14) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-14-hover | border-color: oklch(from var(--dt-color-chart-categorical-14-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-14-selected | border-color: oklch(from var(--dt-color-chart-categorical-14-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-15 | border-color: oklch(from var(--dt-color-chart-categorical-15) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-15-hover | border-color: oklch(from var(--dt-color-chart-categorical-15-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-15-selected | border-color: oklch(from var(--dt-color-chart-categorical-15-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-16 | border-color: oklch(from var(--dt-color-chart-categorical-16) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-16-hover | border-color: oklch(from var(--dt-color-chart-categorical-16-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-16-selected | border-color: oklch(from var(--dt-color-chart-categorical-16-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-17 | border-color: oklch(from var(--dt-color-chart-categorical-17) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-17-hover | border-color: oklch(from var(--dt-color-chart-categorical-17-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-17-selected | border-color: oklch(from var(--dt-color-chart-categorical-17-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-18 | border-color: oklch(from var(--dt-color-chart-categorical-18) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-18-hover | border-color: oklch(from var(--dt-color-chart-categorical-18-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-18-selected | border-color: oklch(from var(--dt-color-chart-categorical-18-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-19 | border-color: oklch(from var(--dt-color-chart-categorical-19) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-19-hover | border-color: oklch(from var(--dt-color-chart-categorical-19-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-19-selected | border-color: oklch(from var(--dt-color-chart-categorical-19-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-20 | border-color: oklch(from var(--dt-color-chart-categorical-20) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-20-hover | border-color: oklch(from var(--dt-color-chart-categorical-20-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-20-selected | border-color: oklch(from var(--dt-color-chart-categorical-20-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-21 | border-color: oklch(from var(--dt-color-chart-categorical-21) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-21-hover | border-color: oklch(from var(--dt-color-chart-categorical-21-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-21-selected | border-color: oklch(from var(--dt-color-chart-categorical-21-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-22 | border-color: oklch(from var(--dt-color-chart-categorical-22) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-22-hover | border-color: oklch(from var(--dt-color-chart-categorical-22-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-22-selected | border-color: oklch(from var(--dt-color-chart-categorical-22-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-23 | border-color: oklch(from var(--dt-color-chart-categorical-23) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-23-hover | border-color: oklch(from var(--dt-color-chart-categorical-23-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-23-selected | border-color: oklch(from var(--dt-color-chart-categorical-23-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-24 | border-color: oklch(from var(--dt-color-chart-categorical-24) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-24-hover | border-color: oklch(from var(--dt-color-chart-categorical-24-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-24-selected | border-color: oklch(from var(--dt-color-chart-categorical-24-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-25 | border-color: oklch(from var(--dt-color-chart-categorical-25) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-25-hover | border-color: oklch(from var(--dt-color-chart-categorical-25-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-25-selected | border-color: oklch(from var(--dt-color-chart-categorical-25-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-26 | border-color: oklch(from var(--dt-color-chart-categorical-26) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-26-hover | border-color: oklch(from var(--dt-color-chart-categorical-26-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-26-selected | border-color: oklch(from var(--dt-color-chart-categorical-26-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-27 | border-color: oklch(from var(--dt-color-chart-categorical-27) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-27-hover | border-color: oklch(from var(--dt-color-chart-categorical-27-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-27-selected | border-color: oklch(from var(--dt-color-chart-categorical-27-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-28 | border-color: oklch(from var(--dt-color-chart-categorical-28) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-28-hover | border-color: oklch(from var(--dt-color-chart-categorical-28-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-28-selected | border-color: oklch(from var(--dt-color-chart-categorical-28-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-29 | border-color: oklch(from var(--dt-color-chart-categorical-29) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-29-hover | border-color: oklch(from var(--dt-color-chart-categorical-29-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-29-selected | border-color: oklch(from var(--dt-color-chart-categorical-29-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-30 | border-color: oklch(from var(--dt-color-chart-categorical-30) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-30-hover | border-color: oklch(from var(--dt-color-chart-categorical-30-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-categorical-30-selected | border-color: oklch(from var(--dt-color-chart-categorical-30-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-01 | border-color: oklch(from var(--dt-color-chart-sequential-01) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-01-hover | border-color: oklch(from var(--dt-color-chart-sequential-01-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-01-selected | border-color: oklch(from var(--dt-color-chart-sequential-01-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-02 | border-color: oklch(from var(--dt-color-chart-sequential-02) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-02-hover | border-color: oklch(from var(--dt-color-chart-sequential-02-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-02-selected | border-color: oklch(from var(--dt-color-chart-sequential-02-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-03 | border-color: oklch(from var(--dt-color-chart-sequential-03) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-03-hover | border-color: oklch(from var(--dt-color-chart-sequential-03-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-03-selected | border-color: oklch(from var(--dt-color-chart-sequential-03-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-04 | border-color: oklch(from var(--dt-color-chart-sequential-04) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-04-hover | border-color: oklch(from var(--dt-color-chart-sequential-04-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-04-selected | border-color: oklch(from var(--dt-color-chart-sequential-04-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-05 | border-color: oklch(from var(--dt-color-chart-sequential-05) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-05-hover | border-color: oklch(from var(--dt-color-chart-sequential-05-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-05-selected | border-color: oklch(from var(--dt-color-chart-sequential-05-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-06 | border-color: oklch(from var(--dt-color-chart-sequential-06) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-06-hover | border-color: oklch(from var(--dt-color-chart-sequential-06-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-06-selected | border-color: oklch(from var(--dt-color-chart-sequential-06-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-07 | border-color: oklch(from var(--dt-color-chart-sequential-07) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-07-hover | border-color: oklch(from var(--dt-color-chart-sequential-07-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-07-selected | border-color: oklch(from var(--dt-color-chart-sequential-07-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-08 | border-color: oklch(from var(--dt-color-chart-sequential-08) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-08-hover | border-color: oklch(from var(--dt-color-chart-sequential-08-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-08-selected | border-color: oklch(from var(--dt-color-chart-sequential-08-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-09 | border-color: oklch(from var(--dt-color-chart-sequential-09) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-09-hover | border-color: oklch(from var(--dt-color-chart-sequential-09-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-09-selected | border-color: oklch(from var(--dt-color-chart-sequential-09-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-10 | border-color: oklch(from var(--dt-color-chart-sequential-10) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-10-hover | border-color: oklch(from var(--dt-color-chart-sequential-10-hover) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-10-selected | border-color: oklch(from var(--dt-color-chart-sequential-10-selected) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-00-end | border-color: oklch(from var(--dt-color-chart-sequential-range-00-end) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-00-start | border-color: oklch(from var(--dt-color-chart-sequential-range-00-start) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-01-end | border-color: oklch(from var(--dt-color-chart-sequential-range-01-end) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-01-start | border-color: oklch(from var(--dt-color-chart-sequential-range-01-start) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-02-end | border-color: oklch(from var(--dt-color-chart-sequential-range-02-end) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-02-start | border-color: oklch(from var(--dt-color-chart-sequential-range-02-start) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-03-end | border-color: oklch(from var(--dt-color-chart-sequential-range-03-end) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-03-start | border-color: oklch(from var(--dt-color-chart-sequential-range-03-start) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-04-end | border-color: oklch(from var(--dt-color-chart-sequential-range-04-end) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-04-start | border-color: oklch(from var(--dt-color-chart-sequential-range-04-start) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-05-end | border-color: oklch(from var(--dt-color-chart-sequential-range-05-end) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-05-start | border-color: oklch(from var(--dt-color-chart-sequential-range-05-start) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-06-end | border-color: oklch(from var(--dt-color-chart-sequential-range-06-end) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-06-start | border-color: oklch(from var(--dt-color-chart-sequential-range-06-start) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-07-end | border-color: oklch(from var(--dt-color-chart-sequential-range-07-end) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-07-start | border-color: oklch(from var(--dt-color-chart-sequential-range-07-start) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-08-end | border-color: oklch(from var(--dt-color-chart-sequential-range-08-end) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-08-start | border-color: oklch(from var(--dt-color-chart-sequential-range-08-start) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-09-end | border-color: oklch(from var(--dt-color-chart-sequential-range-09-end) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-09-start | border-color: oklch(from var(--dt-color-chart-sequential-range-09-start) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-10-end | border-color: oklch(from var(--dt-color-chart-sequential-range-10-end) l c h / var(--bco, alpha)) !important; |
d-bc-chart-sequential-range-10-start | border-color: oklch(from var(--dt-color-chart-sequential-range-10-start) l c h / var(--bco, alpha)) !important; |
d-bc-berry-50
Deprecated
| border-color: oklch(from var(--dt-color-berry-50) l c h / var(--bco, alpha)) !important; |
d-bc-berry-100
Deprecated
| border-color: oklch(from var(--dt-color-berry-100) l c h / var(--bco, alpha)) !important; |
d-bc-berry-200
Deprecated
| border-color: oklch(from var(--dt-color-berry-200) l c h / var(--bco, alpha)) !important; |
d-bc-berry-300
Deprecated
| border-color: oklch(from var(--dt-color-berry-300) l c h / var(--bco, alpha)) !important; |
d-bc-berry-400
Deprecated
| border-color: oklch(from var(--dt-color-berry-400) l c h / var(--bco, alpha)) !important; |
d-bc-berry-500
Deprecated
| border-color: oklch(from var(--dt-color-berry-500) l c h / var(--bco, alpha)) !important; |
d-bc-berry-600
Deprecated
| border-color: oklch(from var(--dt-color-berry-600) l c h / var(--bco, alpha)) !important; |
d-bc-berry-700
Deprecated
| border-color: oklch(from var(--dt-color-berry-700) l c h / var(--bco, alpha)) !important; |
d-bc-berry-800
Deprecated
| border-color: oklch(from var(--dt-color-berry-800) l c h / var(--bco, alpha)) !important; |
d-bc-berry-900
Deprecated
| border-color: oklch(from var(--dt-color-berry-900) l c h / var(--bco, alpha)) !important; |
d-bc-berry-950
Deprecated
| border-color: oklch(from var(--dt-color-berry-950) l c h / var(--bco, alpha)) !important; |
d-bc-berry-1000
Deprecated
| border-color: oklch(from var(--dt-color-berry-1000) l c h / var(--bco, alpha)) !important; |
d-bc-black-50
Deprecated
| border-color: oklch(from var(--dt-color-black-50) l c h / var(--bco, alpha)) !important; |
d-bc-black-100
Deprecated
| border-color: oklch(from var(--dt-color-black-100) l c h / var(--bco, alpha)) !important; |
d-bc-black-150
Deprecated
| border-color: oklch(from var(--dt-color-black-150) l c h / var(--bco, alpha)) !important; |
d-bc-black-200
Deprecated
| border-color: oklch(from var(--dt-color-black-200) l c h / var(--bco, alpha)) !important; |
d-bc-black-250
Deprecated
| border-color: oklch(from var(--dt-color-black-250) l c h / var(--bco, alpha)) !important; |
d-bc-black-300
Deprecated
| border-color: oklch(from var(--dt-color-black-300) l c h / var(--bco, alpha)) !important; |
d-bc-black-350
Deprecated
| border-color: oklch(from var(--dt-color-black-350) l c h / var(--bco, alpha)) !important; |
d-bc-black-400
Deprecated
| border-color: oklch(from var(--dt-color-black-400) l c h / var(--bco, alpha)) !important; |
d-bc-black-450
Deprecated
| border-color: oklch(from var(--dt-color-black-450) l c h / var(--bco, alpha)) !important; |
d-bc-black-500
Deprecated
| border-color: oklch(from var(--dt-color-black-500) l c h / var(--bco, alpha)) !important; |
d-bc-black-550
Deprecated
| border-color: oklch(from var(--dt-color-black-550) l c h / var(--bco, alpha)) !important; |
d-bc-black-600
Deprecated
| border-color: oklch(from var(--dt-color-black-600) l c h / var(--bco, alpha)) !important; |
d-bc-black-650
Deprecated
| border-color: oklch(from var(--dt-color-black-650) l c h / var(--bco, alpha)) !important; |
d-bc-black-700
Deprecated
| border-color: oklch(from var(--dt-color-black-700) l c h / var(--bco, alpha)) !important; |
d-bc-black-750
Deprecated
| border-color: oklch(from var(--dt-color-black-750) l c h / var(--bco, alpha)) !important; |
d-bc-black-800
Deprecated
| border-color: oklch(from var(--dt-color-black-800) l c h / var(--bco, alpha)) !important; |
d-bc-black-850
Deprecated
| border-color: oklch(from var(--dt-color-black-850) l c h / var(--bco, alpha)) !important; |
d-bc-black-900
Deprecated
| border-color: oklch(from var(--dt-color-black-900) l c h / var(--bco, alpha)) !important; |
d-bc-black-950
Deprecated
| border-color: oklch(from var(--dt-color-black-950) l c h / var(--bco, alpha)) !important; |
d-bc-black-1000
Deprecated
| border-color: oklch(from var(--dt-color-black-1000) l c h / var(--bco, alpha)) !important; |
d-bc-blue-50
Deprecated
| border-color: oklch(from var(--dt-color-blue-50) l c h / var(--bco, alpha)) !important; |
d-bc-blue-100
Deprecated
| border-color: oklch(from var(--dt-color-blue-100) l c h / var(--bco, alpha)) !important; |
d-bc-blue-200
Deprecated
| border-color: oklch(from var(--dt-color-blue-200) l c h / var(--bco, alpha)) !important; |
d-bc-blue-300
Deprecated
| border-color: oklch(from var(--dt-color-blue-300) l c h / var(--bco, alpha)) !important; |
d-bc-blue-400
Deprecated
| border-color: oklch(from var(--dt-color-blue-400) l c h / var(--bco, alpha)) !important; |
d-bc-blue-500
Deprecated
| border-color: oklch(from var(--dt-color-blue-500) l c h / var(--bco, alpha)) !important; |
d-bc-blue-600
Deprecated
| border-color: oklch(from var(--dt-color-blue-600) l c h / var(--bco, alpha)) !important; |
d-bc-blue-700
Deprecated
| border-color: oklch(from var(--dt-color-blue-700) l c h / var(--bco, alpha)) !important; |
d-bc-blue-800
Deprecated
| border-color: oklch(from var(--dt-color-blue-800) l c h / var(--bco, alpha)) !important; |
d-bc-blue-900
Deprecated
| border-color: oklch(from var(--dt-color-blue-900) l c h / var(--bco, alpha)) !important; |
d-bc-blue-950
Deprecated
| border-color: oklch(from var(--dt-color-blue-950) l c h / var(--bco, alpha)) !important; |
d-bc-blue-1000
Deprecated
| border-color: oklch(from var(--dt-color-blue-1000) l c h / var(--bco, alpha)) !important; |
d-bc-coral-50
Deprecated
| border-color: oklch(from var(--dt-color-coral-50) l c h / var(--bco, alpha)) !important; |
d-bc-coral-100
Deprecated
| border-color: oklch(from var(--dt-color-coral-100) l c h / var(--bco, alpha)) !important; |
d-bc-coral-200
Deprecated
| border-color: oklch(from var(--dt-color-coral-200) l c h / var(--bco, alpha)) !important; |
d-bc-coral-300
Deprecated
| border-color: oklch(from var(--dt-color-coral-300) l c h / var(--bco, alpha)) !important; |
d-bc-coral-400
Deprecated
| border-color: oklch(from var(--dt-color-coral-400) l c h / var(--bco, alpha)) !important; |
d-bc-coral-500
Deprecated
| border-color: oklch(from var(--dt-color-coral-500) l c h / var(--bco, alpha)) !important; |
d-bc-coral-600
Deprecated
| border-color: oklch(from var(--dt-color-coral-600) l c h / var(--bco, alpha)) !important; |
d-bc-coral-700
Deprecated
| border-color: oklch(from var(--dt-color-coral-700) l c h / var(--bco, alpha)) !important; |
d-bc-coral-800
Deprecated
| border-color: oklch(from var(--dt-color-coral-800) l c h / var(--bco, alpha)) !important; |
d-bc-coral-900
Deprecated
| border-color: oklch(from var(--dt-color-coral-900) l c h / var(--bco, alpha)) !important; |
d-bc-coral-950
Deprecated
| border-color: oklch(from var(--dt-color-coral-950) l c h / var(--bco, alpha)) !important; |
d-bc-coral-1000
Deprecated
| border-color: oklch(from var(--dt-color-coral-1000) l c h / var(--bco, alpha)) !important; |
d-bc-gold-50
Deprecated
| border-color: oklch(from var(--dt-color-gold-50) l c h / var(--bco, alpha)) !important; |
d-bc-gold-100
Deprecated
| border-color: oklch(from var(--dt-color-gold-100) l c h / var(--bco, alpha)) !important; |
d-bc-gold-200
Deprecated
| border-color: oklch(from var(--dt-color-gold-200) l c h / var(--bco, alpha)) !important; |
d-bc-gold-300
Deprecated
| border-color: oklch(from var(--dt-color-gold-300) l c h / var(--bco, alpha)) !important; |
d-bc-gold-400
Deprecated
| border-color: oklch(from var(--dt-color-gold-400) l c h / var(--bco, alpha)) !important; |
d-bc-gold-500
Deprecated
| border-color: oklch(from var(--dt-color-gold-500) l c h / var(--bco, alpha)) !important; |
d-bc-gold-600
Deprecated
| border-color: oklch(from var(--dt-color-gold-600) l c h / var(--bco, alpha)) !important; |
d-bc-gold-700
Deprecated
| border-color: oklch(from var(--dt-color-gold-700) l c h / var(--bco, alpha)) !important; |
d-bc-gold-800
Deprecated
| border-color: oklch(from var(--dt-color-gold-800) l c h / var(--bco, alpha)) !important; |
d-bc-gold-900
Deprecated
| border-color: oklch(from var(--dt-color-gold-900) l c h / var(--bco, alpha)) !important; |
d-bc-gold-950
Deprecated
| border-color: oklch(from var(--dt-color-gold-950) l c h / var(--bco, alpha)) !important; |
d-bc-gold-1000
Deprecated
| border-color: oklch(from var(--dt-color-gold-1000) l c h / var(--bco, alpha)) !important; |
d-bc-green-50
Deprecated
| border-color: oklch(from var(--dt-color-green-50) l c h / var(--bco, alpha)) !important; |
d-bc-green-100
Deprecated
| border-color: oklch(from var(--dt-color-green-100) l c h / var(--bco, alpha)) !important; |
d-bc-green-200
Deprecated
| border-color: oklch(from var(--dt-color-green-200) l c h / var(--bco, alpha)) !important; |
d-bc-green-300
Deprecated
| border-color: oklch(from var(--dt-color-green-300) l c h / var(--bco, alpha)) !important; |
d-bc-green-400
Deprecated
| border-color: oklch(from var(--dt-color-green-400) l c h / var(--bco, alpha)) !important; |
d-bc-green-500
Deprecated
| border-color: oklch(from var(--dt-color-green-500) l c h / var(--bco, alpha)) !important; |
d-bc-green-600
Deprecated
| border-color: oklch(from var(--dt-color-green-600) l c h / var(--bco, alpha)) !important; |
d-bc-green-700
Deprecated
| border-color: oklch(from var(--dt-color-green-700) l c h / var(--bco, alpha)) !important; |
d-bc-green-800
Deprecated
| border-color: oklch(from var(--dt-color-green-800) l c h / var(--bco, alpha)) !important; |
d-bc-green-900
Deprecated
| border-color: oklch(from var(--dt-color-green-900) l c h / var(--bco, alpha)) !important; |
d-bc-green-950
Deprecated
| border-color: oklch(from var(--dt-color-green-950) l c h / var(--bco, alpha)) !important; |
d-bc-green-1000
Deprecated
| border-color: oklch(from var(--dt-color-green-1000) l c h / var(--bco, alpha)) !important; |
d-bc-indigo-50
Deprecated
| border-color: oklch(from var(--dt-color-indigo-50) l c h / var(--bco, alpha)) !important; |
d-bc-indigo-100
Deprecated
| border-color: oklch(from var(--dt-color-indigo-100) l c h / var(--bco, alpha)) !important; |
d-bc-indigo-200
Deprecated
| border-color: oklch(from var(--dt-color-indigo-200) l c h / var(--bco, alpha)) !important; |
d-bc-indigo-300
Deprecated
| border-color: oklch(from var(--dt-color-indigo-300) l c h / var(--bco, alpha)) !important; |
d-bc-indigo-400
Deprecated
| border-color: oklch(from var(--dt-color-indigo-400) l c h / var(--bco, alpha)) !important; |
d-bc-indigo-500
Deprecated
| border-color: oklch(from var(--dt-color-indigo-500) l c h / var(--bco, alpha)) !important; |
d-bc-indigo-600
Deprecated
| border-color: oklch(from var(--dt-color-indigo-600) l c h / var(--bco, alpha)) !important; |
d-bc-indigo-700
Deprecated
| border-color: oklch(from var(--dt-color-indigo-700) l c h / var(--bco, alpha)) !important; |
d-bc-indigo-800
Deprecated
| border-color: oklch(from var(--dt-color-indigo-800) l c h / var(--bco, alpha)) !important; |
d-bc-indigo-900
Deprecated
| border-color: oklch(from var(--dt-color-indigo-900) l c h / var(--bco, alpha)) !important; |
d-bc-indigo-950
Deprecated
| border-color: oklch(from var(--dt-color-indigo-950) l c h / var(--bco, alpha)) !important; |
d-bc-indigo-1000
Deprecated
| border-color: oklch(from var(--dt-color-indigo-1000) l c h / var(--bco, alpha)) !important; |
d-bc-magenta-50
Deprecated
| border-color: oklch(from var(--dt-color-magenta-50) l c h / var(--bco, alpha)) !important; |
d-bc-magenta-100
Deprecated
| border-color: oklch(from var(--dt-color-magenta-100) l c h / var(--bco, alpha)) !important; |
d-bc-magenta-200
Deprecated
| border-color: oklch(from var(--dt-color-magenta-200) l c h / var(--bco, alpha)) !important; |
d-bc-magenta-300
Deprecated
| border-color: oklch(from var(--dt-color-magenta-300) l c h / var(--bco, alpha)) !important; |
d-bc-magenta-400
Deprecated
| border-color: oklch(from var(--dt-color-magenta-400) l c h / var(--bco, alpha)) !important; |
d-bc-magenta-500
Deprecated
| border-color: oklch(from var(--dt-color-magenta-500) l c h / var(--bco, alpha)) !important; |
d-bc-magenta-600
Deprecated
| border-color: oklch(from var(--dt-color-magenta-600) l c h / var(--bco, alpha)) !important; |
d-bc-magenta-700
Deprecated
| border-color: oklch(from var(--dt-color-magenta-700) l c h / var(--bco, alpha)) !important; |
d-bc-magenta-800
Deprecated
| border-color: oklch(from var(--dt-color-magenta-800) l c h / var(--bco, alpha)) !important; |
d-bc-magenta-900
Deprecated
| border-color: oklch(from var(--dt-color-magenta-900) l c h / var(--bco, alpha)) !important; |
d-bc-magenta-950
Deprecated
| border-color: oklch(from var(--dt-color-magenta-950) l c h / var(--bco, alpha)) !important; |
d-bc-magenta-1000
Deprecated
| border-color: oklch(from var(--dt-color-magenta-1000) l c h / var(--bco, alpha)) !important; |
d-bc-olive-50
Deprecated
| border-color: oklch(from var(--dt-color-olive-50) l c h / var(--bco, alpha)) !important; |
d-bc-olive-100
Deprecated
| border-color: oklch(from var(--dt-color-olive-100) l c h / var(--bco, alpha)) !important; |
d-bc-olive-200
Deprecated
| border-color: oklch(from var(--dt-color-olive-200) l c h / var(--bco, alpha)) !important; |
d-bc-olive-300
Deprecated
| border-color: oklch(from var(--dt-color-olive-300) l c h / var(--bco, alpha)) !important; |
d-bc-olive-400
Deprecated
| border-color: oklch(from var(--dt-color-olive-400) l c h / var(--bco, alpha)) !important; |
d-bc-olive-500
Deprecated
| border-color: oklch(from var(--dt-color-olive-500) l c h / var(--bco, alpha)) !important; |
d-bc-olive-600
Deprecated
| border-color: oklch(from var(--dt-color-olive-600) l c h / var(--bco, alpha)) !important; |
d-bc-olive-700
Deprecated
| border-color: oklch(from var(--dt-color-olive-700) l c h / var(--bco, alpha)) !important; |
d-bc-olive-800
Deprecated
| border-color: oklch(from var(--dt-color-olive-800) l c h / var(--bco, alpha)) !important; |
d-bc-olive-900
Deprecated
| border-color: oklch(from var(--dt-color-olive-900) l c h / var(--bco, alpha)) !important; |
d-bc-olive-950
Deprecated
| border-color: oklch(from var(--dt-color-olive-950) l c h / var(--bco, alpha)) !important; |
d-bc-olive-1000
Deprecated
| border-color: oklch(from var(--dt-color-olive-1000) l c h / var(--bco, alpha)) !important; |
d-bc-purple-50
Deprecated
| border-color: oklch(from var(--dt-color-purple-50) l c h / var(--bco, alpha)) !important; |
d-bc-purple-100
Deprecated
| border-color: oklch(from var(--dt-color-purple-100) l c h / var(--bco, alpha)) !important; |
d-bc-purple-200
Deprecated
| border-color: oklch(from var(--dt-color-purple-200) l c h / var(--bco, alpha)) !important; |
d-bc-purple-300
Deprecated
| border-color: oklch(from var(--dt-color-purple-300) l c h / var(--bco, alpha)) !important; |
d-bc-purple-400
Deprecated
| border-color: oklch(from var(--dt-color-purple-400) l c h / var(--bco, alpha)) !important; |
d-bc-purple-500
Deprecated
| border-color: oklch(from var(--dt-color-purple-500) l c h / var(--bco, alpha)) !important; |
d-bc-purple-600
Deprecated
| border-color: oklch(from var(--dt-color-purple-600) l c h / var(--bco, alpha)) !important; |
d-bc-purple-700
Deprecated
| border-color: oklch(from var(--dt-color-purple-700) l c h / var(--bco, alpha)) !important; |
d-bc-purple-800
Deprecated
| border-color: oklch(from var(--dt-color-purple-800) l c h / var(--bco, alpha)) !important; |
d-bc-purple-900
Deprecated
| border-color: oklch(from var(--dt-color-purple-900) l c h / var(--bco, alpha)) !important; |
d-bc-purple-950
Deprecated
| border-color: oklch(from var(--dt-color-purple-950) l c h / var(--bco, alpha)) !important; |
d-bc-purple-1000
Deprecated
| border-color: oklch(from var(--dt-color-purple-1000) l c h / var(--bco, alpha)) !important; |
d-bc-red-50
Deprecated
| border-color: oklch(from var(--dt-color-red-50) l c h / var(--bco, alpha)) !important; |
d-bc-red-100
Deprecated
| border-color: oklch(from var(--dt-color-red-100) l c h / var(--bco, alpha)) !important; |
d-bc-red-200
Deprecated
| border-color: oklch(from var(--dt-color-red-200) l c h / var(--bco, alpha)) !important; |
d-bc-red-300
Deprecated
| border-color: oklch(from var(--dt-color-red-300) l c h / var(--bco, alpha)) !important; |
d-bc-red-400
Deprecated
| border-color: oklch(from var(--dt-color-red-400) l c h / var(--bco, alpha)) !important; |
d-bc-red-500
Deprecated
| border-color: oklch(from var(--dt-color-red-500) l c h / var(--bco, alpha)) !important; |
d-bc-red-600
Deprecated
| border-color: oklch(from var(--dt-color-red-600) l c h / var(--bco, alpha)) !important; |
d-bc-red-700
Deprecated
| border-color: oklch(from var(--dt-color-red-700) l c h / var(--bco, alpha)) !important; |
d-bc-red-800
Deprecated
| border-color: oklch(from var(--dt-color-red-800) l c h / var(--bco, alpha)) !important; |
d-bc-red-900
Deprecated
| border-color: oklch(from var(--dt-color-red-900) l c h / var(--bco, alpha)) !important; |
d-bc-red-950
Deprecated
| border-color: oklch(from var(--dt-color-red-950) l c h / var(--bco, alpha)) !important; |
d-bc-red-1000
Deprecated
| border-color: oklch(from var(--dt-color-red-1000) l c h / var(--bco, alpha)) !important; |
d-bc-tan-50
Deprecated
| border-color: oklch(from var(--dt-color-tan-50) l c h / var(--bco, alpha)) !important; |
d-bc-tan-100
Deprecated
| border-color: oklch(from var(--dt-color-tan-100) l c h / var(--bco, alpha)) !important; |
d-bc-tan-200
Deprecated
| border-color: oklch(from var(--dt-color-tan-200) l c h / var(--bco, alpha)) !important; |
d-bc-tan-300
Deprecated
| border-color: oklch(from var(--dt-color-tan-300) l c h / var(--bco, alpha)) !important; |
d-bc-tan-400
Deprecated
| border-color: oklch(from var(--dt-color-tan-400) l c h / var(--bco, alpha)) !important; |
d-bc-tan-500
Deprecated
| border-color: oklch(from var(--dt-color-tan-500) l c h / var(--bco, alpha)) !important; |
d-bc-tan-600
Deprecated
| border-color: oklch(from var(--dt-color-tan-600) l c h / var(--bco, alpha)) !important; |
d-bc-tan-700
Deprecated
| border-color: oklch(from var(--dt-color-tan-700) l c h / var(--bco, alpha)) !important; |
d-bc-tan-800
Deprecated
| border-color: oklch(from var(--dt-color-tan-800) l c h / var(--bco, alpha)) !important; |
d-bc-tan-900
Deprecated
| border-color: oklch(from var(--dt-color-tan-900) l c h / var(--bco, alpha)) !important; |
d-bc-tan-950
Deprecated
| border-color: oklch(from var(--dt-color-tan-950) l c h / var(--bco, alpha)) !important; |
d-bc-tan-1000
Deprecated
| border-color: oklch(from var(--dt-color-tan-1000) l c h / var(--bco, alpha)) !important; |
d-bc-teal-50
Deprecated
| border-color: oklch(from var(--dt-color-teal-50) l c h / var(--bco, alpha)) !important; |
d-bc-teal-100
Deprecated
| border-color: oklch(from var(--dt-color-teal-100) l c h / var(--bco, alpha)) !important; |
d-bc-teal-200
Deprecated
| border-color: oklch(from var(--dt-color-teal-200) l c h / var(--bco, alpha)) !important; |
d-bc-teal-300
Deprecated
| border-color: oklch(from var(--dt-color-teal-300) l c h / var(--bco, alpha)) !important; |
d-bc-teal-400
Deprecated
| border-color: oklch(from var(--dt-color-teal-400) l c h / var(--bco, alpha)) !important; |
d-bc-teal-500
Deprecated
| border-color: oklch(from var(--dt-color-teal-500) l c h / var(--bco, alpha)) !important; |
d-bc-teal-600
Deprecated
| border-color: oklch(from var(--dt-color-teal-600) l c h / var(--bco, alpha)) !important; |
d-bc-teal-700
Deprecated
| border-color: oklch(from var(--dt-color-teal-700) l c h / var(--bco, alpha)) !important; |
d-bc-teal-800
Deprecated
| border-color: oklch(from var(--dt-color-teal-800) l c h / var(--bco, alpha)) !important; |
d-bc-teal-900
Deprecated
| border-color: oklch(from var(--dt-color-teal-900) l c h / var(--bco, alpha)) !important; |
d-bc-teal-950
Deprecated
| border-color: oklch(from var(--dt-color-teal-950) l c h / var(--bco, alpha)) !important; |
d-bc-teal-1000
Deprecated
| border-color: oklch(from var(--dt-color-teal-1000) l c h / var(--bco, alpha)) !important; |