aspect-ratio

Utilities for controlling the aspect ratio of an element.

Class Styles
aspect-<ratio>
aspect-ratio: <ratio>;
aspect-square
aspect-ratio: 1 / 1;
aspect-video
aspect-ratio: var(--aspect-ratio-video); /* 16 / 9 */
aspect-auto
aspect-ratio: auto;
aspect-(<custom-property>)
aspect-ratio: var(<custom-property>);
aspect-[<value>]
aspect-ratio: <value>;

columns

Utilities for controlling the number of columns within an element.

Class Styles
columns-<number>
columns: <number>;
columns-3xs
columns: var(--container-3xs); /* 16rem (256px) */
columns-2xs
columns: var(--container-2xs); /* 18rem (288px) */
columns-xs
columns: var(--container-xs); /* 20rem (320px) */
columns-sm
columns: var(--container-sm); /* 24rem (384px) */
columns-md
columns: var(--container-md); /* 28rem (448px) */
columns-lg
columns: var(--container-lg); /* 32rem (512px) */
columns-xl
columns: var(--container-xl); /* 36rem (576px) */
columns-2xl
columns: var(--container-2xl); /* 42rem (672px) */
columns-3xl
columns: var(--container-3xl); /* 48rem (768px) */
columns-4xl
columns: var(--container-4xl); /* 56rem (896px) */
columns-5xl
columns: var(--container-5xl); /* 64rem (1024px) */
columns-6xl
columns: var(--container-6xl); /* 72rem (1152px) */
columns-7xl
columns: var(--container-7xl); /* 80rem (1280px) */
columns-auto
columns: auto;
columns-(<custom-property>)
columns: var(<custom-property>);
columns-[<value>]
columns: <value>;

break-after

Utilities for controlling how a column or page should break after an element.

Class Styles
break-after-auto
break-after: auto;
break-after-avoid
break-after: avoid;
break-after-all
break-after: all;
break-after-avoid-page
break-after: avoid-page;
break-after-page
break-after: page;
break-after-left
break-after: left;
break-after-right
break-after: right;
break-after-column
break-after: column;

break-before

Utilities for controlling how a column or page should break before an element.

Class Styles
break-before-auto
break-before: auto;
break-before-avoid
break-before: avoid;
break-before-all
break-before: all;
break-before-avoid-page
break-before: avoid-page;
break-before-page
break-before: page;
break-before-left
break-before: left;
break-before-right
break-before: right;
break-before-column
break-before: column;

break-inside

Utilities for controlling how a column or page should break within an element.

Class Styles
break-inside-auto
break-inside: auto;
break-inside-avoid
break-inside: avoid;
break-inside-avoid-page
break-inside: avoid-page;
break-inside-avoid-column
break-inside: avoid-column;

box-decoration-break

Utilities for controlling how element fragments should be rendered across multiple lines, columns, or pages.

Class Styles
box-decoration-clone
box-decoration-break: clone
box-decoration-slice
box-decoration-break: slice

box-sizing

Utilities for controlling how the browser should calculate an element's total size.

Class Styles
box-border
box-sizing: border-box
box-content
box-sizing: content-box

display

Utilities for controlling the display box type of an element.

Class Styles
inline
display: inline;
block
display: block;
inline-block
display: inline-block;
flow-root
display: flow-root;
flex
display: flex;
inline-flex
display: inline-flex;
grid
display: grid;
inline-grid
display: inline-grid;
contents
display: contents;
table
display: table;
inline-table
display: inline-table;
table-caption
display: table-caption;
table-cell
display: table-cell;
table-column
display: table-column;
table-column-group
display: table-column-group;
table-footer-group
display: table-footer-group;
table-header-group
display: table-header-group;
table-row-group
display: table-row-group;
table-row
display: table-row;
list-item
display: list-item;
hidden
display: none;
sr-only
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0;
not-sr-only
position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal;

float

Utilities for controlling the wrapping of content around an element.

Class Styles
float-right
float: right;
float-left
float: left;
float-start
float: inline-start;
float-end
float: inline-end;
float-none
float: none;

clear

Utilities for controlling the wrapping of content around an element.

Class Styles
clear-left
clear: left;
clear-right
clear: right;
clear-both
clear: both;
clear-start
clear: inline-start;
clear-end
clear: inline-end;
clear-none
clear: none;

isolation

Utilities for controlling whether an element should explicitly create a new stacking context.

Class Styles
isolate
isolation: isolate;
isolation-auto
isolation: auto;

object-fit

Utilities for controlling how a replaced element's content should be resized.

Class Styles
object-contain
object-fit: contain;
object-cover
object-fit: cover;
object-fill
object-fit: fill;
object-none
object-fit: none;
object-scale-down
object-fit: scale-down;

object-position

Utilities for controlling how a replaced element's content should be positioned within its container.

Class Styles
object-top-left
object-position: top left;
object-top
object-position: top;
object-top-right
object-position: top right;
object-left
object-position: left;
object-center
object-position: center;
object-right
object-position: right;
object-bottom-left
object-position: bottom left;
object-bottom
object-position: bottom;
object-bottom-right
object-position: bottom right;
object-(<custom-property>)
object-position: var(<custom-property>);
object-[<value>]
object-position: <value>;

overflow

Utilities for controlling how an element handles content that is too large for the container.

Class Styles
overflow-auto
overflow: auto;
overflow-hidden
overflow: hidden;
overflow-clip
overflow: clip;
overflow-visible
overflow: visible;
overflow-scroll
overflow: scroll;
overflow-x-auto
overflow-x: auto;
overflow-y-auto
overflow-y: auto;
overflow-x-hidden
overflow-x: hidden;
overflow-y-hidden
overflow-y: hidden;
overflow-x-clip
overflow-x: clip;
overflow-y-clip
overflow-y: clip;
overflow-x-visible
overflow-x: visible;
overflow-y-visible
overflow-y: visible;
overflow-x-scroll
overflow-x: scroll;
overflow-y-scroll
overflow-y: scroll;

overscroll-behavior

Utilities for controlling how the browser behaves when reaching the boundary of a scrolling area.

Class Styles
overscroll-auto
overscroll-behavior: auto;
overscroll-contain
overscroll-behavior: contain;
overscroll-none
overscroll-behavior: none;
overscroll-x-auto
overscroll-behavior-x: auto;
overscroll-x-contain
overscroll-behavior-x: contain;
overscroll-x-none
overscroll-behavior-x: none;
overscroll-y-auto
overscroll-behavior-y: auto;
overscroll-y-contain
overscroll-behavior-y: contain;
overscroll-y-none
overscroll-behavior-y: none;

position

Utilities for controlling how an element is positioned in the document.

Class Styles
static
position: static;
fixed
position: fixed;
absolute
position: absolute;
relative
position: relative;
sticky
position: sticky;

top / right / bottom / left

Utilities for controlling the placement of positioned elements.

Class Styles
inset-<number>
inset: calc(var(--spacing) * <number>);
-inset-<number>
inset: calc(var(--spacing) * -<number>);
inset-<fraction>
inset: calc(<fraction> * 100%);
-inset-<fraction>
inset: calc(<fraction> * -100%);
inset-px
inset: 1px;
-inset-px
inset: -1px;
inset-full
inset: 100%;
-inset-full
inset: -100%;
inset-auto
inset: auto;
inset-(<custom-property>)
inset: var(<custom-property>);
inset-[<value>]
inset: <value>;
inset-x-<number>
inset-inline: calc(var(--spacing) * <number>);
-inset-x-<number>
inset-inline: calc(var(--spacing) * -<number>);
inset-x-<fraction>
inset-inline: calc(<fraction> * 100%);
-inset-x-<fraction>
inset-inline: calc(<fraction> * -100%);
inset-x-px
inset-inline: 1px;
-inset-x-px
inset-inline: -1px;
inset-x-full
inset-inline: 100%;
-inset-x-full
inset-inline: -100%;
inset-x-auto
inset-inline: auto;
inset-x-(<custom-property>)
inset-inline: var(<custom-property>);
inset-x-[<value>]
inset-inline: <value>;
inset-y-<number>
inset-block: calc(var(--spacing) * <number>);
-inset-y-<number>
inset-block: calc(var(--spacing) * -<number>);
inset-y-<fraction>
inset-block: calc(<fraction> * 100%);
-inset-y-<fraction>
inset-block: calc(<fraction> * -100%);
inset-y-px
inset-block: 1px;
-inset-y-px
inset-block: -1px;
inset-y-full
inset-block: 100%;
-inset-y-full
inset-block: -100%;
inset-y-auto
inset-block: auto;
inset-y-(<custom-property>)
inset-block: var(<custom-property>);
inset-y-[<value>]
inset-block: <value>;
start-<number>
inset-inline-start: calc(var(--spacing) * <number>);
-start-<number>
inset-inline-start: calc(var(--spacing) * -<number>);
start-<fraction>
inset-inline-start: calc(<fraction> * 100%);
-start-<fraction>
inset-inline-start: calc(<fraction> * -100%);
start-px
inset-inline-start: 1px;
-start-px
inset-inline-start: -1px;
start-full
inset-inline-start: 100%;
-start-full
inset-inline-start: -100%;
start-auto
inset-inline-start: auto;
start-(<custom-property>)
inset-inline-start: var(<custom-property>);
start-[<value>]
inset-inline-start: <value>;
end-<number>
inset-inline-end: calc(var(--spacing) * <number>);
-end-<number>
inset-inline-end: calc(var(--spacing) * -<number>);
end-<fraction>
inset-inline-end: calc(<fraction> * 100%);
-end-<fraction>
inset-inline-end: calc(<fraction> * -100%);
end-px
inset-inline-end: 1px;
-end-px
inset-inline-end: -1px;
end-full
inset-inline-end: 100%;
-end-full
inset-inline-end: -100%;
end-auto
inset-inline-end: auto;
end-(<custom-property>)
inset-inline-end: var(<custom-property>);
end-[<value>]
inset-inline-end: <value>;
top-<number>
top: calc(var(--spacing) * <number>);
-top-<number>
top: calc(var(--spacing) * -<number>);
top-<fraction>
top: calc(<fraction> * 100%);
-top-<fraction>
top: calc(<fraction> * -100%);
top-px
top: 1px;
-top-px
top: -1px;
top-full
top: 100%;
-top-full
top: -100%;
top-auto
top: auto;
top-(<custom-property>)
top: var(<custom-property>);
top-[<value>]
top: <value>;
right-<number>
right: calc(var(--spacing) * <number>);
-right-<number>
right: calc(var(--spacing) * -<number>);
right-<fraction>
right: calc(<fraction> * 100%);
-right-<fraction>
right: calc(<fraction> * -100%);
right-px
right: 1px;
-right-px
right: -1px;
right-full
right: 100%;
-right-full
right: -100%;
right-auto
right: auto;
right-(<custom-property>)
right: var(<custom-property>);
right-[<value>]
right: <value>;
bottom-<number>
bottom: calc(var(--spacing) * <number>);
-bottom-<number>
bottom: calc(var(--spacing) * -<number>);
bottom-<fraction>
bottom: calc(<fraction> * 100%);
-bottom-<fraction>
bottom: calc(<fraction> * -100%);
bottom-px
bottom: 1px;
-bottom-px
bottom: -1px;
bottom-full
bottom: 100%;
-bottom-full
bottom: -100%;
bottom-auto
bottom: auto;
bottom-(<custom-property>)
bottom: var(<custom-property>);
bottom-[<value>]
bottom: <value>;
left-<number>
left: calc(var(--spacing) * <number>);
-left-<number>
left: calc(var(--spacing) * -<number>);
left-<fraction>
left: calc(<fraction> * 100%);
-left-<fraction>
left: calc(<fraction> * -100%);
left-px
left: 1px;
-left-px
left: -1px;
left-full
left: 100%;
-left-full
left: -100%;
left-auto
left: auto;
left-(<custom-property>)
left: var(<custom-property>);
left-[<value>]
left: <value>;

visibility

Utilities for controlling the visibility of an element.

Class Styles
visible
visibility: visible;
invisible
visibility: hidden;
collapse
visibility: collapse;

z-index

Utilities for controlling the stack order of an element.

Class Styles
z-<number>
z-index: <number>;
z-auto
z-index: auto;
z-[<value>]
z-index: <value>;
z-(<custom-property>)
z-index: var(<custom-property>);

flex-basis

Utilities for controlling the initial size of flex items.

Class Styles
basis-<number>
flex-basis: calc(var(--spacing) * <number>);
basis-<fraction>
flex-basis: calc(<fraction> * 100%);
basis-full
flex-basis: 100%;
basis-auto
flex-basis: auto;
basis-3xs
flex-basis: var(--container-3xs); /* 16rem (256px) */
basis-2xs
flex-basis: var(--container-2xs); /* 18rem (288px) */
basis-xs
flex-basis: var(--container-xs); /* 20rem (320px) */
basis-sm
flex-basis: var(--container-sm); /* 24rem (384px) */
basis-md
flex-basis: var(--container-md); /* 28rem (448px) */
basis-lg
flex-basis: var(--container-lg); /* 32rem (512px) */
basis-xl
flex-basis: var(--container-xl); /* 36rem (576px) */
basis-2xl
flex-basis: var(--container-2xl); /* 42rem (672px) */
basis-3xl
flex-basis: var(--container-3xl); /* 48rem (768px) */
basis-4xl
flex-basis: var(--container-4xl); /* 56rem (896px) */
basis-5xl
flex-basis: var(--container-5xl); /* 64rem (1024px) */
basis-6xl
flex-basis: var(--container-6xl); /* 72rem (1152px) */
basis-7xl
flex-basis: var(--container-7xl); /* 80rem (1280px) */
basis-(<custom-property>)
flex-basis: var(<custom-property>);
basis-[<value>]
flex-basis: <value>;

flex-direction

Utilities for controlling the direction of flex items.

Class Styles
flex-row
flex-direction: row;
flex-row-reverse
flex-direction: row-reverse;
flex-col
flex-direction: column;
flex-col-reverse
flex-direction: column-reverse;

flex-wrap

Utilities for controlling how flex items wrap.

Class Styles
flex-nowrap
flex-wrap: nowrap;
flex-wrap
flex-wrap: wrap;
flex-wrap-reverse
flex-wrap: wrap-reverse;

flex

Utilities for controlling how flex items both grow and shrink.

Class Styles
flex-<number>
flex: <number>;
flex-<fraction>
flex: calc(<fraction> * 100%);
flex-auto
flex: 1 1 auto;
flex-initial
flex: 0 1 auto;
flex-none
flex: none;
flex-(<custom-property>)
flex: var(<custom-property>);
flex-[<value>]
flex: <value>;

flex-grow

Utilities for controlling how flex items grow.

Class Styles
grow
flex-grow: 1;
grow-<number>
flex-grow: <number>;
grow-[<value>]
flex-grow: <value>;
grow-(<custom-property>)
flex-grow: var(<custom-property>);

flex-shrink

Utilities for controlling how flex items shrink.

Class Styles
shrink
flex-shrink: 1;
shrink-<number>
flex-shrink: <number>;
shrink-[<value>]
flex-shrink: <value>;
shrink-(<custom-property>)
flex-shrink: var(<custom-property>);

order

Utilities for controlling the order of flex and grid items.

Class Styles
order-<number>
order: <number>;
-order-<number>
order: calc(<number> * -1);
order-first
order: calc(-infinity);
order-last
order: calc(infinity);
order-none
order: 0;
order-(<custom-property>)
order: var(<custom-property>);
order-[<value>]
order: <value>;

grid-template-columns

Utilities for specifying the columns in a grid layout.

Class Styles
grid-cols-<number>
grid-template-columns: repeat(<number>, minmax(0, 1fr));
grid-cols-none
grid-template-columns: none;
grid-cols-subgrid
grid-template-columns: subgrid;
grid-cols-[<value>]
grid-template-columns: <value>;
grid-cols-(<custom-property>)
grid-template-columns: var(<custom-property>);

grid-column

Utilities for controlling how elements are sized and placed across grid columns.

Class Styles
col-span-<number>
grid-column: span <number> / span <number>;
col-span-full
grid-column: 1 / -1;
col-span-(<custom-property>)
grid-column: span var(<custom-property>) / span var(<custom-property>);
col-span-[<value>]
grid-column: span <value> / span <value>;
col-start-<number>
grid-column-start: <number>;
-col-start-<number>
grid-column-start: calc(<number> * -1);
col-start-auto
grid-column-start: auto;
col-start-(<custom-property>)
grid-column-start: var(<custom-property>);
col-start-[<value>]
grid-column-start: <value>;
col-end-<number>
grid-column-end: <number>;
-col-end-<number>
grid-column-end: calc(<number> * -1);
col-end-auto
grid-column-end: auto;
col-end-(<custom-property>)
grid-column-end: var(<custom-property>);
col-end-[<value>]
grid-column-end: <value>;
col-auto
grid-column: auto;
col-<number>
grid-column: <number>;
-col-<number>
grid-column: calc(<number> * -1);
col-(<custom-property>)
grid-column: var(<custom-property>);
col-[<value>]
grid-column: <value>;

grid-template-rows

Utilities for specifying the rows in a grid layout.

Class Styles
grid-rows-<number>
grid-template-rows: repeat(<number>, minmax(0, 1fr));
grid-rows-none
grid-template-rows: none;
grid-rows-subgrid
grid-template-rows: subgrid;
grid-rows-[<value>]
grid-template-rows: <value>;
grid-rows-(<custom-property>)
grid-template-rows: var(<custom-property>);

grid-row

Utilities for controlling how elements are sized and placed across grid rows.

Class Styles
row-span-<number>
grid-row: span <number> / span <number>;
row-span-full
grid-row: 1 / -1;
row-span-(<custom-property>)
grid-row: span var(<custom-property>) / span var(<custom-property>);
row-span-[<value>]
grid-row: span <value> / span <value>;
row-start-<number>
grid-row-start: <number>;
-row-start-<number>
grid-row-start: calc(<number> * -1);
row-start-auto
grid-row-start: auto;
row-start-(<custom-property>)
grid-row-start: var(<custom-property>);
row-start-[<value>]
grid-row-start: <value>;
row-end-<number>
grid-row-end: <number>;
-row-end-<number>
grid-row-end: calc(<number> * -1);
row-end-auto
grid-row-end: auto;
row-end-(<custom-property>)
grid-row-end: var(<custom-property>);
row-end-[<value>]
grid-row-end: <value>;
row-auto
grid-row: auto;
row-<number>
grid-row: <number>;
-row-<number>
grid-row: calc(<number> * -1);
row-(<custom-property>)
grid-row: var(<custom-property>);
row-[<value>]
grid-row: <value>;

grid-auto-flow

Utilities for controlling how elements in a grid are auto-placed.

Class Styles
grid-flow-row
grid-auto-flow: row;
grid-flow-col
grid-auto-flow: column;
grid-flow-dense
grid-auto-flow: dense;
grid-flow-row-dense
grid-auto-flow: row dense;
grid-flow-col-dense
grid-auto-flow: column dense;

grid-auto-columns

Utilities for controlling the size of implicitly-created grid columns.

Class Styles
auto-cols-auto
grid-auto-columns: auto;
auto-cols-min
grid-auto-columns: min-content;
auto-cols-max
grid-auto-columns: max-content;
auto-cols-fr
grid-auto-columns: minmax(0, 1fr);
auto-cols-(<custom-property>)
grid-auto-columns: var(<custom-property>);
auto-cols-[<value>]
grid-auto-columns: <value>;

grid-auto-rows

Utilities for controlling the size of implicitly-created grid rows.

Class Styles
auto-rows-auto
grid-auto-rows: auto;
auto-rows-min
grid-auto-rows: min-content;
auto-rows-max
grid-auto-rows: max-content;
auto-rows-fr
grid-auto-rows: minmax(0, 1fr);
auto-rows-(<custom-property>)
grid-auto-rows: var(<custom-property>);
auto-rows-[<value>]
grid-auto-rows: <value>;

gap

Utilities for controlling gutters between grid and flexbox items.

Class Styles
gap-<number>
gap: calc(var(--spacing) * <value>);
gap-(<custom-property>)
gap: var(<custom-property>);
gap-[<value>]
gap: <value>;
gap-x-<number>
column-gap: calc(var(--spacing) * <value>);
gap-x-(<custom-property>)
column-gap: var(<custom-property>);
gap-x-[<value>]
column-gap: <value>;
gap-y-<number>
row-gap: calc(var(--spacing) * <value>);
gap-y-(<custom-property>)
row-gap: var(<custom-property>);
gap-y-[<value>]
row-gap: <value>;

justify-content

Utilities for controlling how flex and grid items are positioned along a container's main axis.

Class Styles
justify-start
justify-content: flex-start;
justify-end
justify-content: flex-end;
justify-end-safe
justify-content: safe flex-end;
justify-center
justify-content: center;
justify-center-safe
justify-content: safe center;
justify-between
justify-content: space-between;
justify-around
justify-content: space-around;
justify-evenly
justify-content: space-evenly;
justify-stretch
justify-content: stretch;
justify-baseline
justify-content: baseline;
justify-normal
justify-content: normal;

justify-items

Utilities for controlling how grid items are aligned along their inline axis.

Class Styles
justify-items-start
justify-items: start;
justify-items-end
justify-items: end;
justify-items-end-safe
justify-items: safe end;
justify-items-center
justify-items: center;
justify-items-center-safe
justify-items: safe center;
justify-items-stretch
justify-items: stretch;
justify-items-normal
justify-items: normal;

justify-self

Utilities for controlling how an individual grid item is aligned along its inline axis.

Class Styles
justify-self-auto
justify-self: auto;
justify-self-start
justify-self: start;
justify-self-center
justify-self: center;
justify-self-center-safe
justify-self: safe center;
justify-self-end
justify-self: end;
justify-self-end-safe
justify-self: safe end;
justify-self-stretch
justify-self: stretch;

align-content

Utilities for controlling how rows are positioned in multi-row flex and grid containers.

Class Styles
content-normal
align-content: normal;
content-center
align-content: center;
content-start
align-content: flex-start;
content-end
align-content: flex-end;
content-between
align-content: space-between;
content-around
align-content: space-around;
content-evenly
align-content: space-evenly;
content-baseline
align-content: baseline;
content-stretch
align-content: stretch;

align-items

Utilities for controlling how flex and grid items are positioned along a container's cross axis.

Class Styles
items-start
align-items: flex-start;
items-end
align-items: flex-end;
items-end-safe
align-items: safe flex-end;
items-center
align-items: center;
items-center-safe
align-items: safe center;
items-baseline
align-items: baseline;
items-baseline-last
align-items: last baseline;
items-stretch
align-items: stretch;

align-self

Utilities for controlling how an individual flex or grid item is positioned along its container's cross axis.

Class Styles
self-auto
align-self: auto;
self-start
align-self: flex-start;
self-end
align-self: flex-end;
self-end-safe
align-self: safe flex-end;
self-center
align-self: center;
self-center-safe
align-self: safe center;
self-stretch
align-self: stretch;
self-baseline
align-self: baseline;
self-baseline
align-self: last baseline;

place-content

Utilities for controlling how content is justified and aligned at the same time.

Class Styles
place-content-center
place-content: center;
place-content-center-safe
place-content: safe center;
place-content-start
place-content: start;
place-content-end
place-content: end;
place-content-end-safe
place-content: safe end;
place-content-between
place-content: space-between;
place-content-around
place-content: space-around;
place-content-evenly
place-content: space-evenly;
place-content-baseline
place-content: baseline;
place-content-stretch
place-content: stretch;

place-items

Utilities for controlling how items are justified and aligned at the same time.

Class Styles
place-items-start
place-items: start;
place-items-end
place-items: end;
place-items-end-safe
place-items: safe end;
place-items-center
place-items: center;
place-items-center-safe
place-items: safe center;
place-items-baseline
place-items: baseline;
place-items-stretch
place-items: stretch;

place-self

Utilities for controlling how an individual item is justified and aligned at the same time.

Class Styles
place-self-auto
place-self: auto;
place-self-start
place-self: start;
place-self-end
place-self: end;
place-self-end-safe
place-self: safe end;
place-self-center
place-self: center;
place-self-center-safe
place-self: safe center;
place-self-stretch
place-self: stretch;

padding

Utilities for controlling an element's padding.

Class Styles
p-<number>
padding: calc(var(--spacing) * <number>);
p-px
padding: 1px;
p-(<custom-property>)
padding: var(<custom-property>);
p-[<value>]
padding: <value>;
px-<number>
padding-inline: calc(var(--spacing) * <number>);
px-px
padding-inline: 1px;
px-(<custom-property>)
padding-inline: var(<custom-property>);
px-[<value>]
padding-inline: <value>;
py-<number>
padding-block: calc(var(--spacing) * <number>);
py-px
padding-block: 1px;
py-(<custom-property>)
padding-block: var(<custom-property>);
py-[<value>]
padding-block: <value>;
ps-<number>
padding-inline-start: calc(var(--spacing) * <number>);
ps-px
padding-inline-start: 1px;
ps-(<custom-property>)
padding-inline-start: var(<custom-property>);
ps-[<value>]
padding-inline-start: <value>;
pe-<number>
padding-inline-end: calc(var(--spacing) * <number>);
pe-px
padding-inline-end: 1px;
pe-(<custom-property>)
padding-inline-end: var(<custom-property>);
pe-[<value>]
padding-inline-end: <value>;
pt-<number>
padding-top: calc(var(--spacing) * <number>);
pt-px
padding-top: 1px;
pt-(<custom-property>)
padding-top: var(<custom-property>);
pt-[<value>]
padding-top: <value>;
pr-<number>
padding-right: calc(var(--spacing) * <number>);
pr-px
padding-right: 1px;
pr-(<custom-property>)
padding-right: var(<custom-property>);
pr-[<value>]
padding-right: <value>;
pb-<number>
padding-bottom: calc(var(--spacing) * <number>);
pb-px
padding-bottom: 1px;
pb-(<custom-property>)
padding-bottom: var(<custom-property>);
pb-[<value>]
padding-bottom: <value>;
pl-<number>
padding-left: calc(var(--spacing) * <number>);
pl-px
padding-left: 1px;
pl-(<custom-property>)
padding-left: var(<custom-property>);
pl-[<value>]
padding-left: <value>;

margin

Utilities for controlling an element's margin.

Class Styles
m-<number>
margin: calc(var(--spacing) * <number>);
-m-<number>
margin: calc(var(--spacing) * -<number>);
m-auto
margin: auto;
m-px
margin: 1px;
-m-px
margin: -1px;
m-(<custom-property>)
margin: var(<custom-property>);
m-[<value>]
margin: <value>;
mx-<number>
margin-inline: calc(var(--spacing) * <number>);
-mx-<number>
margin-inline: calc(var(--spacing) * -<number>);
mx-auto
margin-inline: auto;
mx-px
margin-inline: 1px;
-mx-px
margin-inline: -1px;
mx-(<custom-property>)
margin-inline: var(<custom-property>);
mx-[<value>]
margin-inline: <value>;
my-<number>
margin-block: calc(var(--spacing) * <number>);
-my-<number>
margin-block: calc(var(--spacing) * -<number>);
my-auto
margin-block: auto;
my-px
margin-block: 1px;
-my-px
margin-block: -1px;
my-(<custom-property>)
margin-block: var(<custom-property>);
my-[<value>]
margin-block: <value>;
ms-<number>
margin-inline-start: calc(var(--spacing) * <number>);
-ms-<number>
margin-inline-start: calc(var(--spacing) * -<number>);
ms-auto
margin-inline-start: auto;
ms-px
margin-inline-start: 1px;
-ms-px
margin-inline-start: -1px;
ms-(<custom-property>)
margin-inline-start: var(<custom-property>);
ms-[<value>]
margin-inline-start: <value>;
me-<number>
margin-inline-end: calc(var(--spacing) * <number>);
-me-<number>
margin-inline-end: calc(var(--spacing) * -<number>);
me-auto
margin-inline-end: auto;
me-px
margin-inline-end: 1px;
-me-px
margin-inline-end: -1px;
me-(<custom-property>)
margin-inline-end: var(<custom-property>);
me-[<value>]
margin-inline-end: <value>;
mt-<number>
margin-top: calc(var(--spacing) * <number>);
-mt-<number>
margin-top: calc(var(--spacing) * -<number>);
mt-auto
margin-top: auto;
mt-px
margin-top: 1px;
-mt-px
margin-top: -1px;
mt-(<custom-property>)
margin-top: var(<custom-property>);
mt-[<value>]
margin-top: <value>;
mr-<number>
margin-right: calc(var(--spacing) * <number>);
-mr-<number>
margin-right: calc(var(--spacing) * -<number>);
mr-auto
margin-right: auto;
mr-px
margin-right: 1px;
-mr-px
margin-right: -1px;
mr-(<custom-property>)
margin-right: var(<custom-property>);
mr-[<value>]
margin-right: <value>;
mb-<number>
margin-bottom: calc(var(--spacing) * <number>);
-mb-<number>
margin-bottom: calc(var(--spacing) * -<number>);
mb-auto
margin-bottom: auto;
mb-px
margin-bottom: 1px;
-mb-px
margin-bottom: -1px;
mb-(<custom-property>)
margin-bottom: var(<custom-property>);
mb-[<value>]
margin-bottom: <value>;
ml-<number>
margin-left: calc(var(--spacing) * <number>);
-ml-<number>
margin-left: calc(var(--spacing) * -<number>);
ml-auto
margin-left: auto;
ml-px
margin-left: 1px;
-ml-px
margin-left: -1px;
ml-(<custom-property>)
margin-left: var(<custom-property>);
ml-[<value>]
margin-left: <value>;
space-x-<number>
& > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * <number>) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * <number>) * calc(1 - var(--tw-space-x-reverse))); };
-space-x-<number>
& > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -<number>) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -<number>) * calc(1 - var(--tw-space-x-reverse))); };
space-x-px
& > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc(1px * var(--tw-space-x-reverse)); margin-inline-end: calc(1px * calc(1 - var(--tw-space-x-reverse))); };
-space-x-px
& > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc(-1px * var(--tw-space-x-reverse)); margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse))); };
space-x-(<custom-property>)
& > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc(var(<custom-property>) * var(--tw-space-x-reverse)); margin-inline-end: calc(var(<custom-property>) * calc(1 - var(--tw-space-x-reverse))); };
space-x-[<value>]
& > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc(<value> * var(--tw-space-x-reverse)); margin-inline-end: calc(<value> * calc(1 - var(--tw-space-x-reverse))); };
space-y-<number>
& > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * <number>) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * <number>) * calc(1 - var(--tw-space-y-reverse))); };
-space-y-<number>
& > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * -<number>) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * -<number>) * calc(1 - var(--tw-space-y-reverse))); };
space-y-px
& > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc(1px * var(--tw-space-y-reverse)); margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse))); };
-space-y-px
& > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc(-1px * var(--tw-space-y-reverse)); margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse))); };
space-y-(<custom-property>)
& > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc(var(<custom-property>) * var(--tw-space-y-reverse)); margin-block-end: calc(var(<custom-property>) * calc(1 - var(--tw-space-y-reverse))); };
space-y-[<value>]
& > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc(<value> * var(--tw-space-y-reverse)); margin-block-end: calc(<value> * calc(1 - var(--tw-space-y-reverse))); };
space-x-reverse
& > :not(:last-child)) { --tw-space-x-reverse: 1; }
space-y-reverse
& > :not(:last-child)) { --tw-space-y-reverse: 1; }

width

Utilities for setting the width of an element.

Class Styles
w-<number>
width: calc(var(--spacing) * <number>);
w-<fraction>
width: calc(<fraction> * 100%);
w-3xs
width: var(--container-3xs); /* 16rem (256px) */
w-2xs
width: var(--container-2xs); /* 18rem (288px) */
w-xs
width: var(--container-xs); /* 20rem (320px) */
w-sm
width: var(--container-sm); /* 24rem (384px) */
w-md
width: var(--container-md); /* 28rem (448px) */
w-lg
width: var(--container-lg); /* 32rem (512px) */
w-xl
width: var(--container-xl); /* 36rem (576px) */
w-2xl
width: var(--container-2xl); /* 42rem (672px) */
w-3xl
width: var(--container-3xl); /* 48rem (768px) */
w-4xl
width: var(--container-4xl); /* 56rem (896px) */
w-5xl
width: var(--container-5xl); /* 64rem (1024px) */
w-6xl
width: var(--container-6xl); /* 72rem (1152px) */
w-7xl
width: var(--container-7xl); /* 80rem (1280px) */
w-auto
width: auto;
w-px
width: 1px;
w-full
width: 100%;
w-screen
width: 100vw;
w-dvw
width: 100dvw;
w-dvh
width: 100dvh;
w-lvw
width: 100lvw;
w-lvh
width: 100lvh;
w-svw
width: 100svw;
w-svh
width: 100svh;
w-min
width: min-content;
w-max
width: max-content;
w-fit
width: fit-content;
w-(<custom-property>)
width: var(<custom-property>);
w-[<value>]
width: <value>;
size-<number>
width: calc(var(--spacing) * <number>); height: calc(var(--spacing) * <number>);
size-<fraction>
width: calc(<fraction> * 100%); height: calc(<fraction> * 100%);
size-auto
width: auto; height: auto;
size-px
width: 1px; height: 1px;
size-full
width: 100%; height: 100%;
size-dvw
width: 100dvw; height: 100dvw;
size-dvh
width: 100dvh; height: 100dvh;
size-lvw
width: 100lvw; height: 100lvw;
size-lvh
width: 100lvh; height: 100lvh;
size-svw
width: 100svw; height: 100svw;
size-svh
width: 100svh; height: 100svh;
size-min
width: min-content; height: min-content;
size-max
width: max-content; height: max-content;
size-fit
width: fit-content; height: fit-content;
size-(<custom-property>)
width: var(<custom-property>); height: var(<custom-property>);
size-[<value>]
width: <value>; height: <value>;

min-width

Utilities for setting the minimum width of an element.

Class Styles
min-w-<number>
min-width: calc(var(--spacing) * <number>);
min-w-<fraction>
min-width: calc(<fraction> * 100%);
min-w-3xs
min-width: var(--container-3xs); /* 16rem (256px) */
min-w-2xs
min-width: var(--container-2xs); /* 18rem (288px) */
min-w-xs
min-width: var(--container-xs); /* 20rem (320px) */
min-w-sm
min-width: var(--container-sm); /* 24rem (384px) */
min-w-md
min-width: var(--container-md); /* 28rem (448px) */
min-w-lg
min-width: var(--container-lg); /* 32rem (512px) */
min-w-xl
min-width: var(--container-xl); /* 36rem (576px) */
min-w-2xl
min-width: var(--container-2xl); /* 42rem (672px) */
min-w-3xl
min-width: var(--container-3xl); /* 48rem (768px) */
min-w-4xl
min-width: var(--container-4xl); /* 56rem (896px) */
min-w-5xl
min-width: var(--container-5xl); /* 64rem (1024px) */
min-w-6xl
min-width: var(--container-6xl); /* 72rem (1152px) */
min-w-7xl
min-width: var(--container-7xl); /* 80rem (1280px) */
min-w-auto
min-width: auto;
min-w-px
min-width: 1px;
min-w-full
min-width: 100%;
min-w-screen
min-width: 100vw;
min-w-dvw
min-width: 100dvw;
min-w-dvh
min-width: 100dvh;
min-w-lvw
min-width: 100lvw;
min-w-lvh
min-width: 100lvh;
min-w-svw
min-width: 100svw;
min-w-svh
min-width: 100svh;
min-w-min
min-width: min-content;
min-w-max
min-width: max-content;
min-w-fit
min-width: fit-content;
min-w-(<custom-property>)
min-width: var(<custom-property>);
min-w-[<value>]
min-width: <value>;

max-width

Utilities for setting the maximum width of an element.

Class Styles
max-w-<number>
max-width: calc(var(--spacing) * <number>);
max-w-<fraction>
max-width: calc(<fraction> * 100%);
max-w-3xs
max-width: var(--container-3xs); /* 16rem (256px) */
max-w-2xs
max-width: var(--container-2xs); /* 18rem (288px) */
max-w-xs
max-width: var(--container-xs); /* 20rem (320px) */
max-w-sm
max-width: var(--container-sm); /* 24rem (384px) */
max-w-md
max-width: var(--container-md); /* 28rem (448px) */
max-w-lg
max-width: var(--container-lg); /* 32rem (512px) */
max-w-xl
max-width: var(--container-xl); /* 36rem (576px) */
max-w-2xl
max-width: var(--container-2xl); /* 42rem (672px) */
max-w-3xl
max-width: var(--container-3xl); /* 48rem (768px) */
max-w-4xl
max-width: var(--container-4xl); /* 56rem (896px) */
max-w-5xl
max-width: var(--container-5xl); /* 64rem (1024px) */
max-w-6xl
max-width: var(--container-6xl); /* 72rem (1152px) */
max-w-7xl
max-width: var(--container-7xl); /* 80rem (1280px) */
max-w-none
max-width: none;
max-w-px
max-width: 1px;
max-w-full
max-width: 100%;
max-w-dvw
max-width: 100dvw;
max-w-dvh
max-width: 100dvh;
max-w-lvw
max-width: 100lvw;
max-w-lvh
max-width: 100lvh;
max-w-svw
max-width: 100svw;
max-w-svh
max-width: 100svh;
max-w-screen
max-width: 100vw;
max-w-min
max-width: min-content;
max-w-max
max-width: max-content;
max-w-fit
max-width: fit-content;
container
width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; }
max-w-(<custom-property>)
max-width: var(<custom-property>);
max-w-[<value>]
max-width: <value>;

height

Utilities for setting the height of an element.

Class Styles
h-<number>
height: calc(var(--spacing) * <number>);
h-<fraction>
height: calc(<fraction> * 100%);
h-auto
height: auto;
h-px
height: 1px;
h-full
height: 100%;
h-screen
height: 100vh;
h-dvh
height: 100dvh;
h-dvw
height: 100dvw;
h-lvh
height: 100lvh;
h-lvw
height: 100lvw;
h-svh
height: 100svh;
h-svw
height: 100svw;
h-min
height: min-content;
h-max
height: max-content;
h-fit
height: fit-content;
h-lh
height: 1lh;
h-(<custom-property>)
height: var(<custom-property>);
h-[<value>]
height: <value>;
size-<number>
width: calc(var(--spacing) * <number>); height: calc(var(--spacing) * <number>);
size-<fraction>
width: calc(<fraction> * 100%); height: calc(<fraction> * 100%);
size-auto
width: auto; height: auto;
size-px
width: 1px; height: 1px;
size-full
width: 100%; height: 100%;
size-dvw
width: 100dvw; height: 100dvw;
size-dvh
width: 100dvh; height: 100dvh;
size-lvw
width: 100lvw; height: 100lvw;
size-lvh
width: 100lvh; height: 100lvh;
size-svw
width: 100svw; height: 100svw;
size-svh
width: 100svh; height: 100svh;
size-min
width: min-content; height: min-content;
size-max
width: max-content; height: max-content;
size-fit
width: fit-content; height: fit-content;
size-(<custom-property>)
width: var(<custom-property>); height: var(<custom-property>);
size-[<value>]
width: <value>; height: <value>;

min-height

Utilities for setting the minimum height of an element.

Class Styles
min-h-<number>
min-height: calc(var(--spacing) * <number>);
min-h-<fraction>
min-height: calc(<fraction> * 100%);
min-h-px
min-height: 1px;
min-h-full
min-height: 100%;
min-h-screen
min-height: 100vh;
min-h-dvh
min-height: 100dvh;
min-h-dvw
min-height: 100dvw;
min-h-lvh
min-height: 100lvh;
min-h-lvw
min-height: 100lvw;
min-h-svw
min-height: 100svw;
min-h-svh
min-height: 100svh;
min-h-auto
min-height: auto;
min-h-min
min-height: min-content;
min-h-max
min-height: max-content;
min-h-fit
min-height: fit-content;
min-h-lh
min-height: 1lh;
min-h-(<custom-property>)
min-height: var(<custom-property>);
min-h-[<value>]
min-height: <value>;

max-height

Utilities for setting the maximum height of an element.

Class Styles
max-h-<number>
max-height: calc(var(--spacing) * <number>);
max-h-<fraction>
max-height: calc(<fraction> * 100%);
max-h-none
max-height: none;
max-h-px
max-height: 1px;
max-h-full
max-height: 100%;
max-h-screen
max-height: 100vh;
max-h-dvh
max-height: 100dvh;
max-h-dvw
max-height: 100dvw;
max-h-lvh
max-height: 100lvh;
max-h-lvw
max-height: 100lvw;
max-h-svh
max-height: 100svh;
max-h-svw
max-height: 100svw;
max-h-min
max-height: min-content;
max-h-max
max-height: max-content;
max-h-fit
max-height: fit-content;
max-h-lh
max-height: 1lh;
max-h-(<custom-property>)
max-height: var(<custom-property>);
max-h-[<value>]
max-height: <value>;

font-family

Utilities for controlling the font family of an element.

Class Styles
font-sans
font-family: var(--font-sans); /* ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' */
font-serif
font-family: var(--font-serif); /* ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif */
font-mono
font-family: var(--font-mono); /* ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace */
font-(family-name:<custom-property>)
font-family: var(<custom-property>);
font-[<value>]
font-family: <value>;

font-size

Utilities for controlling the font size of an element.

Class Styles
text-xs
font-size: var(--text-xs); /* 0.75rem (12px) */ line-height: var(--text-xs--line-height); /* calc(1 / 0.75) */
text-sm
font-size: var(--text-sm); /* 0.875rem (14px) */ line-height: var(--text-sm--line-height); /* calc(1.25 / 0.875) */
text-base
font-size: var(--text-base); /* 1rem (16px) */ line-height: var(--text-base--line-height); /* calc(1.5 / 1) */
text-lg
font-size: var(--text-lg); /* 1.125rem (18px) */ line-height: var(--text-lg--line-height); /* calc(1.75 / 1.125) */
text-xl
font-size: var(--text-xl); /* 1.25rem (20px) */ line-height: var(--text-xl--line-height); /* calc(1.75 / 1.25) */
text-2xl
font-size: var(--text-2xl); /* 1.5rem (24px) */ line-height: var(--text-2xl--line-height); /* calc(2 / 1.5) */
text-3xl
font-size: var(--text-3xl); /* 1.875rem (30px) */ line-height: var(--text-3xl--line-height); /* calc(2.25 / 1.875) */
text-4xl
font-size: var(--text-4xl); /* 2.25rem (36px) */ line-height: var(--text-4xl--line-height); /* calc(2.5 / 2.25) */
text-5xl
font-size: var(--text-5xl); /* 3rem (48px) */ line-height: var(--text-5xl--line-height); /* 1 */
text-6xl
font-size: var(--text-6xl); /* 3.75rem (60px) */ line-height: var(--text-6xl--line-height); /* 1 */
text-7xl
font-size: var(--text-7xl); /* 4.5rem (72px) */ line-height: var(--text-7xl--line-height); /* 1 */
text-8xl
font-size: var(--text-8xl); /* 6rem (96px) */ line-height: var(--text-8xl--line-height); /* 1 */
text-9xl
font-size: var(--text-9xl); /* 8rem (128px) */ line-height: var(--text-9xl--line-height); /* 1 */
text-(length:<custom-property>)
font-size: var(<custom-property>);
text-[<value>]
font-size: <value>;

font-smoothing

Utilities for controlling the font smoothing of an element.

Class Styles
antialiased
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
subpixel-antialiased
-webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto;

font-style

Utilities for controlling the style of text.

Class Styles
italic
font-style: italic;
not-italic
font-style: normal;

font-weight

Utilities for controlling the font weight of an element.

Class Styles
font-thin
font-weight: 100;
font-extralight
font-weight: 200;
font-light
font-weight: 300;
font-normal
font-weight: 400;
font-medium
font-weight: 500;
font-semibold
font-weight: 600;
font-bold
font-weight: 700;
font-extrabold
font-weight: 800;
font-black
font-weight: 900;
font-(<custom-property>)
font-weight: var(<custom-property>);
font-[<value>]
font-weight: <value>;

font-stretch

Utilities for selecting the width of a font face.

Class Styles
font-stretch-ultra-condensed
font-stretch: ultra-condensed; /* 50% */
font-stretch-extra-condensed
font-stretch: extra-condensed; /* 62.5% */
font-stretch-condensed
font-stretch: condensed; /* 75% */
font-stretch-semi-condensed
font-stretch: semi-condensed; /* 87.5% */
font-stretch-normal
font-stretch: normal; /* 100% */
font-stretch-semi-expanded
font-stretch: semi-expanded; /* 112.5% */
font-stretch-expanded
font-stretch: expanded; /* 125% */
font-stretch-extra-expanded
font-stretch: extra-expanded; /* 150% */
font-stretch-ultra-expanded
font-stretch: ultra-expanded; /* 200% */
font-stretch-<percentage>
font-stretch: <percentage>;
font-stretch-(<custom-property>)
font-stretch: var(<custom-property>);
font-stretch-[<value>]
font-stretch: <value>;

font-variant-numeric

Utilities for controlling the variant of numbers.

Class Styles
normal-nums
font-variant-numeric: normal;
ordinal
font-variant-numeric: ordinal;
slashed-zero
font-variant-numeric: slashed-zero;
lining-nums
font-variant-numeric: lining-nums;
oldstyle-nums
font-variant-numeric: oldstyle-nums;
proportional-nums
font-variant-numeric: proportional-nums;
tabular-nums
font-variant-numeric: tabular-nums;
diagonal-fractions
font-variant-numeric: diagonal-fractions;
stacked-fractions
font-variant-numeric: stacked-fractions;

letter-spacing

Utilities for controlling the tracking, or letter spacing, of an element.

Class Styles
tracking-tighter
letter-spacing: var(--tracking-tighter); /* -0.05em */
tracking-tight
letter-spacing: var(--tracking-tight); /* -0.025em */
tracking-normal
letter-spacing: var(--tracking-normal); /* 0em */
tracking-wide
letter-spacing: var(--tracking-wide); /* 0.025em */
tracking-wider
letter-spacing: var(--tracking-wider); /* 0.05em */
tracking-widest
letter-spacing: var(--tracking-widest); /* 0.1em */
tracking-(<custom-property>)
letter-spacing: var(<custom-property>);
tracking-[<value>]
letter-spacing: <value>;

line-clamp

Utilities for clamping text to a specific number of lines.

Class Styles
line-clamp-<number>
overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: <number>;
line-clamp-none
overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: unset;
line-clamp-(<custom-property>)
overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(<custom-property>);
line-clamp-[<value>]
overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: <value>;

line-height

Utilities for controlling the leading, or line height, of an element.

Class Styles
text-<size>/<number>
font-size: <size>; line-height: calc(var(--spacing) * <number>);
text-<size>/(<custom-property>)
font-size: <size>; line-height: var(<custom-property>);
text-<size>/[<value>]
font-size: <size>; line-height: <value>;
leading-none
line-height: 1;
leading-<number>
line-height: calc(var(--spacing) * <number>)
leading-(<custom-property>)
line-height: var(<custom-property>);
leading-[<value>]
line-height: <value>;

list-style-image

Utilities for controlling the marker images for list items.

Class Styles
list-image-[<value>]
list-style-image: <value>;
list-image-(<custom-property>)
list-style-image: var(<custom-property>);
list-image-none
list-style-image: none;

list-style-position

Utilities for controlling the position of bullets and numbers in lists.

Class Styles
list-inside
list-style-position: inside;
list-outside
list-style-position: outside;

list-style-type

Utilities for controlling the marker style of a list.

Class Styles
list-disc
list-style-type: disc;
list-decimal
list-style-type: decimal;
list-none
list-style-type: none;
list-(<custom-property>)
list-style-type: var(<custom-property>);
list-[<value>]
list-style-type: <value>;

text-align

Utilities for controlling the alignment of text.

Class Styles
text-left
text-align: left;
text-center
text-align: center;
text-right
text-align: right;
text-justify
text-align: justify;
text-start
text-align: start;
text-end
text-align: end;

color

Utilities for controlling the text color of an element.

Class Styles
text-inherit
color: inherit;
text-current
color: currentColor;
text-transparent
color: transparent;
text-black
color: var(--color-black); /* #000 */
text-white
color: var(--color-white); /* #fff */
text-red-50
color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
text-red-100
color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
text-red-200
color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
text-red-300
color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
text-red-400
color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
text-red-500
color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
text-red-600
color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
text-red-700
color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
text-red-800
color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
text-red-900
color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
text-red-950
color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
text-orange-50
color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
text-orange-100
color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
text-orange-200
color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
text-orange-300
color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
text-orange-400
color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
text-orange-500
color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
text-orange-600
color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
text-orange-700
color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
text-orange-800
color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
text-orange-900
color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
text-orange-950
color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
text-amber-50
color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
text-amber-100
color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
text-amber-200
color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
text-amber-300
color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
text-amber-400
color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
text-amber-500
color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
text-amber-600
color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
text-amber-700
color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
text-amber-800
color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
text-amber-900
color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
text-amber-950
color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
text-yellow-50
color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
text-yellow-100
color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
text-yellow-200
color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
text-yellow-300
color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
text-yellow-400
color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
text-yellow-500
color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
text-yellow-600
color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
text-yellow-700
color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
text-yellow-800
color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
text-yellow-900
color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
text-yellow-950
color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
text-lime-50
color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
text-lime-100
color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
text-lime-200
color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
text-lime-300
color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
text-lime-400
color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
text-lime-500
color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
text-lime-600
color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
text-lime-700
color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
text-lime-800
color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
text-lime-900
color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
text-lime-950
color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
text-green-50
color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
text-green-100
color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
text-green-200
color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
text-green-300
color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
text-green-400
color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
text-green-500
color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
text-green-600
color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
text-green-700
color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
text-green-800
color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
text-green-900
color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
text-green-950
color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
text-emerald-50
color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
text-emerald-100
color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
text-emerald-200
color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
text-emerald-300
color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
text-emerald-400
color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
text-emerald-500
color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
text-emerald-600
color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
text-emerald-700
color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
text-emerald-800
color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
text-emerald-900
color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
text-emerald-950
color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
text-teal-50
color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
text-teal-100
color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
text-teal-200
color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
text-teal-300
color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
text-teal-400
color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
text-teal-500
color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
text-teal-600
color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
text-teal-700
color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
text-teal-800
color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
text-teal-900
color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
text-teal-950
color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
text-cyan-50
color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
text-cyan-100
color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
text-cyan-200
color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
text-cyan-300
color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
text-cyan-400
color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
text-cyan-500
color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
text-cyan-600
color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
text-cyan-700
color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
text-cyan-800
color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
text-cyan-900
color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
text-cyan-950
color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
text-sky-50
color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
text-sky-100
color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
text-sky-200
color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
text-sky-300
color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
text-sky-400
color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
text-sky-500
color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
text-sky-600
color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
text-sky-700
color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
text-sky-800
color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
text-sky-900
color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
text-sky-950
color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
text-blue-50
color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
text-blue-100
color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
text-blue-200
color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
text-blue-300
color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
text-blue-400
color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
text-blue-500
color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
text-blue-600
color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
text-blue-700
color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
text-blue-800
color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
text-blue-900
color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
text-blue-950
color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
text-indigo-50
color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
text-indigo-100
color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
text-indigo-200
color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
text-indigo-300
color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
text-indigo-400
color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
text-indigo-500
color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
text-indigo-600
color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
text-indigo-700
color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
text-indigo-800
color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
text-indigo-900
color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
text-indigo-950
color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
text-violet-50
color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
text-violet-100
color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
text-violet-200
color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
text-violet-300
color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
text-violet-400
color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
text-violet-500
color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
text-violet-600
color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
text-violet-700
color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
text-violet-800
color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
text-violet-900
color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
text-violet-950
color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
text-purple-50
color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
text-purple-100
color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
text-purple-200
color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
text-purple-300
color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
text-purple-400
color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
text-purple-500
color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
text-purple-600
color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
text-purple-700
color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
text-purple-800
color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
text-purple-900
color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
text-purple-950
color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
text-fuchsia-50
color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
text-fuchsia-100
color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
text-fuchsia-200
color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
text-fuchsia-300
color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
text-fuchsia-400
color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
text-fuchsia-500
color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
text-fuchsia-600
color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
text-fuchsia-700
color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
text-fuchsia-800
color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
text-fuchsia-900
color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
text-fuchsia-950
color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
text-pink-50
color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
text-pink-100
color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
text-pink-200
color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
text-pink-300
color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
text-pink-400
color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
text-pink-500
color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
text-pink-600
color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
text-pink-700
color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
text-pink-800
color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
text-pink-900
color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
text-pink-950
color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
text-rose-50
color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
text-rose-100
color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
text-rose-200
color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
text-rose-300
color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
text-rose-400
color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
text-rose-500
color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
text-rose-600
color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
text-rose-700
color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
text-rose-800
color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
text-rose-900
color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
text-rose-950
color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
text-slate-50
color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
text-slate-100
color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
text-slate-200
color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
text-slate-300
color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
text-slate-400
color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
text-slate-500
color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
text-slate-600
color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
text-slate-700
color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
text-slate-800
color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
text-slate-900
color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
text-slate-950
color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
text-gray-50
color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
text-gray-100
color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
text-gray-200
color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
text-gray-300
color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
text-gray-400
color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
text-gray-500
color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
text-gray-600
color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
text-gray-700
color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
text-gray-800
color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
text-gray-900
color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
text-gray-950
color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
text-zinc-50
color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
text-zinc-100
color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
text-zinc-200
color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
text-zinc-300
color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
text-zinc-400
color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
text-zinc-500
color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
text-zinc-600
color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
text-zinc-700
color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
text-zinc-800
color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
text-zinc-900
color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
text-zinc-950
color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
text-neutral-50
color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
text-neutral-100
color: var(--color-neutral-100); /* oklch(97% 0 0) */
text-neutral-200
color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
text-neutral-300
color: var(--color-neutral-300); /* oklch(87% 0 0) */
text-neutral-400
color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
text-neutral-500
color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
text-neutral-600
color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
text-neutral-700
color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
text-neutral-800
color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
text-neutral-900
color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
text-neutral-950
color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
text-stone-50
color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
text-stone-100
color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
text-stone-200
color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
text-stone-300
color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
text-stone-400
color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
text-stone-500
color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
text-stone-600
color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
text-stone-700
color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
text-stone-800
color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
text-stone-900
color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
text-stone-950
color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
text-(<custom-property>)
color: var(<custom-property>);
text-[<value>]
color: <value>;

text-decoration-line

Utilities for controlling the decoration of text.

Class Styles
underline
text-decoration-line: underline;
overline
text-decoration-line: overline;
line-through
text-decoration-line: line-through;
no-underline
text-decoration-line: none;

text-decoration-color

Utilities for controlling the color of text decorations.

Class Styles
decoration-inherit
text-decoration-color: inherit;
decoration-current
text-decoration-color: currentColor;
decoration-transparent
text-decoration-color: transparent;
decoration-black
text-decoration-color: var(--color-black); /* #000 */
decoration-white
text-decoration-color: var(--color-white); /* #fff */
decoration-red-50
text-decoration-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
decoration-red-100
text-decoration-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
decoration-red-200
text-decoration-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
decoration-red-300
text-decoration-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
decoration-red-400
text-decoration-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
decoration-red-500
text-decoration-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
decoration-red-600
text-decoration-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
decoration-red-700
text-decoration-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
decoration-red-800
text-decoration-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
decoration-red-900
text-decoration-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
decoration-red-950
text-decoration-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
decoration-orange-50
text-decoration-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
decoration-orange-100
text-decoration-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
decoration-orange-200
text-decoration-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
decoration-orange-300
text-decoration-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
decoration-orange-400
text-decoration-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
decoration-orange-500
text-decoration-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
decoration-orange-600
text-decoration-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
decoration-orange-700
text-decoration-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
decoration-orange-800
text-decoration-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
decoration-orange-900
text-decoration-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
decoration-orange-950
text-decoration-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
decoration-amber-50
text-decoration-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
decoration-amber-100
text-decoration-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
decoration-amber-200
text-decoration-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
decoration-amber-300
text-decoration-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
decoration-amber-400
text-decoration-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
decoration-amber-500
text-decoration-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
decoration-amber-600
text-decoration-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
decoration-amber-700
text-decoration-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
decoration-amber-800
text-decoration-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
decoration-amber-900
text-decoration-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
decoration-amber-950
text-decoration-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
decoration-yellow-50
text-decoration-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
decoration-yellow-100
text-decoration-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
decoration-yellow-200
text-decoration-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
decoration-yellow-300
text-decoration-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
decoration-yellow-400
text-decoration-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
decoration-yellow-500
text-decoration-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
decoration-yellow-600
text-decoration-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
decoration-yellow-700
text-decoration-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
decoration-yellow-800
text-decoration-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
decoration-yellow-900
text-decoration-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
decoration-yellow-950
text-decoration-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
decoration-lime-50
text-decoration-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
decoration-lime-100
text-decoration-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
decoration-lime-200
text-decoration-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
decoration-lime-300
text-decoration-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
decoration-lime-400
text-decoration-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
decoration-lime-500
text-decoration-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
decoration-lime-600
text-decoration-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
decoration-lime-700
text-decoration-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
decoration-lime-800
text-decoration-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
decoration-lime-900
text-decoration-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
decoration-lime-950
text-decoration-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
decoration-green-50
text-decoration-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
decoration-green-100
text-decoration-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
decoration-green-200
text-decoration-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
decoration-green-300
text-decoration-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
decoration-green-400
text-decoration-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
decoration-green-500
text-decoration-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
decoration-green-600
text-decoration-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
decoration-green-700
text-decoration-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
decoration-green-800
text-decoration-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
decoration-green-900
text-decoration-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
decoration-green-950
text-decoration-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
decoration-emerald-50
text-decoration-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
decoration-emerald-100
text-decoration-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
decoration-emerald-200
text-decoration-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
decoration-emerald-300
text-decoration-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
decoration-emerald-400
text-decoration-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
decoration-emerald-500
text-decoration-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
decoration-emerald-600
text-decoration-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
decoration-emerald-700
text-decoration-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
decoration-emerald-800
text-decoration-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
decoration-emerald-900
text-decoration-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
decoration-emerald-950
text-decoration-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
decoration-teal-50
text-decoration-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
decoration-teal-100
text-decoration-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
decoration-teal-200
text-decoration-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
decoration-teal-300
text-decoration-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
decoration-teal-400
text-decoration-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
decoration-teal-500
text-decoration-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
decoration-teal-600
text-decoration-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
decoration-teal-700
text-decoration-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
decoration-teal-800
text-decoration-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
decoration-teal-900
text-decoration-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
decoration-teal-950
text-decoration-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
decoration-cyan-50
text-decoration-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
decoration-cyan-100
text-decoration-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
decoration-cyan-200
text-decoration-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
decoration-cyan-300
text-decoration-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
decoration-cyan-400
text-decoration-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
decoration-cyan-500
text-decoration-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
decoration-cyan-600
text-decoration-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
decoration-cyan-700
text-decoration-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
decoration-cyan-800
text-decoration-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
decoration-cyan-900
text-decoration-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
decoration-cyan-950
text-decoration-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
decoration-sky-50
text-decoration-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
decoration-sky-100
text-decoration-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
decoration-sky-200
text-decoration-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
decoration-sky-300
text-decoration-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
decoration-sky-400
text-decoration-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
decoration-sky-500
text-decoration-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
decoration-sky-600
text-decoration-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
decoration-sky-700
text-decoration-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
decoration-sky-800
text-decoration-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
decoration-sky-900
text-decoration-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
decoration-sky-950
text-decoration-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
decoration-blue-50
text-decoration-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
decoration-blue-100
text-decoration-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
decoration-blue-200
text-decoration-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
decoration-blue-300
text-decoration-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
decoration-blue-400
text-decoration-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
decoration-blue-500
text-decoration-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
decoration-blue-600
text-decoration-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
decoration-blue-700
text-decoration-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
decoration-blue-800
text-decoration-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
decoration-blue-900
text-decoration-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
decoration-blue-950
text-decoration-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
decoration-indigo-50
text-decoration-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
decoration-indigo-100
text-decoration-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
decoration-indigo-200
text-decoration-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
decoration-indigo-300
text-decoration-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
decoration-indigo-400
text-decoration-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
decoration-indigo-500
text-decoration-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
decoration-indigo-600
text-decoration-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
decoration-indigo-700
text-decoration-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
decoration-indigo-800
text-decoration-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
decoration-indigo-900
text-decoration-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
decoration-indigo-950
text-decoration-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
decoration-violet-50
text-decoration-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
decoration-violet-100
text-decoration-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
decoration-violet-200
text-decoration-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
decoration-violet-300
text-decoration-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
decoration-violet-400
text-decoration-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
decoration-violet-500
text-decoration-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
decoration-violet-600
text-decoration-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
decoration-violet-700
text-decoration-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
decoration-violet-800
text-decoration-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
decoration-violet-900
text-decoration-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
decoration-violet-950
text-decoration-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
decoration-purple-50
text-decoration-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
decoration-purple-100
text-decoration-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
decoration-purple-200
text-decoration-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
decoration-purple-300
text-decoration-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
decoration-purple-400
text-decoration-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
decoration-purple-500
text-decoration-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
decoration-purple-600
text-decoration-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
decoration-purple-700
text-decoration-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
decoration-purple-800
text-decoration-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
decoration-purple-900
text-decoration-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
decoration-purple-950
text-decoration-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
decoration-fuchsia-50
text-decoration-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
decoration-fuchsia-100
text-decoration-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
decoration-fuchsia-200
text-decoration-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
decoration-fuchsia-300
text-decoration-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
decoration-fuchsia-400
text-decoration-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
decoration-fuchsia-500
text-decoration-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
decoration-fuchsia-600
text-decoration-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
decoration-fuchsia-700
text-decoration-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
decoration-fuchsia-800
text-decoration-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
decoration-fuchsia-900
text-decoration-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
decoration-fuchsia-950
text-decoration-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
decoration-pink-50
text-decoration-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
decoration-pink-100
text-decoration-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
decoration-pink-200
text-decoration-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
decoration-pink-300
text-decoration-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
decoration-pink-400
text-decoration-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
decoration-pink-500
text-decoration-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
decoration-pink-600
text-decoration-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
decoration-pink-700
text-decoration-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
decoration-pink-800
text-decoration-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
decoration-pink-900
text-decoration-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
decoration-pink-950
text-decoration-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
decoration-rose-50
text-decoration-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
decoration-rose-100
text-decoration-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
decoration-rose-200
text-decoration-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
decoration-rose-300
text-decoration-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
decoration-rose-400
text-decoration-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
decoration-rose-500
text-decoration-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
decoration-rose-600
text-decoration-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
decoration-rose-700
text-decoration-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
decoration-rose-800
text-decoration-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
decoration-rose-900
text-decoration-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
decoration-rose-950
text-decoration-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
decoration-slate-50
text-decoration-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
decoration-slate-100
text-decoration-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
decoration-slate-200
text-decoration-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
decoration-slate-300
text-decoration-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
decoration-slate-400
text-decoration-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
decoration-slate-500
text-decoration-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
decoration-slate-600
text-decoration-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
decoration-slate-700
text-decoration-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
decoration-slate-800
text-decoration-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
decoration-slate-900
text-decoration-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
decoration-slate-950
text-decoration-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
decoration-gray-50
text-decoration-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
decoration-gray-100
text-decoration-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
decoration-gray-200
text-decoration-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
decoration-gray-300
text-decoration-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
decoration-gray-400
text-decoration-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
decoration-gray-500
text-decoration-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
decoration-gray-600
text-decoration-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
decoration-gray-700
text-decoration-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
decoration-gray-800
text-decoration-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
decoration-gray-900
text-decoration-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
decoration-gray-950
text-decoration-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
decoration-zinc-50
text-decoration-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
decoration-zinc-100
text-decoration-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
decoration-zinc-200
text-decoration-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
decoration-zinc-300
text-decoration-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
decoration-zinc-400
text-decoration-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
decoration-zinc-500
text-decoration-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
decoration-zinc-600
text-decoration-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
decoration-zinc-700
text-decoration-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
decoration-zinc-800
text-decoration-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
decoration-zinc-900
text-decoration-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
decoration-zinc-950
text-decoration-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
decoration-neutral-50
text-decoration-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
decoration-neutral-100
text-decoration-color: var(--color-neutral-100); /* oklch(97% 0 0) */
decoration-neutral-200
text-decoration-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
decoration-neutral-300
text-decoration-color: var(--color-neutral-300); /* oklch(87% 0 0) */
decoration-neutral-400
text-decoration-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
decoration-neutral-500
text-decoration-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
decoration-neutral-600
text-decoration-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
decoration-neutral-700
text-decoration-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
decoration-neutral-800
text-decoration-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
decoration-neutral-900
text-decoration-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
decoration-neutral-950
text-decoration-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
decoration-stone-50
text-decoration-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
decoration-stone-100
text-decoration-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
decoration-stone-200
text-decoration-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
decoration-stone-300
text-decoration-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
decoration-stone-400
text-decoration-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
decoration-stone-500
text-decoration-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
decoration-stone-600
text-decoration-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
decoration-stone-700
text-decoration-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
decoration-stone-800
text-decoration-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
decoration-stone-900
text-decoration-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
decoration-stone-950
text-decoration-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
decoration-(<custom-property>)
text-decoration-color: var(<custom-property>);
decoration-[<value>]
text-decoration-color: <value>;

text-decoration-style

Utilities for controlling the style of text decorations.

Class Styles
decoration-solid
text-decoration-style: solid;
decoration-double
text-decoration-style: double;
decoration-dotted
text-decoration-style: dotted;
decoration-dashed
text-decoration-style: dashed;
decoration-wavy
text-decoration-style: wavy;

text-decoration-thickness

Utilities for controlling the thickness of text decorations.

Class Styles
decoration-<number>
text-decoration-thickness: <number>px;
decoration-from-font
text-decoration-thickness: from-font;
decoration-auto
text-decoration-thickness: auto;
decoration-(<custom-property>)
text-decoration-thickness: var(<custom-property>);
decoration-[<value>]
text-decoration-thickness: <value>;

text-underline-offset

Utilities for controlling the offset of a text underline.

Class Styles
underline-offset-<number>
text-underline-offset: <number>px;
-underline-offset-<number>
text-underline-offset: calc(<number>px * -1);
underline-offset-auto
text-underline-offset: auto;
underline-offset-(<custom-property>)
text-underline-offset: var(<custom-property>);
underline-offset-[<value>]
text-underline-offset: <value>;

text-transform

Utilities for controlling the capitalization of text.

Class Styles
uppercase
text-transform: uppercase;
lowercase
text-transform: lowercase;
capitalize
text-transform: capitalize;
normal-case
text-transform: none;

text-overflow

Utilities for controlling how the text of an element overflows.

Class Styles
truncate
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
text-ellipsis
text-overflow: ellipsis;
text-clip
text-overflow: clip;

text-wrap

Utilities for controlling how text wraps within an element.

Class Styles
text-wrap
text-wrap: wrap;
text-nowrap
text-wrap: nowrap;
text-balance
text-wrap: balance;
text-pretty
text-wrap: pretty;

text-indent

Utilities for controlling the amount of empty space shown before text in a block.

Class Styles
indent-<number>
text-indent: calc(var(--spacing) * <number>)
-indent-<number>
text-indent: calc(var(--spacing) * -<number>)
indent-px
text-indent: 1px;
-indent-px
text-indent: -1px;
indent-(<custom-property>)
text-indent: var(<custom-property>);
indent-[<value>]
text-indent: <value>;

vertical-align

Utilities for controlling the vertical alignment of an inline or table-cell box.

Class Styles
align-baseline
vertical-align: baseline;
align-top
vertical-align: top;
align-middle
vertical-align: middle;
align-bottom
vertical-align: bottom;
align-text-top
vertical-align: text-top;
align-text-bottom
vertical-align: text-bottom;
align-sub
vertical-align: sub;
align-super
vertical-align: super;
align-(<custom-property>)
vertical-align: var(<custom-property>);
align-[<value>]
vertical-align: <value>;

white-space

Utilities for controlling an element's white-space property.

Class Styles
whitespace-normal
white-space: normal;
whitespace-nowrap
white-space: nowrap;
whitespace-pre
white-space: pre;
whitespace-pre-line
white-space: pre-line;
whitespace-pre-wrap
white-space: pre-wrap;
whitespace-break-spaces
white-space: break-spaces;

word-break

Utilities for controlling word breaks in an element.

Class Styles
break-normal
word-break: normal;
break-all
word-break: break-all;
break-keep
word-break: keep-all;

overflow-wrap

Utilities for controlling line breaks within words in an overflowing element.

Class Styles
wrap-break-word
overflow-wrap: break-word;
wrap-anywhere
overflow-wrap: anywhere;
wrap-normal
overflow-wrap: normal;

hyphens

Utilities for controlling how words should be hyphenated.

Class Styles
hyphens-none
hyphens: none;
hyphens-manual
hyphens: manual;
hyphens-auto
hyphens: auto;

content

Utilities for controlling the content of the before and after pseudo-elements.

Class Styles
content-[<value>]
content: <value>;
content-(<custom-property>)
content: var(<custom-property>);
content-none
content: none;

background-attachment

Utilities for controlling how a background image behaves when scrolling.

Class Styles
bg-fixed
background-attachment: fixed;
bg-local
background-attachment: local;
bg-scroll
background-attachment: scroll;

background-clip

Utilities for controlling the bounding box of an element's background.

Class Styles
bg-clip-border
background-clip: border-box;
bg-clip-padding
background-clip: padding-box;
bg-clip-content
background-clip: content-box;
bg-clip-text
background-clip: text;

background-color

Utilities for controlling an element's background color.

Class Styles
bg-inherit
background-color: inherit;
bg-current
background-color: currentColor;
bg-transparent
background-color: transparent;
bg-black
background-color: var(--color-black); /* #000 */
bg-white
background-color: var(--color-white); /* #fff */
bg-red-50
background-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
bg-red-100
background-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
bg-red-200
background-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
bg-red-300
background-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
bg-red-400
background-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
bg-red-500
background-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
bg-red-600
background-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
bg-red-700
background-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
bg-red-800
background-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
bg-red-900
background-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
bg-red-950
background-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
bg-orange-50
background-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
bg-orange-100
background-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
bg-orange-200
background-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
bg-orange-300
background-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
bg-orange-400
background-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
bg-orange-500
background-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
bg-orange-600
background-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
bg-orange-700
background-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
bg-orange-800
background-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
bg-orange-900
background-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
bg-orange-950
background-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
bg-amber-50
background-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
bg-amber-100
background-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
bg-amber-200
background-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
bg-amber-300
background-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
bg-amber-400
background-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
bg-amber-500
background-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
bg-amber-600
background-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
bg-amber-700
background-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
bg-amber-800
background-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
bg-amber-900
background-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
bg-amber-950
background-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
bg-yellow-50
background-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
bg-yellow-100
background-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
bg-yellow-200
background-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
bg-yellow-300
background-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
bg-yellow-400
background-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
bg-yellow-500
background-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
bg-yellow-600
background-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
bg-yellow-700
background-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
bg-yellow-800
background-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
bg-yellow-900
background-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
bg-yellow-950
background-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
bg-lime-50
background-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
bg-lime-100
background-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
bg-lime-200
background-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
bg-lime-300
background-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
bg-lime-400
background-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
bg-lime-500
background-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
bg-lime-600
background-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
bg-lime-700
background-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
bg-lime-800
background-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
bg-lime-900
background-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
bg-lime-950
background-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
bg-green-50
background-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
bg-green-100
background-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
bg-green-200
background-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
bg-green-300
background-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
bg-green-400
background-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
bg-green-500
background-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
bg-green-600
background-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
bg-green-700
background-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
bg-green-800
background-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
bg-green-900
background-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
bg-green-950
background-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
bg-emerald-50
background-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
bg-emerald-100
background-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
bg-emerald-200
background-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
bg-emerald-300
background-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
bg-emerald-400
background-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
bg-emerald-500
background-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
bg-emerald-600
background-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
bg-emerald-700
background-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
bg-emerald-800
background-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
bg-emerald-900
background-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
bg-emerald-950
background-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
bg-teal-50
background-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
bg-teal-100
background-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
bg-teal-200
background-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
bg-teal-300
background-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
bg-teal-400
background-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
bg-teal-500
background-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
bg-teal-600
background-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
bg-teal-700
background-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
bg-teal-800
background-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
bg-teal-900
background-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
bg-teal-950
background-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
bg-cyan-50
background-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
bg-cyan-100
background-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
bg-cyan-200
background-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
bg-cyan-300
background-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
bg-cyan-400
background-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
bg-cyan-500
background-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
bg-cyan-600
background-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
bg-cyan-700
background-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
bg-cyan-800
background-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
bg-cyan-900
background-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
bg-cyan-950
background-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
bg-sky-50
background-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
bg-sky-100
background-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
bg-sky-200
background-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
bg-sky-300
background-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
bg-sky-400
background-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
bg-sky-500
background-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
bg-sky-600
background-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
bg-sky-700
background-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
bg-sky-800
background-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
bg-sky-900
background-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
bg-sky-950
background-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
bg-blue-50
background-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
bg-blue-100
background-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
bg-blue-200
background-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
bg-blue-300
background-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
bg-blue-400
background-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
bg-blue-500
background-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
bg-blue-600
background-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
bg-blue-700
background-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
bg-blue-800
background-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
bg-blue-900
background-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
bg-blue-950
background-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
bg-indigo-50
background-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
bg-indigo-100
background-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
bg-indigo-200
background-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
bg-indigo-300
background-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
bg-indigo-400
background-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
bg-indigo-500
background-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
bg-indigo-600
background-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
bg-indigo-700
background-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
bg-indigo-800
background-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
bg-indigo-900
background-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
bg-indigo-950
background-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
bg-violet-50
background-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
bg-violet-100
background-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
bg-violet-200
background-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
bg-violet-300
background-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
bg-violet-400
background-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
bg-violet-500
background-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
bg-violet-600
background-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
bg-violet-700
background-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
bg-violet-800
background-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
bg-violet-900
background-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
bg-violet-950
background-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
bg-purple-50
background-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
bg-purple-100
background-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
bg-purple-200
background-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
bg-purple-300
background-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
bg-purple-400
background-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
bg-purple-500
background-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
bg-purple-600
background-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
bg-purple-700
background-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
bg-purple-800
background-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
bg-purple-900
background-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
bg-purple-950
background-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
bg-fuchsia-50
background-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
bg-fuchsia-100
background-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
bg-fuchsia-200
background-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
bg-fuchsia-300
background-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
bg-fuchsia-400
background-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
bg-fuchsia-500
background-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
bg-fuchsia-600
background-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
bg-fuchsia-700
background-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
bg-fuchsia-800
background-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
bg-fuchsia-900
background-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
bg-fuchsia-950
background-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
bg-pink-50
background-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
bg-pink-100
background-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
bg-pink-200
background-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
bg-pink-300
background-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
bg-pink-400
background-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
bg-pink-500
background-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
bg-pink-600
background-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
bg-pink-700
background-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
bg-pink-800
background-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
bg-pink-900
background-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
bg-pink-950
background-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
bg-rose-50
background-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
bg-rose-100
background-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
bg-rose-200
background-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
bg-rose-300
background-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
bg-rose-400
background-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
bg-rose-500
background-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
bg-rose-600
background-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
bg-rose-700
background-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
bg-rose-800
background-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
bg-rose-900
background-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
bg-rose-950
background-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
bg-slate-50
background-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
bg-slate-100
background-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
bg-slate-200
background-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
bg-slate-300
background-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
bg-slate-400
background-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
bg-slate-500
background-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
bg-slate-600
background-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
bg-slate-700
background-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
bg-slate-800
background-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
bg-slate-900
background-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
bg-slate-950
background-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
bg-gray-50
background-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
bg-gray-100
background-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
bg-gray-200
background-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
bg-gray-300
background-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
bg-gray-400
background-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
bg-gray-500
background-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
bg-gray-600
background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
bg-gray-700
background-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
bg-gray-800
background-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
bg-gray-900
background-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
bg-gray-950
background-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
bg-zinc-50
background-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
bg-zinc-100
background-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
bg-zinc-200
background-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
bg-zinc-300
background-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
bg-zinc-400
background-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
bg-zinc-500
background-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
bg-zinc-600
background-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
bg-zinc-700
background-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
bg-zinc-800
background-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
bg-zinc-900
background-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
bg-zinc-950
background-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
bg-neutral-50
background-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
bg-neutral-100
background-color: var(--color-neutral-100); /* oklch(97% 0 0) */
bg-neutral-200
background-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
bg-neutral-300
background-color: var(--color-neutral-300); /* oklch(87% 0 0) */
bg-neutral-400
background-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
bg-neutral-500
background-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
bg-neutral-600
background-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
bg-neutral-700
background-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
bg-neutral-800
background-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
bg-neutral-900
background-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
bg-neutral-950
background-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
bg-stone-50
background-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
bg-stone-100
background-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
bg-stone-200
background-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
bg-stone-300
background-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
bg-stone-400
background-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
bg-stone-500
background-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
bg-stone-600
background-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
bg-stone-700
background-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
bg-stone-800
background-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
bg-stone-900
background-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
bg-stone-950
background-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
bg-(<custom-property>)
background-color: var(<custom-property>);
bg-[<value>]
background-color: <value>;

background-image

Utilities for controlling an element's background image.

Class Styles
bg-[<value>]
background-image: <value>;
bg-(image:<custom-property>)
background-image: var(<custom-property>);
bg-none
background-image: none;
bg-linear-to-t
background-image: linear-gradient(to top, var(--tw-gradient-stops));
bg-linear-to-tr
background-image: linear-gradient(to top right, var(--tw-gradient-stops));
bg-linear-to-r
background-image: linear-gradient(to right, var(--tw-gradient-stops));
bg-linear-to-br
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
bg-linear-to-b
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
bg-linear-to-bl
background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
bg-linear-to-l
background-image: linear-gradient(to left, var(--tw-gradient-stops));
bg-linear-to-tl
background-image: linear-gradient(to top left, var(--tw-gradient-stops));
bg-linear-<angle>
background-image: linear-gradient(<angle> in oklab, var(--tw-gradient-stops));
-bg-linear-<angle>
background-image: linear-gradient(-<angle> in oklab, var(--tw-gradient-stops));
bg-linear-(<custom-property>)
background-image: linear-gradient(var(--tw-gradient-stops, var(<custom-property>)));
bg-linear-[<value>]
background-image: linear-gradient(var(--tw-gradient-stops, <value>));
bg-radial
background-image: radial-gradient(in oklab, var(--tw-gradient-stops));
bg-radial-(<custom-property>)
background-image: radial-gradient(var(--tw-gradient-stops, var(<custom-property>)));
bg-radial-[<value>]
background-image: radial-gradient(var(--tw-gradient-stops, <value>));
bg-conic-<angle>
background-image: conic-gradient(from <angle> in oklab, var(--tw-gradient-stops));
-bg-conic-<angle>
background-image: conic-gradient(from -<angle> in oklab, var(--tw-gradient-stops));
bg-conic-(<custom-property>)
background-image: var(<custom-property>);
bg-conic-[<value>]
background-image: <image>;
from-<color>
--tw-gradient-from: <color>;
from-<percentage>
--tw-gradient-from-position: <percentage>;
from-(<custom-property>)
--tw-gradient-from: var(<custom-property>);
from-[<value>]
--tw-gradient-from: <value>;
via-<color>
--tw-gradient-via: <color>;
via-<percentage>
--tw-gradient-via-position: <percentage>;
via-(<custom-property>)
--tw-gradient-via: var(<custom-property>);
via-[<value>]
--tw-gradient-via: <value>;
to-<color>
--tw-gradient-to: <color>;
to-<percentage>
--tw-gradient-to-position: <percentage>;
to-(<custom-property>)
--tw-gradient-to: var(<custom-property>);
to-[<value>]
--tw-gradient-to: <value>;

background-origin

Utilities for controlling how an element's background is positioned relative to borders, padding, and content.

Class Styles
bg-origin-border
background-origin: border-box;
bg-origin-padding
background-origin: padding-box;
bg-origin-content
background-origin: content-box;

background-position

Utilities for controlling the position of an element's background image.

Class Styles
bg-top-left
background-position: top left;
bg-top
background-position: top;
bg-top-right
background-position: top right;
bg-left
background-position: left;
bg-center
background-position: center;
bg-right
background-position: right;
bg-bottom-left
background-position: bottom left;
bg-bottom
background-position: bottom;
bg-bottom-right
background-position: bottom right;
bg-position-(<custom-property>)
background-position: var(<custom-property>);
bg-position-[<value>]
background-position: <value>;

background-repeat

Utilities for controlling the repetition of an element's background image.

Class Styles
bg-repeat
background-repeat: repeat;
bg-repeat-x
background-repeat: repeat-x;
bg-repeat-y
background-repeat: repeat-y;
bg-repeat-space
background-repeat: space;
bg-repeat-round
background-repeat: round;
bg-no-repeat
background-repeat: no-repeat;

background-size

Utilities for controlling the background size of an element's background image.

Class Styles
bg-auto
background-size: auto;
bg-cover
background-size: cover;
bg-contain
background-size: contain;
bg-size-(<custom-property>)
background-size: var(<custom-property>);
bg-size-[<value>]
background-size: <value>;

border-radius

Utilities for controlling the border radius of an element.

Class Styles
rounded-xs
border-radius: var(--radius-xs); /* 0.125rem (2px) */
rounded-sm
border-radius: var(--radius-sm); /* 0.25rem (4px) */
rounded-md
border-radius: var(--radius-md); /* 0.375rem (6px) */
rounded-lg
border-radius: var(--radius-lg); /* 0.5rem (8px) */
rounded-xl
border-radius: var(--radius-xl); /* 0.75rem (12px) */
rounded-2xl
border-radius: var(--radius-2xl); /* 1rem (16px) */
rounded-3xl
border-radius: var(--radius-3xl); /* 1.5rem (24px) */
rounded-4xl
border-radius: var(--radius-4xl); /* 2rem (32px) */
rounded-none
border-radius: 0;
rounded-full
border-radius: calc(infinity * 1px);
rounded-(<custom-property>)
border-radius: var(<custom-property>);
rounded-[<value>]
border-radius: <value>;
rounded-s-xs
border-start-start-radius: var(--radius-xs); /* 0.125rem (2px) */ border-end-start-radius: var(--radius-xs); /* 0.125rem (2px) */
rounded-s-sm
border-start-start-radius: var(--radius-sm); /* 0.25rem (4px) */ border-end-start-radius: var(--radius-sm); /* 0.25rem (4px) */
rounded-s-md
border-start-start-radius: var(--radius-md); /* 0.375rem (6px) */ border-end-start-radius: var(--radius-md); /* 0.375rem (6px) */
rounded-s-lg
border-start-start-radius: var(--radius-lg); /* 0.5rem (8px) */ border-end-start-radius: var(--radius-lg); /* 0.5rem (8px) */
rounded-s-xl
border-start-start-radius: var(--radius-xl); /* 0.75rem (12px) */ border-end-start-radius: var(--radius-xl); /* 0.75rem (12px) */
rounded-s-2xl
border-start-start-radius: var(--radius-2xl); /* 1rem (16px) */ border-end-start-radius: var(--radius-2xl); /* 1rem (16px) */
rounded-s-3xl
border-start-start-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-end-start-radius: var(--radius-3xl); /* 1.5rem (24px) */
rounded-s-4xl
border-start-start-radius: var(--radius-4xl); /* 2rem (32px) */ border-end-start-radius: var(--radius-4xl); /* 2rem (32px) */
rounded-s-none
border-start-start-radius: 0; border-end-start-radius: 0;
rounded-s-full
border-start-start-radius: calc(infinity * 1px); border-end-start-radius: calc(infinity * 1px);
rounded-s-(<custom-property>)
border-start-start-radius: var(<custom-property>); border-end-start-radius: var(<custom-property>);
rounded-s-[<value>]
border-start-start-radius: <value>; border-end-start-radius: <value>;
rounded-e-xs
border-start-end-radius: var(--radius-xs); /* 0.125rem (2px) */ border-end-end-radius: var(--radius-xs); /* 0.125rem (2px) */
rounded-e-sm
border-start-end-radius: var(--radius-sm); /* 0.25rem (4px) */ border-end-end-radius: var(--radius-sm); /* 0.25rem (4px) */
rounded-e-md
border-start-end-radius: var(--radius-md); /* 0.375rem (6px) */ border-end-end-radius: var(--radius-md); /* 0.375rem (6px) */
rounded-e-lg
border-start-end-radius: var(--radius-lg); /* 0.5rem (8px) */ border-end-end-radius: var(--radius-lg); /* 0.5rem (8px) */
rounded-e-xl
border-start-end-radius: var(--radius-xl); /* 0.75rem (12px) */ border-end-end-radius: var(--radius-xl); /* 0.75rem (12px) */
rounded-e-2xl
border-start-end-radius: var(--radius-2xl); /* 1rem (16px) */ border-end-end-radius: var(--radius-2xl); /* 1rem (16px) */
rounded-e-3xl
border-start-end-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-end-end-radius: var(--radius-3xl); /* 1.5rem (24px) */
rounded-e-4xl
border-start-end-radius: var(--radius-4xl); /* 2rem (32px) */ border-end-end-radius: var(--radius-4xl); /* 2rem (32px) */
rounded-e-none
border-start-end-radius: 0; border-end-end-radius: 0;
rounded-e-full
border-start-end-radius: calc(infinity * 1px); border-end-end-radius: calc(infinity * 1px);
rounded-e-(<custom-property>)
border-start-end-radius: var(<custom-property>); border-end-end-radius: var(<custom-property>);
rounded-e-[<value>]
border-start-end-radius: <value>; border-end-end-radius: <value>;
rounded-t-xs
border-top-left-radius: var(--radius-xs); /* 0.125rem (2px) */ border-top-right-radius: var(--radius-xs); /* 0.125rem (2px) */
rounded-t-sm
border-top-left-radius: var(--radius-sm); /* 0.25rem (4px) */ border-top-right-radius: var(--radius-sm); /* 0.25rem (4px) */
rounded-t-md
border-top-left-radius: var(--radius-md); /* 0.375rem (6px) */ border-top-right-radius: var(--radius-md); /* 0.375rem (6px) */
rounded-t-lg
border-top-left-radius: var(--radius-lg); /* 0.5rem (8px) */ border-top-right-radius: var(--radius-lg); /* 0.5rem (8px) */
rounded-t-xl
border-top-left-radius: var(--radius-xl); /* 0.75rem (12px) */ border-top-right-radius: var(--radius-xl); /* 0.75rem (12px) */
rounded-t-2xl
border-top-left-radius: var(--radius-2xl); /* 1rem (16px) */ border-top-right-radius: var(--radius-2xl); /* 1rem (16px) */
rounded-t-3xl
border-top-left-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-top-right-radius: var(--radius-3xl); /* 1.5rem (24px) */
rounded-t-4xl
border-top-left-radius: var(--radius-4xl); /* 2rem (32px) */ border-top-right-radius: var(--radius-4xl); /* 2rem (32px) */
rounded-t-none
border-top-left-radius: 0; border-top-right-radius: 0;
rounded-t-full
border-top-left-radius: calc(infinity * 1px); border-top-right-radius: calc(infinity * 1px);
rounded-t-(<custom-property>)
border-top-left-radius: var(<custom-property>); border-top-right-radius: var(<custom-property>);
rounded-t-[<value>]
border-top-left-radius: <value>; border-top-right-radius: <value>;
rounded-r-xs
border-top-right-radius: var(--radius-xs); /* 0.125rem (2px) */ border-bottom-right-radius: var(--radius-xs); /* 0.125rem (2px) */
rounded-r-sm
border-top-right-radius: var(--radius-sm); /* 0.25rem (4px) */ border-bottom-right-radius: var(--radius-sm); /* 0.25rem (4px) */
rounded-r-md
border-top-right-radius: var(--radius-md); /* 0.375rem (6px) */ border-bottom-right-radius: var(--radius-md); /* 0.375rem (6px) */
rounded-r-lg
border-top-right-radius: var(--radius-lg); /* 0.5rem (8px) */ border-bottom-right-radius: var(--radius-lg); /* 0.5rem (8px) */
rounded-r-xl
border-top-right-radius: var(--radius-xl); /* 0.75rem (12px) */ border-bottom-right-radius: var(--radius-xl); /* 0.75rem (12px) */
rounded-r-2xl
border-top-right-radius: var(--radius-2xl); /* 1rem (16px) */ border-bottom-right-radius: var(--radius-2xl); /* 1rem (16px) */
rounded-r-3xl
border-top-right-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-bottom-right-radius: var(--radius-3xl); /* 1.5rem (24px) */
rounded-r-4xl
border-top-right-radius: var(--radius-4xl); /* 2rem (32px) */ border-bottom-right-radius: var(--radius-4xl); /* 2rem (32px) */
rounded-r-none
border-top-right-radius: 0; border-bottom-right-radius: 0;
rounded-r-full
border-top-right-radius: calc(infinity * 1px); border-bottom-right-radius: calc(infinity * 1px);
rounded-r-(<custom-property>)
border-top-right-radius: var(<custom-property>); border-bottom-right-radius: var(<custom-property>);
rounded-r-[<value>]
border-top-right-radius: <value>; border-bottom-right-radius: <value>;
rounded-b-xs
border-bottom-right-radius: var(--radius-xs); /* 0.125rem (2px) */ border-bottom-left-radius: var(--radius-xs); /* 0.125rem (2px) */
rounded-b-sm
border-bottom-right-radius: var(--radius-sm); /* 0.25rem (4px) */ border-bottom-left-radius: var(--radius-sm); /* 0.25rem (4px) */
rounded-b-md
border-bottom-right-radius: var(--radius-md); /* 0.375rem (6px) */ border-bottom-left-radius: var(--radius-md); /* 0.375rem (6px) */
rounded-b-lg
border-bottom-right-radius: var(--radius-lg); /* 0.5rem (8px) */ border-bottom-left-radius: var(--radius-lg); /* 0.5rem (8px) */
rounded-b-xl
border-bottom-right-radius: var(--radius-xl); /* 0.75rem (12px) */ border-bottom-left-radius: var(--radius-xl); /* 0.75rem (12px) */
rounded-b-2xl
border-bottom-right-radius: var(--radius-2xl); /* 1rem (16px) */ border-bottom-left-radius: var(--radius-2xl); /* 1rem (16px) */
rounded-b-3xl
border-bottom-right-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-bottom-left-radius: var(--radius-3xl); /* 1.5rem (24px) */
rounded-b-4xl
border-bottom-right-radius: var(--radius-4xl); /* 2rem (32px) */ border-bottom-left-radius: var(--radius-4xl); /* 2rem (32px) */
rounded-b-none
border-bottom-right-radius: 0; border-bottom-left-radius: 0;
rounded-b-full
border-bottom-right-radius: calc(infinity * 1px); border-bottom-left-radius: calc(infinity * 1px);
rounded-b-(<custom-property>)
border-bottom-right-radius: var(<custom-property>); border-bottom-left-radius: var(<custom-property>);
rounded-b-[<value>]
border-bottom-right-radius: <value>; border-bottom-left-radius: <value>;
rounded-l-xs
border-top-left-radius: var(--radius-xs); /* 0.125rem (2px) */ border-bottom-left-radius: var(--radius-xs); /* 0.125rem (2px) */
rounded-l-sm
border-top-left-radius: var(--radius-sm); /* 0.25rem (4px) */ border-bottom-left-radius: var(--radius-sm); /* 0.25rem (4px) */
rounded-l-md
border-top-left-radius: var(--radius-md); /* 0.375rem (6px) */ border-bottom-left-radius: var(--radius-md); /* 0.375rem (6px) */
rounded-l-lg
border-top-left-radius: var(--radius-lg); /* 0.5rem (8px) */ border-bottom-left-radius: var(--radius-lg); /* 0.5rem (8px) */
rounded-l-xl
border-top-left-radius: var(--radius-xl); /* 0.75rem (12px) */ border-bottom-left-radius: var(--radius-xl); /* 0.75rem (12px) */
rounded-l-2xl
border-top-left-radius: var(--radius-2xl); /* 1rem (16px) */ border-bottom-left-radius: var(--radius-2xl); /* 1rem (16px) */
rounded-l-3xl
border-top-left-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-bottom-left-radius: var(--radius-3xl); /* 1.5rem (24px) */
rounded-l-4xl
border-top-left-radius: var(--radius-4xl); /* 2rem (32px) */ border-bottom-left-radius: var(--radius-4xl); /* 2rem (32px) */
rounded-l-none
border-top-left-radius: 0; border-bottom-left-radius: 0;
rounded-l-full
border-top-left-radius: calc(infinity * 1px); border-bottom-left-radius: calc(infinity * 1px);
rounded-l-(<custom-property>)
border-top-left-radius: var(<custom-property>); border-bottom-left-radius: var(<custom-property>);
rounded-l-[<value>]
border-top-left-radius: <value>; border-bottom-left-radius: <value>;
rounded-ss-xs
border-start-start-radius: var(--radius-xs); /* 0.125rem (2px) */
rounded-ss-sm
border-start-start-radius: var(--radius-sm); /* 0.25rem (4px) */
rounded-ss-md
border-start-start-radius: var(--radius-md); /* 0.375rem (6px) */
rounded-ss-lg
border-start-start-radius: var(--radius-lg); /* 0.5rem (8px) */
rounded-ss-xl
border-start-start-radius: var(--radius-xl); /* 0.75rem (12px) */
rounded-ss-2xl
border-start-start-radius: var(--radius-2xl); /* 1rem (16px) */
rounded-ss-3xl
border-start-start-radius: var(--radius-3xl); /* 1.5rem (24px) */
rounded-ss-4xl
border-start-start-radius: var(--radius-4xl); /* 2rem (32px) */
rounded-ss-none
border-start-start-radius: 0;
rounded-ss-full
border-start-start-radius: calc(infinity * 1px);
rounded-ss-(<custom-property>)
border-start-start-radius: var(<custom-property>);
rounded-ss-[<value>]
border-start-start-radius: <value>;
rounded-se-xs
border-start-end-radius: var(--radius-xs); /* 0.125rem (2px) */
rounded-se-sm
border-start-end-radius: var(--radius-sm); /* 0.25rem (4px) */
rounded-se-md
border-start-end-radius: var(--radius-md); /* 0.375rem (6px) */
rounded-se-lg
border-start-end-radius: var(--radius-lg); /* 0.5rem (8px) */
rounded-se-xl
border-start-end-radius: var(--radius-xl); /* 0.75rem (12px) */
rounded-se-2xl
border-start-end-radius: var(--radius-2xl); /* 1rem (16px) */
rounded-se-3xl
border-start-end-radius: var(--radius-3xl); /* 1.5rem (24px) */
rounded-se-4xl
border-start-end-radius: var(--radius-4xl); /* 2rem (32px) */
rounded-se-none
border-start-end-radius: 0;
rounded-se-full
border-start-end-radius: calc(infinity * 1px);
rounded-se-(<custom-property>)
border-start-end-radius: var(<custom-property>);
rounded-se-[<value>]
border-start-end-radius: <value>;
rounded-ee-xs
border-end-end-radius: var(--radius-xs); /* 0.125rem (2px) */
rounded-ee-sm
border-end-end-radius: var(--radius-sm); /* 0.25rem (4px) */
rounded-ee-md
border-end-end-radius: var(--radius-md); /* 0.375rem (6px) */
rounded-ee-lg
border-end-end-radius: var(--radius-lg); /* 0.5rem (8px) */
rounded-ee-xl
border-end-end-radius: var(--radius-xl); /* 0.75rem (12px) */
rounded-ee-2xl
border-end-end-radius: var(--radius-2xl); /* 1rem (16px) */
rounded-ee-3xl
border-end-end-radius: var(--radius-3xl); /* 1.5rem (24px) */
rounded-ee-4xl
border-end-end-radius: var(--radius-4xl); /* 2rem (32px) */
rounded-ee-none
border-end-end-radius: 0;
rounded-ee-full
border-end-end-radius: calc(infinity * 1px);
rounded-ee-(<custom-property>)
border-end-end-radius: var(<custom-property>);
rounded-ee-[<value>]
border-end-end-radius: <value>;
rounded-es-xs
border-end-start-radius: var(--radius-xs); /* 0.125rem (2px) */
rounded-es-sm
border-end-start-radius: var(--radius-sm); /* 0.25rem (4px) */
rounded-es-md
border-end-start-radius: var(--radius-md); /* 0.375rem (6px) */
rounded-es-lg
border-end-start-radius: var(--radius-lg); /* 0.5rem (8px) */
rounded-es-xl
border-end-start-radius: var(--radius-xl); /* 0.75rem (12px) */
rounded-es-2xl
border-end-start-radius: var(--radius-2xl); /* 1rem (16px) */
rounded-es-3xl
border-end-start-radius: var(--radius-3xl); /* 1.5rem (24px) */
rounded-es-4xl
border-end-start-radius: var(--radius-4xl); /* 2rem (32px) */
rounded-es-none
border-end-start-radius: 0;
rounded-es-full
border-end-start-radius: calc(infinity * 1px);
rounded-es-(<custom-property>)
border-end-start-radius: var(<custom-property>);
rounded-es-[<value>]
border-end-start-radius: <value>;
rounded-tl-xs
border-top-left-radius: var(--radius-xs); /* 0.125rem (2px) */
rounded-tl-sm
border-top-left-radius: var(--radius-sm); /* 0.25rem (4px) */
rounded-tl-md
border-top-left-radius: var(--radius-md); /* 0.375rem (6px) */
rounded-tl-lg
border-top-left-radius: var(--radius-lg); /* 0.5rem (8px) */
rounded-tl-xl
border-top-left-radius: var(--radius-xl); /* 0.75rem (12px) */
rounded-tl-2xl
border-top-left-radius: var(--radius-2xl); /* 1rem (16px) */
rounded-tl-3xl
border-top-left-radius: var(--radius-3xl); /* 1.5rem (24px) */
rounded-tl-4xl
border-top-left-radius: var(--radius-4xl); /* 2rem (32px) */
rounded-tl-none
border-top-left-radius: 0;
rounded-tl-full
border-top-left-radius: calc(infinity * 1px);
rounded-tl-(<custom-property>)
border-top-left-radius: var(<custom-property>);
rounded-tl-[<value>]
border-top-left-radius: <value>;
rounded-tr-xs
border-top-right-radius: var(--radius-xs); /* 0.125rem (2px) */
rounded-tr-sm
border-top-right-radius: var(--radius-sm); /* 0.25rem (4px) */
rounded-tr-md
border-top-right-radius: var(--radius-md); /* 0.375rem (6px) */
rounded-tr-lg
border-top-right-radius: var(--radius-lg); /* 0.5rem (8px) */
rounded-tr-xl
border-top-right-radius: var(--radius-xl); /* 0.75rem (12px) */
rounded-tr-2xl
border-top-right-radius: var(--radius-2xl); /* 1rem (16px) */
rounded-tr-3xl
border-top-right-radius: var(--radius-3xl); /* 1.5rem (24px) */
rounded-tr-4xl
border-top-right-radius: var(--radius-4xl); /* 2rem (32px) */
rounded-tr-none
border-top-right-radius: 0;
rounded-tr-full
border-top-right-radius: calc(infinity * 1px);
rounded-tr-(<custom-property>)
border-top-right-radius: var(<custom-property>);
rounded-tr-[<value>]
border-top-right-radius: <value>;
rounded-br-xs
border-bottom-right-radius: var(--radius-xs); /* 0.125rem (2px) */
rounded-br-sm
border-bottom-right-radius: var(--radius-sm); /* 0.25rem (4px) */
rounded-br-md
border-bottom-right-radius: var(--radius-md); /* 0.375rem (6px) */
rounded-br-lg
border-bottom-right-radius: var(--radius-lg); /* 0.5rem (8px) */
rounded-br-xl
border-bottom-right-radius: var(--radius-xl); /* 0.75rem (12px) */
rounded-br-2xl
border-bottom-right-radius: var(--radius-2xl); /* 1rem (16px) */
rounded-br-3xl
border-bottom-right-radius: var(--radius-3xl); /* 1.5rem (24px) */
rounded-br-4xl
border-bottom-right-radius: var(--radius-4xl); /* 2rem (32px) */
rounded-br-none
border-bottom-right-radius: 0;
rounded-br-full
border-bottom-right-radius: calc(infinity * 1px);
rounded-br-(<custom-property>)
border-bottom-right-radius: var(<custom-property>);
rounded-br-[<value>]
border-bottom-right-radius: <value>;
rounded-bl-xs
border-bottom-left-radius: var(--radius-xs); /* 0.125rem (2px) */
rounded-bl-sm
border-bottom-left-radius: var(--radius-sm); /* 0.25rem (4px) */
rounded-bl-md
border-bottom-left-radius: var(--radius-md); /* 0.375rem (6px) */
rounded-bl-lg
border-bottom-left-radius: var(--radius-lg); /* 0.5rem (8px) */
rounded-bl-xl
border-bottom-left-radius: var(--radius-xl); /* 0.75rem (12px) */
rounded-bl-2xl
border-bottom-left-radius: var(--radius-2xl); /* 1rem (16px) */
rounded-bl-3xl
border-bottom-left-radius: var(--radius-3xl); /* 1.5rem (24px) */
rounded-bl-4xl
border-bottom-left-radius: var(--radius-4xl); /* 2rem (32px) */
rounded-bl-none
border-bottom-left-radius: 0;
rounded-bl-full
border-bottom-left-radius: calc(infinity * 1px);
rounded-bl-(<custom-property>)
border-bottom-left-radius: var(<custom-property>);
rounded-bl-[<value>]
border-bottom-left-radius: <value>;

border-width

Utilities for controlling the width of an element's borders.

Class Styles
border
border-width: 1px;
border-<number>
border-width: <number>px;
border-(length:<custom-property>)
border-width: var(<custom-property>);
border-[<value>]
border-width: <value>;
border-x
border-inline-width: 1px;
border-x-<number>
border-inline-width: <number>px;
border-x-(length:<custom-property>)
border-inline-width: var(<custom-property>);
border-x-[<value>]
border-inline-width: <value>;
border-y
border-block-width: 1px;
border-y-<number>
border-block-width: <number>px;
border-y-(length:<custom-property>)
border-block-width: var(<custom-property>);
border-y-[<value>]
border-block-width: <value>;
border-s
border-inline-start-width: 1px;
border-s-<number>
border-inline-start-width: <number>px;
border-s-(length:<custom-property>)
border-inline-start-width: var(<custom-property>);
border-s-[<value>]
border-inline-start-width: <value>;
border-e
border-inline-end-width: 1px;
border-e-<number>
border-inline-end-width: <number>px;
border-e-(length:<custom-property>)
border-inline-end-width: var(<custom-property>);
border-e-[<value>]
border-inline-end-width: <value>;
border-t
border-top-width: 1px;
border-t-<number>
border-top-width: <number>px;
border-t-(length:<custom-property>)
border-top-width: var(<custom-property>);
border-t-[<value>]
border-top-width: <value>;
border-r
border-right-width: 1px;
border-r-<number>
border-right-width: <number>px;
border-r-(length:<custom-property>)
border-right-width: var(<custom-property>);
border-r-[<value>]
border-right-width: <value>;
border-b
border-bottom-width: 1px;
border-b-<number>
border-bottom-width: <number>px;
border-b-(length:<custom-property>)
border-bottom-width: var(<custom-property>);
border-b-[<value>]
border-bottom-width: <value>;
border-l
border-left-width: 1px;
border-l-<number>
border-left-width: <number>px;
border-l-(length:<custom-property>)
border-left-width: var(<custom-property>);
border-l-[<value>]
border-left-width: <value>;
divide-x
& > :not(:last-child) { border-inline-start-width: 0px; border-inline-end-width: 1px; }
divide-x-<number>
& > :not(:last-child) { border-inline-start-width: 0px; border-inline-end-width: <number>px; }
divide-x-(length:<custom-property>)
& > :not(:last-child) { border-inline-start-width: 0px; border-inline-end-width: var(<custom-property>); }
divide-x-[<value>]
& > :not(:last-child) { border-inline-start-width: 0px; border-inline-end-width: <value>; }
divide-y
& > :not(:last-child) { border-top-width: 0px; border-bottom-width: 1px; }
divide-y-<number>
& > :not(:last-child) { border-top-width: 0px; border-bottom-width: <number>px; }
divide-y-(length:<custom-property>)
& > :not(:last-child) { border-top-width: 0px; border-bottom-width: var(<custom-property>); }
divide-y-[<value>]
& > :not(:last-child) { border-top-width: 0px; border-bottom-width: <value>; }
divide-x-reverse
--tw-divide-x-reverse: 1;
divide-y-reverse
--tw-divide-y-reverse: 1;

border-color

Utilities for controlling the color of an element's borders.

Class Styles
border-inherit
border-color: inherit;
border-current
border-color: currentColor;
border-transparent
border-color: transparent;
border-black
border-color: var(--color-black); /* #000 */
border-white
border-color: var(--color-white); /* #fff */
border-red-50
border-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
border-red-100
border-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
border-red-200
border-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
border-red-300
border-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
border-red-400
border-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
border-red-500
border-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
border-red-600
border-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
border-red-700
border-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
border-red-800
border-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
border-red-900
border-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
border-red-950
border-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
border-orange-50
border-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
border-orange-100
border-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
border-orange-200
border-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
border-orange-300
border-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
border-orange-400
border-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
border-orange-500
border-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
border-orange-600
border-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
border-orange-700
border-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
border-orange-800
border-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
border-orange-900
border-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
border-orange-950
border-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
border-amber-50
border-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
border-amber-100
border-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
border-amber-200
border-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
border-amber-300
border-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
border-amber-400
border-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
border-amber-500
border-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
border-amber-600
border-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
border-amber-700
border-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
border-amber-800
border-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
border-amber-900
border-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
border-amber-950
border-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
border-yellow-50
border-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
border-yellow-100
border-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
border-yellow-200
border-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
border-yellow-300
border-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
border-yellow-400
border-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
border-yellow-500
border-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
border-yellow-600
border-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
border-yellow-700
border-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
border-yellow-800
border-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
border-yellow-900
border-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
border-yellow-950
border-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
border-lime-50
border-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
border-lime-100
border-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
border-lime-200
border-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
border-lime-300
border-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
border-lime-400
border-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
border-lime-500
border-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
border-lime-600
border-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
border-lime-700
border-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
border-lime-800
border-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
border-lime-900
border-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
border-lime-950
border-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
border-green-50
border-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
border-green-100
border-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
border-green-200
border-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
border-green-300
border-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
border-green-400
border-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
border-green-500
border-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
border-green-600
border-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
border-green-700
border-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
border-green-800
border-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
border-green-900
border-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
border-green-950
border-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
border-emerald-50
border-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
border-emerald-100
border-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
border-emerald-200
border-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
border-emerald-300
border-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
border-emerald-400
border-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
border-emerald-500
border-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
border-emerald-600
border-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
border-emerald-700
border-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
border-emerald-800
border-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
border-emerald-900
border-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
border-emerald-950
border-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
border-teal-50
border-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
border-teal-100
border-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
border-teal-200
border-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
border-teal-300
border-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
border-teal-400
border-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
border-teal-500
border-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
border-teal-600
border-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
border-teal-700
border-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
border-teal-800
border-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
border-teal-900
border-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
border-teal-950
border-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
border-cyan-50
border-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
border-cyan-100
border-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
border-cyan-200
border-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
border-cyan-300
border-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
border-cyan-400
border-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
border-cyan-500
border-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
border-cyan-600
border-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
border-cyan-700
border-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
border-cyan-800
border-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
border-cyan-900
border-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
border-cyan-950
border-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
border-sky-50
border-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
border-sky-100
border-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
border-sky-200
border-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
border-sky-300
border-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
border-sky-400
border-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
border-sky-500
border-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
border-sky-600
border-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
border-sky-700
border-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
border-sky-800
border-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
border-sky-900
border-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
border-sky-950
border-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
border-blue-50
border-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
border-blue-100
border-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
border-blue-200
border-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
border-blue-300
border-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
border-blue-400
border-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
border-blue-500
border-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
border-blue-600
border-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
border-blue-700
border-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
border-blue-800
border-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
border-blue-900
border-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
border-blue-950
border-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
border-indigo-50
border-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
border-indigo-100
border-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
border-indigo-200
border-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
border-indigo-300
border-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
border-indigo-400
border-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
border-indigo-500
border-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
border-indigo-600
border-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
border-indigo-700
border-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
border-indigo-800
border-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
border-indigo-900
border-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
border-indigo-950
border-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
border-violet-50
border-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
border-violet-100
border-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
border-violet-200
border-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
border-violet-300
border-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
border-violet-400
border-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
border-violet-500
border-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
border-violet-600
border-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
border-violet-700
border-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
border-violet-800
border-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
border-violet-900
border-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
border-violet-950
border-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
border-purple-50
border-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
border-purple-100
border-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
border-purple-200
border-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
border-purple-300
border-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
border-purple-400
border-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
border-purple-500
border-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
border-purple-600
border-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
border-purple-700
border-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
border-purple-800
border-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
border-purple-900
border-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
border-purple-950
border-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
border-fuchsia-50
border-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
border-fuchsia-100
border-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
border-fuchsia-200
border-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
border-fuchsia-300
border-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
border-fuchsia-400
border-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
border-fuchsia-500
border-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
border-fuchsia-600
border-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
border-fuchsia-700
border-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
border-fuchsia-800
border-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
border-fuchsia-900
border-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
border-fuchsia-950
border-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
border-pink-50
border-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
border-pink-100
border-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
border-pink-200
border-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
border-pink-300
border-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
border-pink-400
border-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
border-pink-500
border-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
border-pink-600
border-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
border-pink-700
border-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
border-pink-800
border-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
border-pink-900
border-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
border-pink-950
border-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
border-rose-50
border-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
border-rose-100
border-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
border-rose-200
border-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
border-rose-300
border-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
border-rose-400
border-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
border-rose-500
border-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
border-rose-600
border-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
border-rose-700
border-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
border-rose-800
border-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
border-rose-900
border-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
border-rose-950
border-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
border-slate-50
border-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
border-slate-100
border-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
border-slate-200
border-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
border-slate-300
border-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
border-slate-400
border-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
border-slate-500
border-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
border-slate-600
border-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
border-slate-700
border-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
border-slate-800
border-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
border-slate-900
border-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
border-slate-950
border-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
border-gray-50
border-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
border-gray-100
border-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
border-gray-200
border-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
border-gray-300
border-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
border-gray-400
border-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
border-gray-500
border-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
border-gray-600
border-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
border-gray-700
border-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
border-gray-800
border-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
border-gray-900
border-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
border-gray-950
border-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
border-zinc-50
border-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
border-zinc-100
border-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
border-zinc-200
border-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
border-zinc-300
border-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
border-zinc-400
border-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
border-zinc-500
border-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
border-zinc-600
border-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
border-zinc-700
border-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
border-zinc-800
border-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
border-zinc-900
border-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
border-zinc-950
border-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
border-neutral-50
border-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
border-neutral-100
border-color: var(--color-neutral-100); /* oklch(97% 0 0) */
border-neutral-200
border-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
border-neutral-300
border-color: var(--color-neutral-300); /* oklch(87% 0 0) */
border-neutral-400
border-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
border-neutral-500
border-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
border-neutral-600
border-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
border-neutral-700
border-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
border-neutral-800
border-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
border-neutral-900
border-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
border-neutral-950
border-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
border-stone-50
border-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
border-stone-100
border-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
border-stone-200
border-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
border-stone-300
border-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
border-stone-400
border-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
border-stone-500
border-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
border-stone-600
border-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
border-stone-700
border-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
border-stone-800
border-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
border-stone-900
border-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
border-stone-950
border-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
border-(<custom-property>)
border-color: var(<custom-property>);
border-[<value>]
border-color: <value>;
border-x-inherit
border-inline-color: inherit;
border-x-current
border-inline-color: currentColor;
border-x-transparent
border-inline-color: transparent;
border-x-black
border-inline-color: var(--color-black); /* #000 */
border-x-white
border-inline-color: var(--color-white); /* #fff */
border-x-red-50
border-inline-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
border-x-red-100
border-inline-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
border-x-red-200
border-inline-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
border-x-red-300
border-inline-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
border-x-red-400
border-inline-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
border-x-red-500
border-inline-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
border-x-red-600
border-inline-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
border-x-red-700
border-inline-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
border-x-red-800
border-inline-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
border-x-red-900
border-inline-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
border-x-red-950
border-inline-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
border-x-orange-50
border-inline-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
border-x-orange-100
border-inline-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
border-x-orange-200
border-inline-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
border-x-orange-300
border-inline-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
border-x-orange-400
border-inline-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
border-x-orange-500
border-inline-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
border-x-orange-600
border-inline-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
border-x-orange-700
border-inline-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
border-x-orange-800
border-inline-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
border-x-orange-900
border-inline-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
border-x-orange-950
border-inline-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
border-x-amber-50
border-inline-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
border-x-amber-100
border-inline-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
border-x-amber-200
border-inline-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
border-x-amber-300
border-inline-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
border-x-amber-400
border-inline-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
border-x-amber-500
border-inline-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
border-x-amber-600
border-inline-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
border-x-amber-700
border-inline-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
border-x-amber-800
border-inline-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
border-x-amber-900
border-inline-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
border-x-amber-950
border-inline-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
border-x-yellow-50
border-inline-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
border-x-yellow-100
border-inline-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
border-x-yellow-200
border-inline-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
border-x-yellow-300
border-inline-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
border-x-yellow-400
border-inline-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
border-x-yellow-500
border-inline-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
border-x-yellow-600
border-inline-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
border-x-yellow-700
border-inline-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
border-x-yellow-800
border-inline-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
border-x-yellow-900
border-inline-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
border-x-yellow-950
border-inline-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
border-x-lime-50
border-inline-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
border-x-lime-100
border-inline-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
border-x-lime-200
border-inline-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
border-x-lime-300
border-inline-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
border-x-lime-400
border-inline-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
border-x-lime-500
border-inline-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
border-x-lime-600
border-inline-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
border-x-lime-700
border-inline-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
border-x-lime-800
border-inline-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
border-x-lime-900
border-inline-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
border-x-lime-950
border-inline-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
border-x-green-50
border-inline-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
border-x-green-100
border-inline-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
border-x-green-200
border-inline-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
border-x-green-300
border-inline-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
border-x-green-400
border-inline-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
border-x-green-500
border-inline-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
border-x-green-600
border-inline-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
border-x-green-700
border-inline-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
border-x-green-800
border-inline-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
border-x-green-900
border-inline-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
border-x-green-950
border-inline-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
border-x-emerald-50
border-inline-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
border-x-emerald-100
border-inline-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
border-x-emerald-200
border-inline-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
border-x-emerald-300
border-inline-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
border-x-emerald-400
border-inline-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
border-x-emerald-500
border-inline-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
border-x-emerald-600
border-inline-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
border-x-emerald-700
border-inline-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
border-x-emerald-800
border-inline-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
border-x-emerald-900
border-inline-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
border-x-emerald-950
border-inline-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
border-x-teal-50
border-inline-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
border-x-teal-100
border-inline-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
border-x-teal-200
border-inline-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
border-x-teal-300
border-inline-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
border-x-teal-400
border-inline-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
border-x-teal-500
border-inline-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
border-x-teal-600
border-inline-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
border-x-teal-700
border-inline-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
border-x-teal-800
border-inline-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
border-x-teal-900
border-inline-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
border-x-teal-950
border-inline-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
border-x-cyan-50
border-inline-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
border-x-cyan-100
border-inline-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
border-x-cyan-200
border-inline-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
border-x-cyan-300
border-inline-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
border-x-cyan-400
border-inline-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
border-x-cyan-500
border-inline-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
border-x-cyan-600
border-inline-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
border-x-cyan-700
border-inline-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
border-x-cyan-800
border-inline-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
border-x-cyan-900
border-inline-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
border-x-cyan-950
border-inline-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
border-x-sky-50
border-inline-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
border-x-sky-100
border-inline-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
border-x-sky-200
border-inline-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
border-x-sky-300
border-inline-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
border-x-sky-400
border-inline-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
border-x-sky-500
border-inline-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
border-x-sky-600
border-inline-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
border-x-sky-700
border-inline-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
border-x-sky-800
border-inline-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
border-x-sky-900
border-inline-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
border-x-sky-950
border-inline-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
border-x-blue-50
border-inline-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
border-x-blue-100
border-inline-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
border-x-blue-200
border-inline-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
border-x-blue-300
border-inline-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
border-x-blue-400
border-inline-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
border-x-blue-500
border-inline-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
border-x-blue-600
border-inline-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
border-x-blue-700
border-inline-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
border-x-blue-800
border-inline-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
border-x-blue-900
border-inline-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
border-x-blue-950
border-inline-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
border-x-indigo-50
border-inline-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
border-x-indigo-100
border-inline-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
border-x-indigo-200
border-inline-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
border-x-indigo-300
border-inline-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
border-x-indigo-400
border-inline-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
border-x-indigo-500
border-inline-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
border-x-indigo-600
border-inline-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
border-x-indigo-700
border-inline-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
border-x-indigo-800
border-inline-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
border-x-indigo-900
border-inline-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
border-x-indigo-950
border-inline-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
border-x-violet-50
border-inline-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
border-x-violet-100
border-inline-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
border-x-violet-200
border-inline-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
border-x-violet-300
border-inline-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
border-x-violet-400
border-inline-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
border-x-violet-500
border-inline-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
border-x-violet-600
border-inline-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
border-x-violet-700
border-inline-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
border-x-violet-800
border-inline-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
border-x-violet-900
border-inline-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
border-x-violet-950
border-inline-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
border-x-purple-50
border-inline-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
border-x-purple-100
border-inline-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
border-x-purple-200
border-inline-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
border-x-purple-300
border-inline-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
border-x-purple-400
border-inline-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
border-x-purple-500
border-inline-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
border-x-purple-600
border-inline-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
border-x-purple-700
border-inline-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
border-x-purple-800
border-inline-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
border-x-purple-900
border-inline-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
border-x-purple-950
border-inline-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
border-x-fuchsia-50
border-inline-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
border-x-fuchsia-100
border-inline-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
border-x-fuchsia-200
border-inline-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
border-x-fuchsia-300
border-inline-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
border-x-fuchsia-400
border-inline-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
border-x-fuchsia-500
border-inline-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
border-x-fuchsia-600
border-inline-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
border-x-fuchsia-700
border-inline-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
border-x-fuchsia-800
border-inline-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
border-x-fuchsia-900
border-inline-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
border-x-fuchsia-950
border-inline-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
border-x-pink-50
border-inline-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
border-x-pink-100
border-inline-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
border-x-pink-200
border-inline-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
border-x-pink-300
border-inline-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
border-x-pink-400
border-inline-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
border-x-pink-500
border-inline-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
border-x-pink-600
border-inline-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
border-x-pink-700
border-inline-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
border-x-pink-800
border-inline-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
border-x-pink-900
border-inline-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
border-x-pink-950
border-inline-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
border-x-rose-50
border-inline-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
border-x-rose-100
border-inline-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
border-x-rose-200
border-inline-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
border-x-rose-300
border-inline-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
border-x-rose-400
border-inline-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
border-x-rose-500
border-inline-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
border-x-rose-600
border-inline-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
border-x-rose-700
border-inline-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
border-x-rose-800
border-inline-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
border-x-rose-900
border-inline-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
border-x-rose-950
border-inline-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
border-x-slate-50
border-inline-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
border-x-slate-100
border-inline-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
border-x-slate-200
border-inline-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
border-x-slate-300
border-inline-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
border-x-slate-400
border-inline-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
border-x-slate-500
border-inline-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
border-x-slate-600
border-inline-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
border-x-slate-700
border-inline-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
border-x-slate-800
border-inline-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
border-x-slate-900
border-inline-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
border-x-slate-950
border-inline-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
border-x-gray-50
border-inline-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
border-x-gray-100
border-inline-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
border-x-gray-200
border-inline-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
border-x-gray-300
border-inline-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
border-x-gray-400
border-inline-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
border-x-gray-500
border-inline-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
border-x-gray-600
border-inline-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
border-x-gray-700
border-inline-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
border-x-gray-800
border-inline-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
border-x-gray-900
border-inline-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
border-x-gray-950
border-inline-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
border-x-zinc-50
border-inline-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
border-x-zinc-100
border-inline-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
border-x-zinc-200
border-inline-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
border-x-zinc-300
border-inline-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
border-x-zinc-400
border-inline-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
border-x-zinc-500
border-inline-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
border-x-zinc-600
border-inline-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
border-x-zinc-700
border-inline-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
border-x-zinc-800
border-inline-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
border-x-zinc-900
border-inline-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
border-x-zinc-950
border-inline-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
border-x-neutral-50
border-inline-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
border-x-neutral-100
border-inline-color: var(--color-neutral-100); /* oklch(97% 0 0) */
border-x-neutral-200
border-inline-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
border-x-neutral-300
border-inline-color: var(--color-neutral-300); /* oklch(87% 0 0) */
border-x-neutral-400
border-inline-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
border-x-neutral-500
border-inline-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
border-x-neutral-600
border-inline-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
border-x-neutral-700
border-inline-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
border-x-neutral-800
border-inline-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
border-x-neutral-900
border-inline-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
border-x-neutral-950
border-inline-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
border-x-stone-50
border-inline-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
border-x-stone-100
border-inline-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
border-x-stone-200
border-inline-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
border-x-stone-300
border-inline-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
border-x-stone-400
border-inline-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
border-x-stone-500
border-inline-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
border-x-stone-600
border-inline-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
border-x-stone-700
border-inline-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
border-x-stone-800
border-inline-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
border-x-stone-900
border-inline-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
border-x-stone-950
border-inline-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
border-x-(<custom-property>)
border-inline-color: var(<custom-property>);
border-x-[<value>]
border-inline-color: <value>;
border-y-inherit
border-block-color: inherit;
border-y-current
border-block-color: currentColor;
border-y-transparent
border-block-color: transparent;
border-y-black
border-block-color: var(--color-black); /* #000 */
border-y-white
border-block-color: var(--color-white); /* #fff */
border-y-red-50
border-block-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
border-y-red-100
border-block-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
border-y-red-200
border-block-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
border-y-red-300
border-block-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
border-y-red-400
border-block-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
border-y-red-500
border-block-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
border-y-red-600
border-block-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
border-y-red-700
border-block-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
border-y-red-800
border-block-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
border-y-red-900
border-block-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
border-y-red-950
border-block-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
border-y-orange-50
border-block-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
border-y-orange-100
border-block-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
border-y-orange-200
border-block-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
border-y-orange-300
border-block-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
border-y-orange-400
border-block-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
border-y-orange-500
border-block-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
border-y-orange-600
border-block-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
border-y-orange-700
border-block-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
border-y-orange-800
border-block-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
border-y-orange-900
border-block-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
border-y-orange-950
border-block-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
border-y-amber-50
border-block-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
border-y-amber-100
border-block-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
border-y-amber-200
border-block-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
border-y-amber-300
border-block-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
border-y-amber-400
border-block-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
border-y-amber-500
border-block-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
border-y-amber-600
border-block-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
border-y-amber-700
border-block-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
border-y-amber-800
border-block-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
border-y-amber-900
border-block-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
border-y-amber-950
border-block-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
border-y-yellow-50
border-block-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
border-y-yellow-100
border-block-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
border-y-yellow-200
border-block-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
border-y-yellow-300
border-block-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
border-y-yellow-400
border-block-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
border-y-yellow-500
border-block-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
border-y-yellow-600
border-block-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
border-y-yellow-700
border-block-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
border-y-yellow-800
border-block-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
border-y-yellow-900
border-block-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
border-y-yellow-950
border-block-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
border-y-lime-50
border-block-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
border-y-lime-100
border-block-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
border-y-lime-200
border-block-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
border-y-lime-300
border-block-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
border-y-lime-400
border-block-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
border-y-lime-500
border-block-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
border-y-lime-600
border-block-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
border-y-lime-700
border-block-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
border-y-lime-800
border-block-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
border-y-lime-900
border-block-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
border-y-lime-950
border-block-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
border-y-green-50
border-block-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
border-y-green-100
border-block-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
border-y-green-200
border-block-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
border-y-green-300
border-block-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
border-y-green-400
border-block-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
border-y-green-500
border-block-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
border-y-green-600
border-block-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
border-y-green-700
border-block-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
border-y-green-800
border-block-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
border-y-green-900
border-block-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
border-y-green-950
border-block-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
border-y-emerald-50
border-block-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
border-y-emerald-100
border-block-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
border-y-emerald-200
border-block-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
border-y-emerald-300
border-block-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
border-y-emerald-400
border-block-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
border-y-emerald-500
border-block-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
border-y-emerald-600
border-block-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
border-y-emerald-700
border-block-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
border-y-emerald-800
border-block-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
border-y-emerald-900
border-block-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
border-y-emerald-950
border-block-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
border-y-teal-50
border-block-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
border-y-teal-100
border-block-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
border-y-teal-200
border-block-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
border-y-teal-300
border-block-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
border-y-teal-400
border-block-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
border-y-teal-500
border-block-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
border-y-teal-600
border-block-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
border-y-teal-700
border-block-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
border-y-teal-800
border-block-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
border-y-teal-900
border-block-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
border-y-teal-950
border-block-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
border-y-cyan-50
border-block-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
border-y-cyan-100
border-block-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
border-y-cyan-200
border-block-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
border-y-cyan-300
border-block-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
border-y-cyan-400
border-block-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
border-y-cyan-500
border-block-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
border-y-cyan-600
border-block-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
border-y-cyan-700
border-block-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
border-y-cyan-800
border-block-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
border-y-cyan-900
border-block-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
border-y-cyan-950
border-block-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
border-y-sky-50
border-block-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
border-y-sky-100
border-block-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
border-y-sky-200
border-block-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
border-y-sky-300
border-block-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
border-y-sky-400
border-block-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
border-y-sky-500
border-block-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
border-y-sky-600
border-block-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
border-y-sky-700
border-block-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
border-y-sky-800
border-block-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
border-y-sky-900
border-block-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
border-y-sky-950
border-block-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
border-y-blue-50
border-block-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
border-y-blue-100
border-block-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
border-y-blue-200
border-block-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
border-y-blue-300
border-block-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
border-y-blue-400
border-block-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
border-y-blue-500
border-block-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
border-y-blue-600
border-block-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
border-y-blue-700
border-block-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
border-y-blue-800
border-block-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
border-y-blue-900
border-block-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
border-y-blue-950
border-block-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
border-y-indigo-50
border-block-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
border-y-indigo-100
border-block-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
border-y-indigo-200
border-block-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
border-y-indigo-300
border-block-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
border-y-indigo-400
border-block-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
border-y-indigo-500
border-block-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
border-y-indigo-600
border-block-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
border-y-indigo-700
border-block-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
border-y-indigo-800
border-block-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
border-y-indigo-900
border-block-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
border-y-indigo-950
border-block-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
border-y-violet-50
border-block-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
border-y-violet-100
border-block-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
border-y-violet-200
border-block-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
border-y-violet-300
border-block-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
border-y-violet-400
border-block-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
border-y-violet-500
border-block-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
border-y-violet-600
border-block-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
border-y-violet-700
border-block-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
border-y-violet-800
border-block-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
border-y-violet-900
border-block-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
border-y-violet-950
border-block-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
border-y-purple-50
border-block-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
border-y-purple-100
border-block-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
border-y-purple-200
border-block-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
border-y-purple-300
border-block-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
border-y-purple-400
border-block-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
border-y-purple-500
border-block-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
border-y-purple-600
border-block-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
border-y-purple-700
border-block-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
border-y-purple-800
border-block-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
border-y-purple-900
border-block-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
border-y-purple-950
border-block-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
border-y-fuchsia-50
border-block-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
border-y-fuchsia-100
border-block-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
border-y-fuchsia-200
border-block-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
border-y-fuchsia-300
border-block-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
border-y-fuchsia-400
border-block-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
border-y-fuchsia-500
border-block-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
border-y-fuchsia-600
border-block-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
border-y-fuchsia-700
border-block-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
border-y-fuchsia-800
border-block-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
border-y-fuchsia-900
border-block-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
border-y-fuchsia-950
border-block-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
border-y-pink-50
border-block-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
border-y-pink-100
border-block-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
border-y-pink-200
border-block-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
border-y-pink-300
border-block-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
border-y-pink-400
border-block-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
border-y-pink-500
border-block-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
border-y-pink-600
border-block-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
border-y-pink-700
border-block-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
border-y-pink-800
border-block-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
border-y-pink-900
border-block-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
border-y-pink-950
border-block-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
border-y-rose-50
border-block-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
border-y-rose-100
border-block-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
border-y-rose-200
border-block-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
border-y-rose-300
border-block-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
border-y-rose-400
border-block-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
border-y-rose-500
border-block-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
border-y-rose-600
border-block-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
border-y-rose-700
border-block-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
border-y-rose-800
border-block-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
border-y-rose-900
border-block-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
border-y-rose-950
border-block-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
border-y-slate-50
border-block-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
border-y-slate-100
border-block-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
border-y-slate-200
border-block-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
border-y-slate-300
border-block-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
border-y-slate-400
border-block-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
border-y-slate-500
border-block-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
border-y-slate-600
border-block-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
border-y-slate-700
border-block-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
border-y-slate-800
border-block-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
border-y-slate-900
border-block-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
border-y-slate-950
border-block-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
border-y-gray-50
border-block-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
border-y-gray-100
border-block-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
border-y-gray-200
border-block-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
border-y-gray-300
border-block-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
border-y-gray-400
border-block-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
border-y-gray-500
border-block-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
border-y-gray-600
border-block-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
border-y-gray-700
border-block-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
border-y-gray-800
border-block-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
border-y-gray-900
border-block-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
border-y-gray-950
border-block-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
border-y-zinc-50
border-block-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
border-y-zinc-100
border-block-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
border-y-zinc-200
border-block-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
border-y-zinc-300
border-block-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
border-y-zinc-400
border-block-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
border-y-zinc-500
border-block-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
border-y-zinc-600
border-block-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
border-y-zinc-700
border-block-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
border-y-zinc-800
border-block-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
border-y-zinc-900
border-block-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
border-y-zinc-950
border-block-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
border-y-neutral-50
border-block-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
border-y-neutral-100
border-block-color: var(--color-neutral-100); /* oklch(97% 0 0) */
border-y-neutral-200
border-block-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
border-y-neutral-300
border-block-color: var(--color-neutral-300); /* oklch(87% 0 0) */
border-y-neutral-400
border-block-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
border-y-neutral-500
border-block-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
border-y-neutral-600
border-block-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
border-y-neutral-700
border-block-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
border-y-neutral-800
border-block-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
border-y-neutral-900
border-block-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
border-y-neutral-950
border-block-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
border-y-stone-50
border-block-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
border-y-stone-100
border-block-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
border-y-stone-200
border-block-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
border-y-stone-300
border-block-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
border-y-stone-400
border-block-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
border-y-stone-500
border-block-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
border-y-stone-600
border-block-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
border-y-stone-700
border-block-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
border-y-stone-800
border-block-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
border-y-stone-900
border-block-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
border-y-stone-950
border-block-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
border-y-(<custom-property>)
border-block-color: var(<custom-property>);
border-y-[<value>]
border-block-color: <value>;
border-s-inherit
border-inline-start-color: inherit;
border-s-current
border-inline-start-color: currentColor;
border-s-transparent
border-inline-start-color: transparent;
border-s-black
border-inline-start-color: var(--color-black); /* #000 */
border-s-white
border-inline-start-color: var(--color-white); /* #fff */
border-s-red-50
border-inline-start-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
border-s-red-100
border-inline-start-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
border-s-red-200
border-inline-start-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
border-s-red-300
border-inline-start-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
border-s-red-400
border-inline-start-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
border-s-red-500
border-inline-start-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
border-s-red-600
border-inline-start-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
border-s-red-700
border-inline-start-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
border-s-red-800
border-inline-start-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
border-s-red-900
border-inline-start-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
border-s-red-950
border-inline-start-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
border-s-orange-50
border-inline-start-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
border-s-orange-100
border-inline-start-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
border-s-orange-200
border-inline-start-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
border-s-orange-300
border-inline-start-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
border-s-orange-400
border-inline-start-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
border-s-orange-500
border-inline-start-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
border-s-orange-600
border-inline-start-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
border-s-orange-700
border-inline-start-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
border-s-orange-800
border-inline-start-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
border-s-orange-900
border-inline-start-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
border-s-orange-950
border-inline-start-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
border-s-amber-50
border-inline-start-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
border-s-amber-100
border-inline-start-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
border-s-amber-200
border-inline-start-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
border-s-amber-300
border-inline-start-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
border-s-amber-400
border-inline-start-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
border-s-amber-500
border-inline-start-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
border-s-amber-600
border-inline-start-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
border-s-amber-700
border-inline-start-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
border-s-amber-800
border-inline-start-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
border-s-amber-900
border-inline-start-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
border-s-amber-950
border-inline-start-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
border-s-yellow-50
border-inline-start-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
border-s-yellow-100
border-inline-start-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
border-s-yellow-200
border-inline-start-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
border-s-yellow-300
border-inline-start-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
border-s-yellow-400
border-inline-start-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
border-s-yellow-500
border-inline-start-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
border-s-yellow-600
border-inline-start-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
border-s-yellow-700
border-inline-start-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
border-s-yellow-800
border-inline-start-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
border-s-yellow-900
border-inline-start-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
border-s-yellow-950
border-inline-start-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
border-s-lime-50
border-inline-start-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
border-s-lime-100
border-inline-start-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
border-s-lime-200
border-inline-start-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
border-s-lime-300
border-inline-start-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
border-s-lime-400
border-inline-start-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
border-s-lime-500
border-inline-start-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
border-s-lime-600
border-inline-start-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
border-s-lime-700
border-inline-start-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
border-s-lime-800
border-inline-start-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
border-s-lime-900
border-inline-start-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
border-s-lime-950
border-inline-start-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
border-s-green-50
border-inline-start-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
border-s-green-100
border-inline-start-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
border-s-green-200
border-inline-start-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
border-s-green-300
border-inline-start-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
border-s-green-400
border-inline-start-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
border-s-green-500
border-inline-start-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
border-s-green-600
border-inline-start-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
border-s-green-700
border-inline-start-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
border-s-green-800
border-inline-start-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
border-s-green-900
border-inline-start-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
border-s-green-950
border-inline-start-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
border-s-emerald-50
border-inline-start-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
border-s-emerald-100
border-inline-start-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
border-s-emerald-200
border-inline-start-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
border-s-emerald-300
border-inline-start-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
border-s-emerald-400
border-inline-start-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
border-s-emerald-500
border-inline-start-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
border-s-emerald-600
border-inline-start-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
border-s-emerald-700
border-inline-start-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
border-s-emerald-800
border-inline-start-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
border-s-emerald-900
border-inline-start-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
border-s-emerald-950
border-inline-start-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
border-s-teal-50
border-inline-start-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
border-s-teal-100
border-inline-start-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
border-s-teal-200
border-inline-start-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
border-s-teal-300
border-inline-start-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
border-s-teal-400
border-inline-start-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
border-s-teal-500
border-inline-start-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
border-s-teal-600
border-inline-start-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
border-s-teal-700
border-inline-start-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
border-s-teal-800
border-inline-start-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
border-s-teal-900
border-inline-start-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
border-s-teal-950
border-inline-start-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
border-s-cyan-50
border-inline-start-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
border-s-cyan-100
border-inline-start-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
border-s-cyan-200
border-inline-start-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
border-s-cyan-300
border-inline-start-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
border-s-cyan-400
border-inline-start-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
border-s-cyan-500
border-inline-start-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
border-s-cyan-600
border-inline-start-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
border-s-cyan-700
border-inline-start-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
border-s-cyan-800
border-inline-start-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
border-s-cyan-900
border-inline-start-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
border-s-cyan-950
border-inline-start-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
border-s-sky-50
border-inline-start-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
border-s-sky-100
border-inline-start-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
border-s-sky-200
border-inline-start-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
border-s-sky-300
border-inline-start-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
border-s-sky-400
border-inline-start-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
border-s-sky-500
border-inline-start-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
border-s-sky-600
border-inline-start-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
border-s-sky-700
border-inline-start-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
border-s-sky-800
border-inline-start-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
border-s-sky-900
border-inline-start-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
border-s-sky-950
border-inline-start-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
border-s-blue-50
border-inline-start-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
border-s-blue-100
border-inline-start-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
border-s-blue-200
border-inline-start-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
border-s-blue-300
border-inline-start-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
border-s-blue-400
border-inline-start-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
border-s-blue-500
border-inline-start-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
border-s-blue-600
border-inline-start-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
border-s-blue-700
border-inline-start-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
border-s-blue-800
border-inline-start-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
border-s-blue-900
border-inline-start-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
border-s-blue-950
border-inline-start-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
border-s-indigo-50
border-inline-start-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
border-s-indigo-100
border-inline-start-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
border-s-indigo-200
border-inline-start-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
border-s-indigo-300
border-inline-start-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
border-s-indigo-400
border-inline-start-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
border-s-indigo-500
border-inline-start-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
border-s-indigo-600
border-inline-start-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
border-s-indigo-700
border-inline-start-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
border-s-indigo-800
border-inline-start-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
border-s-indigo-900
border-inline-start-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
border-s-indigo-950
border-inline-start-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
border-s-violet-50
border-inline-start-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
border-s-violet-100
border-inline-start-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
border-s-violet-200
border-inline-start-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
border-s-violet-300
border-inline-start-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
border-s-violet-400
border-inline-start-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
border-s-violet-500
border-inline-start-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
border-s-violet-600
border-inline-start-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
border-s-violet-700
border-inline-start-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
border-s-violet-800
border-inline-start-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
border-s-violet-900
border-inline-start-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
border-s-violet-950
border-inline-start-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
border-s-purple-50
border-inline-start-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
border-s-purple-100
border-inline-start-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
border-s-purple-200
border-inline-start-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
border-s-purple-300
border-inline-start-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
border-s-purple-400
border-inline-start-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
border-s-purple-500
border-inline-start-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
border-s-purple-600
border-inline-start-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
border-s-purple-700
border-inline-start-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
border-s-purple-800
border-inline-start-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
border-s-purple-900
border-inline-start-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
border-s-purple-950
border-inline-start-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
border-s-fuchsia-50
border-inline-start-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
border-s-fuchsia-100
border-inline-start-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
border-s-fuchsia-200
border-inline-start-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
border-s-fuchsia-300
border-inline-start-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
border-s-fuchsia-400
border-inline-start-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
border-s-fuchsia-500
border-inline-start-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
border-s-fuchsia-600
border-inline-start-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
border-s-fuchsia-700
border-inline-start-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
border-s-fuchsia-800
border-inline-start-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
border-s-fuchsia-900
border-inline-start-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
border-s-fuchsia-950
border-inline-start-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
border-s-pink-50
border-inline-start-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
border-s-pink-100
border-inline-start-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
border-s-pink-200
border-inline-start-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
border-s-pink-300
border-inline-start-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
border-s-pink-400
border-inline-start-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
border-s-pink-500
border-inline-start-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
border-s-pink-600
border-inline-start-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
border-s-pink-700
border-inline-start-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
border-s-pink-800
border-inline-start-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
border-s-pink-900
border-inline-start-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
border-s-pink-950
border-inline-start-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
border-s-rose-50
border-inline-start-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
border-s-rose-100
border-inline-start-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
border-s-rose-200
border-inline-start-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
border-s-rose-300
border-inline-start-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
border-s-rose-400
border-inline-start-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
border-s-rose-500
border-inline-start-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
border-s-rose-600
border-inline-start-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
border-s-rose-700
border-inline-start-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
border-s-rose-800
border-inline-start-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
border-s-rose-900
border-inline-start-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
border-s-rose-950
border-inline-start-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
border-s-slate-50
border-inline-start-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
border-s-slate-100
border-inline-start-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
border-s-slate-200
border-inline-start-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
border-s-slate-300
border-inline-start-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
border-s-slate-400
border-inline-start-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
border-s-slate-500
border-inline-start-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
border-s-slate-600
border-inline-start-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
border-s-slate-700
border-inline-start-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
border-s-slate-800
border-inline-start-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
border-s-slate-900
border-inline-start-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
border-s-slate-950
border-inline-start-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
border-s-gray-50
border-inline-start-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
border-s-gray-100
border-inline-start-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
border-s-gray-200
border-inline-start-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
border-s-gray-300
border-inline-start-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
border-s-gray-400
border-inline-start-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
border-s-gray-500
border-inline-start-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
border-s-gray-600
border-inline-start-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
border-s-gray-700
border-inline-start-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
border-s-gray-800
border-inline-start-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
border-s-gray-900
border-inline-start-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
border-s-gray-950
border-inline-start-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
border-s-zinc-50
border-inline-start-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
border-s-zinc-100
border-inline-start-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
border-s-zinc-200
border-inline-start-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
border-s-zinc-300
border-inline-start-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
border-s-zinc-400
border-inline-start-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
border-s-zinc-500
border-inline-start-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
border-s-zinc-600
border-inline-start-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
border-s-zinc-700
border-inline-start-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
border-s-zinc-800
border-inline-start-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
border-s-zinc-900
border-inline-start-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
border-s-zinc-950
border-inline-start-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
border-s-neutral-50
border-inline-start-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
border-s-neutral-100
border-inline-start-color: var(--color-neutral-100); /* oklch(97% 0 0) */
border-s-neutral-200
border-inline-start-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
border-s-neutral-300
border-inline-start-color: var(--color-neutral-300); /* oklch(87% 0 0) */
border-s-neutral-400
border-inline-start-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
border-s-neutral-500
border-inline-start-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
border-s-neutral-600
border-inline-start-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
border-s-neutral-700
border-inline-start-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
border-s-neutral-800
border-inline-start-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
border-s-neutral-900
border-inline-start-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
border-s-neutral-950
border-inline-start-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
border-s-stone-50
border-inline-start-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
border-s-stone-100
border-inline-start-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
border-s-stone-200
border-inline-start-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
border-s-stone-300
border-inline-start-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
border-s-stone-400
border-inline-start-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
border-s-stone-500
border-inline-start-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
border-s-stone-600
border-inline-start-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
border-s-stone-700
border-inline-start-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
border-s-stone-800
border-inline-start-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
border-s-stone-900
border-inline-start-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
border-s-stone-950
border-inline-start-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
border-s-(<custom-property>)
border-inline-start-color: var(<custom-property>);
border-s-[<value>]
border-inline-start-color: <value>;
border-e-inherit
border-inline-end-color: inherit;
border-e-current
border-inline-end-color: currentColor;
border-e-transparent
border-inline-end-color: transparent;
border-e-black
border-inline-end-color: var(--color-black); /* #000 */
border-e-white
border-inline-end-color: var(--color-white); /* #fff */
border-e-red-50
border-inline-end-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
border-e-red-100
border-inline-end-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
border-e-red-200
border-inline-end-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
border-e-red-300
border-inline-end-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
border-e-red-400
border-inline-end-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
border-e-red-500
border-inline-end-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
border-e-red-600
border-inline-end-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
border-e-red-700
border-inline-end-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
border-e-red-800
border-inline-end-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
border-e-red-900
border-inline-end-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
border-e-red-950
border-inline-end-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
border-e-orange-50
border-inline-end-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
border-e-orange-100
border-inline-end-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
border-e-orange-200
border-inline-end-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
border-e-orange-300
border-inline-end-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
border-e-orange-400
border-inline-end-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
border-e-orange-500
border-inline-end-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
border-e-orange-600
border-inline-end-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
border-e-orange-700
border-inline-end-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
border-e-orange-800
border-inline-end-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
border-e-orange-900
border-inline-end-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
border-e-orange-950
border-inline-end-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
border-e-amber-50
border-inline-end-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
border-e-amber-100
border-inline-end-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
border-e-amber-200
border-inline-end-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
border-e-amber-300
border-inline-end-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
border-e-amber-400
border-inline-end-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
border-e-amber-500
border-inline-end-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
border-e-amber-600
border-inline-end-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
border-e-amber-700
border-inline-end-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
border-e-amber-800
border-inline-end-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
border-e-amber-900
border-inline-end-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
border-e-amber-950
border-inline-end-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
border-e-yellow-50
border-inline-end-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
border-e-yellow-100
border-inline-end-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
border-e-yellow-200
border-inline-end-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
border-e-yellow-300
border-inline-end-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
border-e-yellow-400
border-inline-end-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
border-e-yellow-500
border-inline-end-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
border-e-yellow-600
border-inline-end-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
border-e-yellow-700
border-inline-end-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
border-e-yellow-800
border-inline-end-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
border-e-yellow-900
border-inline-end-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
border-e-yellow-950
border-inline-end-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
border-e-lime-50
border-inline-end-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
border-e-lime-100
border-inline-end-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
border-e-lime-200
border-inline-end-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
border-e-lime-300
border-inline-end-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
border-e-lime-400
border-inline-end-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
border-e-lime-500
border-inline-end-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
border-e-lime-600
border-inline-end-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
border-e-lime-700
border-inline-end-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
border-e-lime-800
border-inline-end-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
border-e-lime-900
border-inline-end-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
border-e-lime-950
border-inline-end-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
border-e-green-50
border-inline-end-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
border-e-green-100
border-inline-end-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
border-e-green-200
border-inline-end-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
border-e-green-300
border-inline-end-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
border-e-green-400
border-inline-end-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
border-e-green-500
border-inline-end-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
border-e-green-600
border-inline-end-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
border-e-green-700
border-inline-end-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
border-e-green-800
border-inline-end-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
border-e-green-900
border-inline-end-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
border-e-green-950
border-inline-end-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
border-e-emerald-50
border-inline-end-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
border-e-emerald-100
border-inline-end-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
border-e-emerald-200
border-inline-end-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
border-e-emerald-300
border-inline-end-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
border-e-emerald-400
border-inline-end-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
border-e-emerald-500
border-inline-end-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
border-e-emerald-600
border-inline-end-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
border-e-emerald-700
border-inline-end-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
border-e-emerald-800
border-inline-end-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
border-e-emerald-900
border-inline-end-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
border-e-emerald-950
border-inline-end-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
border-e-teal-50
border-inline-end-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
border-e-teal-100
border-inline-end-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
border-e-teal-200
border-inline-end-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
border-e-teal-300
border-inline-end-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
border-e-teal-400
border-inline-end-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
border-e-teal-500
border-inline-end-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
border-e-teal-600
border-inline-end-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
border-e-teal-700
border-inline-end-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
border-e-teal-800
border-inline-end-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
border-e-teal-900
border-inline-end-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
border-e-teal-950
border-inline-end-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
border-e-cyan-50
border-inline-end-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
border-e-cyan-100
border-inline-end-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
border-e-cyan-200
border-inline-end-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
border-e-cyan-300
border-inline-end-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
border-e-cyan-400
border-inline-end-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
border-e-cyan-500
border-inline-end-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
border-e-cyan-600
border-inline-end-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
border-e-cyan-700
border-inline-end-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
border-e-cyan-800
border-inline-end-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
border-e-cyan-900
border-inline-end-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
border-e-cyan-950
border-inline-end-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
border-e-sky-50
border-inline-end-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
border-e-sky-100
border-inline-end-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
border-e-sky-200
border-inline-end-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
border-e-sky-300
border-inline-end-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
border-e-sky-400
border-inline-end-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
border-e-sky-500
border-inline-end-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
border-e-sky-600
border-inline-end-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
border-e-sky-700
border-inline-end-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
border-e-sky-800
border-inline-end-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
border-e-sky-900
border-inline-end-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
border-e-sky-950
border-inline-end-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
border-e-blue-50
border-inline-end-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
border-e-blue-100
border-inline-end-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
border-e-blue-200
border-inline-end-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
border-e-blue-300
border-inline-end-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
border-e-blue-400
border-inline-end-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
border-e-blue-500
border-inline-end-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
border-e-blue-600
border-inline-end-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
border-e-blue-700
border-inline-end-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
border-e-blue-800
border-inline-end-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
border-e-blue-900
border-inline-end-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
border-e-blue-950
border-inline-end-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
border-e-indigo-50
border-inline-end-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
border-e-indigo-100
border-inline-end-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
border-e-indigo-200
border-inline-end-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
border-e-indigo-300
border-inline-end-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
border-e-indigo-400
border-inline-end-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
border-e-indigo-500
border-inline-end-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
border-e-indigo-600
border-inline-end-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
border-e-indigo-700
border-inline-end-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
border-e-indigo-800
border-inline-end-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
border-e-indigo-900
border-inline-end-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
border-e-indigo-950
border-inline-end-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
border-e-violet-50
border-inline-end-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
border-e-violet-100
border-inline-end-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
border-e-violet-200
border-inline-end-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
border-e-violet-300
border-inline-end-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
border-e-violet-400
border-inline-end-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
border-e-violet-500
border-inline-end-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
border-e-violet-600
border-inline-end-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
border-e-violet-700
border-inline-end-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
border-e-violet-800
border-inline-end-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
border-e-violet-900
border-inline-end-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
border-e-violet-950
border-inline-end-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
border-e-purple-50
border-inline-end-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
border-e-purple-100
border-inline-end-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
border-e-purple-200
border-inline-end-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
border-e-purple-300
border-inline-end-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
border-e-purple-400
border-inline-end-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
border-e-purple-500
border-inline-end-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
border-e-purple-600
border-inline-end-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
border-e-purple-700
border-inline-end-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
border-e-purple-800
border-inline-end-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
border-e-purple-900
border-inline-end-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
border-e-purple-950
border-inline-end-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
border-e-fuchsia-50
border-inline-end-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
border-e-fuchsia-100
border-inline-end-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
border-e-fuchsia-200
border-inline-end-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
border-e-fuchsia-300
border-inline-end-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
border-e-fuchsia-400
border-inline-end-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
border-e-fuchsia-500
border-inline-end-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
border-e-fuchsia-600
border-inline-end-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
border-e-fuchsia-700
border-inline-end-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
border-e-fuchsia-800
border-inline-end-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
border-e-fuchsia-900
border-inline-end-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
border-e-fuchsia-950
border-inline-end-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
border-e-pink-50
border-inline-end-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
border-e-pink-100
border-inline-end-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
border-e-pink-200
border-inline-end-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
border-e-pink-300
border-inline-end-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
border-e-pink-400
border-inline-end-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
border-e-pink-500
border-inline-end-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
border-e-pink-600
border-inline-end-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
border-e-pink-700
border-inline-end-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
border-e-pink-800
border-inline-end-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
border-e-pink-900
border-inline-end-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
border-e-pink-950
border-inline-end-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
border-e-rose-50
border-inline-end-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
border-e-rose-100
border-inline-end-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
border-e-rose-200
border-inline-end-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
border-e-rose-300
border-inline-end-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
border-e-rose-400
border-inline-end-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
border-e-rose-500
border-inline-end-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
border-e-rose-600
border-inline-end-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
border-e-rose-700
border-inline-end-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
border-e-rose-800
border-inline-end-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
border-e-rose-900
border-inline-end-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
border-e-rose-950
border-inline-end-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
border-e-slate-50
border-inline-end-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
border-e-slate-100
border-inline-end-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
border-e-slate-200
border-inline-end-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
border-e-slate-300
border-inline-end-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
border-e-slate-400
border-inline-end-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
border-e-slate-500
border-inline-end-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
border-e-slate-600
border-inline-end-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
border-e-slate-700
border-inline-end-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
border-e-slate-800
border-inline-end-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
border-e-slate-900
border-inline-end-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
border-e-slate-950
border-inline-end-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
border-e-gray-50
border-inline-end-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
border-e-gray-100
border-inline-end-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
border-e-gray-200
border-inline-end-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
border-e-gray-300
border-inline-end-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
border-e-gray-400
border-inline-end-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
border-e-gray-500
border-inline-end-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
border-e-gray-600
border-inline-end-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
border-e-gray-700
border-inline-end-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
border-e-gray-800
border-inline-end-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
border-e-gray-900
border-inline-end-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
border-e-gray-950
border-inline-end-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
border-e-zinc-50
border-inline-end-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
border-e-zinc-100
border-inline-end-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
border-e-zinc-200
border-inline-end-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
border-e-zinc-300
border-inline-end-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
border-e-zinc-400
border-inline-end-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
border-e-zinc-500
border-inline-end-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
border-e-zinc-600
border-inline-end-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
border-e-zinc-700
border-inline-end-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
border-e-zinc-800
border-inline-end-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
border-e-zinc-900
border-inline-end-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
border-e-zinc-950
border-inline-end-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
border-e-neutral-50
border-inline-end-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
border-e-neutral-100
border-inline-end-color: var(--color-neutral-100); /* oklch(97% 0 0) */
border-e-neutral-200
border-inline-end-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
border-e-neutral-300
border-inline-end-color: var(--color-neutral-300); /* oklch(87% 0 0) */
border-e-neutral-400
border-inline-end-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
border-e-neutral-500
border-inline-end-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
border-e-neutral-600
border-inline-end-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
border-e-neutral-700
border-inline-end-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
border-e-neutral-800
border-inline-end-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
border-e-neutral-900
border-inline-end-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
border-e-neutral-950
border-inline-end-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
border-e-stone-50
border-inline-end-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
border-e-stone-100
border-inline-end-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
border-e-stone-200
border-inline-end-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
border-e-stone-300
border-inline-end-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
border-e-stone-400
border-inline-end-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
border-e-stone-500
border-inline-end-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
border-e-stone-600
border-inline-end-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
border-e-stone-700
border-inline-end-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
border-e-stone-800
border-inline-end-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
border-e-stone-900
border-inline-end-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
border-e-stone-950
border-inline-end-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
border-e-(<custom-property>)
border-inline-end-color: var(<custom-property>);
border-e-[<value>]
border-inline-end-color: <value>;
border-t-inherit
border-top-color: inherit;
border-t-current
border-top-color: currentColor;
border-t-transparent
border-top-color: transparent;
border-t-black
border-top-color: var(--color-black); /* #000 */
border-t-white
border-top-color: var(--color-white); /* #fff */
border-t-red-50
border-top-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
border-t-red-100
border-top-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
border-t-red-200
border-top-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
border-t-red-300
border-top-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
border-t-red-400
border-top-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
border-t-red-500
border-top-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
border-t-red-600
border-top-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
border-t-red-700
border-top-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
border-t-red-800
border-top-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
border-t-red-900
border-top-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
border-t-red-950
border-top-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
border-t-orange-50
border-top-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
border-t-orange-100
border-top-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
border-t-orange-200
border-top-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
border-t-orange-300
border-top-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
border-t-orange-400
border-top-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
border-t-orange-500
border-top-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
border-t-orange-600
border-top-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
border-t-orange-700
border-top-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
border-t-orange-800
border-top-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
border-t-orange-900
border-top-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
border-t-orange-950
border-top-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
border-t-amber-50
border-top-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
border-t-amber-100
border-top-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
border-t-amber-200
border-top-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
border-t-amber-300
border-top-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
border-t-amber-400
border-top-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
border-t-amber-500
border-top-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
border-t-amber-600
border-top-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
border-t-amber-700
border-top-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
border-t-amber-800
border-top-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
border-t-amber-900
border-top-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
border-t-amber-950
border-top-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
border-t-yellow-50
border-top-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
border-t-yellow-100
border-top-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
border-t-yellow-200
border-top-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
border-t-yellow-300
border-top-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
border-t-yellow-400
border-top-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
border-t-yellow-500
border-top-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
border-t-yellow-600
border-top-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
border-t-yellow-700
border-top-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
border-t-yellow-800
border-top-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
border-t-yellow-900
border-top-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
border-t-yellow-950
border-top-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
border-t-lime-50
border-top-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
border-t-lime-100
border-top-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
border-t-lime-200
border-top-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
border-t-lime-300
border-top-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
border-t-lime-400
border-top-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
border-t-lime-500
border-top-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
border-t-lime-600
border-top-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
border-t-lime-700
border-top-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
border-t-lime-800
border-top-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
border-t-lime-900
border-top-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
border-t-lime-950
border-top-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
border-t-green-50
border-top-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
border-t-green-100
border-top-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
border-t-green-200
border-top-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
border-t-green-300
border-top-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
border-t-green-400
border-top-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
border-t-green-500
border-top-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
border-t-green-600
border-top-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
border-t-green-700
border-top-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
border-t-green-800
border-top-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
border-t-green-900
border-top-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
border-t-green-950
border-top-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
border-t-emerald-50
border-top-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
border-t-emerald-100
border-top-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
border-t-emerald-200
border-top-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
border-t-emerald-300
border-top-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
border-t-emerald-400
border-top-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
border-t-emerald-500
border-top-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
border-t-emerald-600
border-top-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
border-t-emerald-700
border-top-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
border-t-emerald-800
border-top-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
border-t-emerald-900
border-top-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
border-t-emerald-950
border-top-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
border-t-teal-50
border-top-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
border-t-teal-100
border-top-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
border-t-teal-200
border-top-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
border-t-teal-300
border-top-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
border-t-teal-400
border-top-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
border-t-teal-500
border-top-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
border-t-teal-600
border-top-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
border-t-teal-700
border-top-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
border-t-teal-800
border-top-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
border-t-teal-900
border-top-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
border-t-teal-950
border-top-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
border-t-cyan-50
border-top-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
border-t-cyan-100
border-top-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
border-t-cyan-200
border-top-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
border-t-cyan-300
border-top-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
border-t-cyan-400
border-top-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
border-t-cyan-500
border-top-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
border-t-cyan-600
border-top-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
border-t-cyan-700
border-top-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
border-t-cyan-800
border-top-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
border-t-cyan-900
border-top-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
border-t-cyan-950
border-top-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
border-t-sky-50
border-top-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
border-t-sky-100
border-top-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
border-t-sky-200
border-top-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
border-t-sky-300
border-top-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
border-t-sky-400
border-top-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
border-t-sky-500
border-top-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
border-t-sky-600
border-top-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
border-t-sky-700
border-top-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
border-t-sky-800
border-top-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
border-t-sky-900
border-top-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
border-t-sky-950
border-top-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
border-t-blue-50
border-top-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
border-t-blue-100
border-top-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
border-t-blue-200
border-top-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
border-t-blue-300
border-top-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
border-t-blue-400
border-top-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
border-t-blue-500
border-top-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
border-t-blue-600
border-top-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
border-t-blue-700
border-top-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
border-t-blue-800
border-top-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
border-t-blue-900
border-top-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
border-t-blue-950
border-top-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
border-t-indigo-50
border-top-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
border-t-indigo-100
border-top-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
border-t-indigo-200
border-top-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
border-t-indigo-300
border-top-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
border-t-indigo-400
border-top-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
border-t-indigo-500
border-top-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
border-t-indigo-600
border-top-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
border-t-indigo-700
border-top-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
border-t-indigo-800
border-top-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
border-t-indigo-900
border-top-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
border-t-indigo-950
border-top-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
border-t-violet-50
border-top-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
border-t-violet-100
border-top-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
border-t-violet-200
border-top-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
border-t-violet-300
border-top-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
border-t-violet-400
border-top-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
border-t-violet-500
border-top-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
border-t-violet-600
border-top-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
border-t-violet-700
border-top-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
border-t-violet-800
border-top-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
border-t-violet-900
border-top-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
border-t-violet-950
border-top-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
border-t-purple-50
border-top-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
border-t-purple-100
border-top-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
border-t-purple-200
border-top-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
border-t-purple-300
border-top-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
border-t-purple-400
border-top-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
border-t-purple-500
border-top-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
border-t-purple-600
border-top-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
border-t-purple-700
border-top-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
border-t-purple-800
border-top-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
border-t-purple-900
border-top-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
border-t-purple-950
border-top-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
border-t-fuchsia-50
border-top-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
border-t-fuchsia-100
border-top-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
border-t-fuchsia-200
border-top-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
border-t-fuchsia-300
border-top-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
border-t-fuchsia-400
border-top-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
border-t-fuchsia-500
border-top-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
border-t-fuchsia-600
border-top-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
border-t-fuchsia-700
border-top-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
border-t-fuchsia-800
border-top-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
border-t-fuchsia-900
border-top-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
border-t-fuchsia-950
border-top-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
border-t-pink-50
border-top-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
border-t-pink-100
border-top-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
border-t-pink-200
border-top-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
border-t-pink-300
border-top-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
border-t-pink-400
border-top-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
border-t-pink-500
border-top-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
border-t-pink-600
border-top-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
border-t-pink-700
border-top-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
border-t-pink-800
border-top-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
border-t-pink-900
border-top-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
border-t-pink-950
border-top-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
border-t-rose-50
border-top-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
border-t-rose-100
border-top-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
border-t-rose-200
border-top-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
border-t-rose-300
border-top-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
border-t-rose-400
border-top-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
border-t-rose-500
border-top-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
border-t-rose-600
border-top-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
border-t-rose-700
border-top-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
border-t-rose-800
border-top-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
border-t-rose-900
border-top-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
border-t-rose-950
border-top-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
border-t-slate-50
border-top-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
border-t-slate-100
border-top-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
border-t-slate-200
border-top-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
border-t-slate-300
border-top-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
border-t-slate-400
border-top-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
border-t-slate-500
border-top-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
border-t-slate-600
border-top-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
border-t-slate-700
border-top-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
border-t-slate-800
border-top-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
border-t-slate-900
border-top-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
border-t-slate-950
border-top-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
border-t-gray-50
border-top-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
border-t-gray-100
border-top-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
border-t-gray-200
border-top-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
border-t-gray-300
border-top-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
border-t-gray-400
border-top-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
border-t-gray-500
border-top-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
border-t-gray-600
border-top-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
border-t-gray-700
border-top-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
border-t-gray-800
border-top-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
border-t-gray-900
border-top-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
border-t-gray-950
border-top-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
border-t-zinc-50
border-top-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
border-t-zinc-100
border-top-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
border-t-zinc-200
border-top-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
border-t-zinc-300
border-top-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
border-t-zinc-400
border-top-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
border-t-zinc-500
border-top-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
border-t-zinc-600
border-top-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
border-t-zinc-700
border-top-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
border-t-zinc-800
border-top-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
border-t-zinc-900
border-top-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
border-t-zinc-950
border-top-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
border-t-neutral-50
border-top-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
border-t-neutral-100
border-top-color: var(--color-neutral-100); /* oklch(97% 0 0) */
border-t-neutral-200
border-top-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
border-t-neutral-300
border-top-color: var(--color-neutral-300); /* oklch(87% 0 0) */
border-t-neutral-400
border-top-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
border-t-neutral-500
border-top-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
border-t-neutral-600
border-top-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
border-t-neutral-700
border-top-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
border-t-neutral-800
border-top-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
border-t-neutral-900
border-top-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
border-t-neutral-950
border-top-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
border-t-stone-50
border-top-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
border-t-stone-100
border-top-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
border-t-stone-200
border-top-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
border-t-stone-300
border-top-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
border-t-stone-400
border-top-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
border-t-stone-500
border-top-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
border-t-stone-600
border-top-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
border-t-stone-700
border-top-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
border-t-stone-800
border-top-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
border-t-stone-900
border-top-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
border-t-stone-950
border-top-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
border-t-(<custom-property>)
border-top-color: var(<custom-property>);
border-t-[<value>]
border-top-color: <value>;
border-r-inherit
border-right-color: inherit;
border-r-current
border-right-color: currentColor;
border-r-transparent
border-right-color: transparent;
border-r-black
border-right-color: var(--color-black); /* #000 */
border-r-white
border-right-color: var(--color-white); /* #fff */
border-r-red-50
border-right-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
border-r-red-100
border-right-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
border-r-red-200
border-right-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
border-r-red-300
border-right-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
border-r-red-400
border-right-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
border-r-red-500
border-right-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
border-r-red-600
border-right-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
border-r-red-700
border-right-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
border-r-red-800
border-right-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
border-r-red-900
border-right-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
border-r-red-950
border-right-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
border-r-orange-50
border-right-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
border-r-orange-100
border-right-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
border-r-orange-200
border-right-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
border-r-orange-300
border-right-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
border-r-orange-400
border-right-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
border-r-orange-500
border-right-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
border-r-orange-600
border-right-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
border-r-orange-700
border-right-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
border-r-orange-800
border-right-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
border-r-orange-900
border-right-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
border-r-orange-950
border-right-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
border-r-amber-50
border-right-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
border-r-amber-100
border-right-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
border-r-amber-200
border-right-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
border-r-amber-300
border-right-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
border-r-amber-400
border-right-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
border-r-amber-500
border-right-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
border-r-amber-600
border-right-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
border-r-amber-700
border-right-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
border-r-amber-800
border-right-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
border-r-amber-900
border-right-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
border-r-amber-950
border-right-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
border-r-yellow-50
border-right-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
border-r-yellow-100
border-right-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
border-r-yellow-200
border-right-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
border-r-yellow-300
border-right-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
border-r-yellow-400
border-right-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
border-r-yellow-500
border-right-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
border-r-yellow-600
border-right-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
border-r-yellow-700
border-right-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
border-r-yellow-800
border-right-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
border-r-yellow-900
border-right-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
border-r-yellow-950
border-right-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
border-r-lime-50
border-right-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
border-r-lime-100
border-right-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
border-r-lime-200
border-right-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
border-r-lime-300
border-right-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
border-r-lime-400
border-right-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
border-r-lime-500
border-right-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
border-r-lime-600
border-right-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
border-r-lime-700
border-right-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
border-r-lime-800
border-right-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
border-r-lime-900
border-right-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
border-r-lime-950
border-right-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
border-r-green-50
border-right-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
border-r-green-100
border-right-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
border-r-green-200
border-right-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
border-r-green-300
border-right-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
border-r-green-400
border-right-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
border-r-green-500
border-right-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
border-r-green-600
border-right-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
border-r-green-700
border-right-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
border-r-green-800
border-right-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
border-r-green-900
border-right-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
border-r-green-950
border-right-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
border-r-emerald-50
border-right-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
border-r-emerald-100
border-right-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
border-r-emerald-200
border-right-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
border-r-emerald-300
border-right-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
border-r-emerald-400
border-right-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
border-r-emerald-500
border-right-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
border-r-emerald-600
border-right-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
border-r-emerald-700
border-right-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
border-r-emerald-800
border-right-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
border-r-emerald-900
border-right-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
border-r-emerald-950
border-right-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
border-r-teal-50
border-right-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
border-r-teal-100
border-right-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
border-r-teal-200
border-right-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
border-r-teal-300
border-right-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
border-r-teal-400
border-right-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
border-r-teal-500
border-right-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
border-r-teal-600
border-right-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
border-r-teal-700
border-right-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
border-r-teal-800
border-right-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
border-r-teal-900
border-right-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
border-r-teal-950
border-right-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
border-r-cyan-50
border-right-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
border-r-cyan-100
border-right-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
border-r-cyan-200
border-right-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
border-r-cyan-300
border-right-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
border-r-cyan-400
border-right-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
border-r-cyan-500
border-right-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
border-r-cyan-600
border-right-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
border-r-cyan-700
border-right-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
border-r-cyan-800
border-right-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
border-r-cyan-900
border-right-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
border-r-cyan-950
border-right-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
border-r-sky-50
border-right-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
border-r-sky-100
border-right-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
border-r-sky-200
border-right-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
border-r-sky-300
border-right-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
border-r-sky-400
border-right-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
border-r-sky-500
border-right-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
border-r-sky-600
border-right-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
border-r-sky-700
border-right-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
border-r-sky-800
border-right-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
border-r-sky-900
border-right-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
border-r-sky-950
border-right-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
border-r-blue-50
border-right-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
border-r-blue-100
border-right-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
border-r-blue-200
border-right-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
border-r-blue-300
border-right-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
border-r-blue-400
border-right-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
border-r-blue-500
border-right-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
border-r-blue-600
border-right-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
border-r-blue-700
border-right-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
border-r-blue-800
border-right-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
border-r-blue-900
border-right-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
border-r-blue-950
border-right-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
border-r-indigo-50
border-right-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
border-r-indigo-100
border-right-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
border-r-indigo-200
border-right-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
border-r-indigo-300
border-right-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
border-r-indigo-400
border-right-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
border-r-indigo-500
border-right-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
border-r-indigo-600
border-right-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
border-r-indigo-700
border-right-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
border-r-indigo-800
border-right-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
border-r-indigo-900
border-right-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
border-r-indigo-950
border-right-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
border-r-violet-50
border-right-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
border-r-violet-100
border-right-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
border-r-violet-200
border-right-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
border-r-violet-300
border-right-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
border-r-violet-400
border-right-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
border-r-violet-500
border-right-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
border-r-violet-600
border-right-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
border-r-violet-700
border-right-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
border-r-violet-800
border-right-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
border-r-violet-900
border-right-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
border-r-violet-950
border-right-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
border-r-purple-50
border-right-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
border-r-purple-100
border-right-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
border-r-purple-200
border-right-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
border-r-purple-300
border-right-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
border-r-purple-400
border-right-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
border-r-purple-500
border-right-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
border-r-purple-600
border-right-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
border-r-purple-700
border-right-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
border-r-purple-800
border-right-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
border-r-purple-900
border-right-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
border-r-purple-950
border-right-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
border-r-fuchsia-50
border-right-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
border-r-fuchsia-100
border-right-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
border-r-fuchsia-200
border-right-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
border-r-fuchsia-300
border-right-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
border-r-fuchsia-400
border-right-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
border-r-fuchsia-500
border-right-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
border-r-fuchsia-600
border-right-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
border-r-fuchsia-700
border-right-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
border-r-fuchsia-800
border-right-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
border-r-fuchsia-900
border-right-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
border-r-fuchsia-950
border-right-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
border-r-pink-50
border-right-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
border-r-pink-100
border-right-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
border-r-pink-200
border-right-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
border-r-pink-300
border-right-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
border-r-pink-400
border-right-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
border-r-pink-500
border-right-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
border-r-pink-600
border-right-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
border-r-pink-700
border-right-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
border-r-pink-800
border-right-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
border-r-pink-900
border-right-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
border-r-pink-950
border-right-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
border-r-rose-50
border-right-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
border-r-rose-100
border-right-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
border-r-rose-200
border-right-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
border-r-rose-300
border-right-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
border-r-rose-400
border-right-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
border-r-rose-500
border-right-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
border-r-rose-600
border-right-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
border-r-rose-700
border-right-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
border-r-rose-800
border-right-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
border-r-rose-900
border-right-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
border-r-rose-950
border-right-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
border-r-slate-50
border-right-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
border-r-slate-100
border-right-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
border-r-slate-200
border-right-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
border-r-slate-300
border-right-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
border-r-slate-400
border-right-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
border-r-slate-500
border-right-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
border-r-slate-600
border-right-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
border-r-slate-700
border-right-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
border-r-slate-800
border-right-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
border-r-slate-900
border-right-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
border-r-slate-950
border-right-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
border-r-gray-50
border-right-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
border-r-gray-100
border-right-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
border-r-gray-200
border-right-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
border-r-gray-300
border-right-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
border-r-gray-400
border-right-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
border-r-gray-500
border-right-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
border-r-gray-600
border-right-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
border-r-gray-700
border-right-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
border-r-gray-800
border-right-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
border-r-gray-900
border-right-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
border-r-gray-950
border-right-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
border-r-zinc-50
border-right-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
border-r-zinc-100
border-right-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
border-r-zinc-200
border-right-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
border-r-zinc-300
border-right-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
border-r-zinc-400
border-right-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
border-r-zinc-500
border-right-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
border-r-zinc-600
border-right-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
border-r-zinc-700
border-right-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
border-r-zinc-800
border-right-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
border-r-zinc-900
border-right-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
border-r-zinc-950
border-right-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
border-r-neutral-50
border-right-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
border-r-neutral-100
border-right-color: var(--color-neutral-100); /* oklch(97% 0 0) */
border-r-neutral-200
border-right-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
border-r-neutral-300
border-right-color: var(--color-neutral-300); /* oklch(87% 0 0) */
border-r-neutral-400
border-right-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
border-r-neutral-500
border-right-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
border-r-neutral-600
border-right-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
border-r-neutral-700
border-right-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
border-r-neutral-800
border-right-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
border-r-neutral-900
border-right-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
border-r-neutral-950
border-right-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
border-r-stone-50
border-right-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
border-r-stone-100
border-right-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
border-r-stone-200
border-right-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
border-r-stone-300
border-right-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
border-r-stone-400
border-right-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
border-r-stone-500
border-right-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
border-r-stone-600
border-right-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
border-r-stone-700
border-right-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
border-r-stone-800
border-right-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
border-r-stone-900
border-right-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
border-r-stone-950
border-right-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
border-r-(<custom-property>)
border-right-color: var(<custom-property>);
border-r-[<value>]
border-right-color: <value>;
border-b-inherit
border-bottom-color: inherit;
border-b-current
border-bottom-color: currentColor;
border-b-transparent
border-bottom-color: transparent;
border-b-black
border-bottom-color: var(--color-black); /* #000 */
border-b-white
border-bottom-color: var(--color-white); /* #fff */
border-b-red-50
border-bottom-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
border-b-red-100
border-bottom-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
border-b-red-200
border-bottom-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
border-b-red-300
border-bottom-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
border-b-red-400
border-bottom-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
border-b-red-500
border-bottom-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
border-b-red-600
border-bottom-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
border-b-red-700
border-bottom-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
border-b-red-800
border-bottom-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
border-b-red-900
border-bottom-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
border-b-red-950
border-bottom-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
border-b-orange-50
border-bottom-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
border-b-orange-100
border-bottom-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
border-b-orange-200
border-bottom-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
border-b-orange-300
border-bottom-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
border-b-orange-400
border-bottom-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
border-b-orange-500
border-bottom-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
border-b-orange-600
border-bottom-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
border-b-orange-700
border-bottom-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
border-b-orange-800
border-bottom-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
border-b-orange-900
border-bottom-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
border-b-orange-950
border-bottom-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
border-b-amber-50
border-bottom-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
border-b-amber-100
border-bottom-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
border-b-amber-200
border-bottom-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
border-b-amber-300
border-bottom-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
border-b-amber-400
border-bottom-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
border-b-amber-500
border-bottom-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
border-b-amber-600
border-bottom-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
border-b-amber-700
border-bottom-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
border-b-amber-800
border-bottom-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
border-b-amber-900
border-bottom-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
border-b-amber-950
border-bottom-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
border-b-yellow-50
border-bottom-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
border-b-yellow-100
border-bottom-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
border-b-yellow-200
border-bottom-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
border-b-yellow-300
border-bottom-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
border-b-yellow-400
border-bottom-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
border-b-yellow-500
border-bottom-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
border-b-yellow-600
border-bottom-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
border-b-yellow-700
border-bottom-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
border-b-yellow-800
border-bottom-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
border-b-yellow-900
border-bottom-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
border-b-yellow-950
border-bottom-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
border-b-lime-50
border-bottom-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
border-b-lime-100
border-bottom-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
border-b-lime-200
border-bottom-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
border-b-lime-300
border-bottom-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
border-b-lime-400
border-bottom-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
border-b-lime-500
border-bottom-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
border-b-lime-600
border-bottom-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
border-b-lime-700
border-bottom-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
border-b-lime-800
border-bottom-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
border-b-lime-900
border-bottom-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
border-b-lime-950
border-bottom-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
border-b-green-50
border-bottom-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
border-b-green-100
border-bottom-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
border-b-green-200
border-bottom-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
border-b-green-300
border-bottom-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
border-b-green-400
border-bottom-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
border-b-green-500
border-bottom-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
border-b-green-600
border-bottom-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
border-b-green-700
border-bottom-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
border-b-green-800
border-bottom-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
border-b-green-900
border-bottom-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
border-b-green-950
border-bottom-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
border-b-emerald-50
border-bottom-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
border-b-emerald-100
border-bottom-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
border-b-emerald-200
border-bottom-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
border-b-emerald-300
border-bottom-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
border-b-emerald-400
border-bottom-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
border-b-emerald-500
border-bottom-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
border-b-emerald-600
border-bottom-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
border-b-emerald-700
border-bottom-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
border-b-emerald-800
border-bottom-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
border-b-emerald-900
border-bottom-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
border-b-emerald-950
border-bottom-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
border-b-teal-50
border-bottom-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
border-b-teal-100
border-bottom-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
border-b-teal-200
border-bottom-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
border-b-teal-300
border-bottom-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
border-b-teal-400
border-bottom-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
border-b-teal-500
border-bottom-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
border-b-teal-600
border-bottom-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
border-b-teal-700
border-bottom-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
border-b-teal-800
border-bottom-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
border-b-teal-900
border-bottom-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
border-b-teal-950
border-bottom-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
border-b-cyan-50
border-bottom-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
border-b-cyan-100
border-bottom-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
border-b-cyan-200
border-bottom-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
border-b-cyan-300
border-bottom-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
border-b-cyan-400
border-bottom-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
border-b-cyan-500
border-bottom-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
border-b-cyan-600
border-bottom-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
border-b-cyan-700
border-bottom-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
border-b-cyan-800
border-bottom-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
border-b-cyan-900
border-bottom-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
border-b-cyan-950
border-bottom-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
border-b-sky-50
border-bottom-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
border-b-sky-100
border-bottom-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
border-b-sky-200
border-bottom-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
border-b-sky-300
border-bottom-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
border-b-sky-400
border-bottom-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
border-b-sky-500
border-bottom-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
border-b-sky-600
border-bottom-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
border-b-sky-700
border-bottom-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
border-b-sky-800
border-bottom-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
border-b-sky-900
border-bottom-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
border-b-sky-950
border-bottom-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
border-b-blue-50
border-bottom-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
border-b-blue-100
border-bottom-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
border-b-blue-200
border-bottom-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
border-b-blue-300
border-bottom-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
border-b-blue-400
border-bottom-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
border-b-blue-500
border-bottom-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
border-b-blue-600
border-bottom-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
border-b-blue-700
border-bottom-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
border-b-blue-800
border-bottom-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
border-b-blue-900
border-bottom-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
border-b-blue-950
border-bottom-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
border-b-indigo-50
border-bottom-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
border-b-indigo-100
border-bottom-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
border-b-indigo-200
border-bottom-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
border-b-indigo-300
border-bottom-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
border-b-indigo-400
border-bottom-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
border-b-indigo-500
border-bottom-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
border-b-indigo-600
border-bottom-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
border-b-indigo-700
border-bottom-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
border-b-indigo-800
border-bottom-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
border-b-indigo-900
border-bottom-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
border-b-indigo-950
border-bottom-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
border-b-violet-50
border-bottom-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
border-b-violet-100
border-bottom-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
border-b-violet-200
border-bottom-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
border-b-violet-300
border-bottom-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
border-b-violet-400
border-bottom-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
border-b-violet-500
border-bottom-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
border-b-violet-600
border-bottom-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
border-b-violet-700
border-bottom-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
border-b-violet-800
border-bottom-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
border-b-violet-900
border-bottom-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
border-b-violet-950
border-bottom-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
border-b-purple-50
border-bottom-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
border-b-purple-100
border-bottom-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
border-b-purple-200
border-bottom-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
border-b-purple-300
border-bottom-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
border-b-purple-400
border-bottom-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
border-b-purple-500
border-bottom-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
border-b-purple-600
border-bottom-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
border-b-purple-700
border-bottom-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
border-b-purple-800
border-bottom-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
border-b-purple-900
border-bottom-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
border-b-purple-950
border-bottom-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
border-b-fuchsia-50
border-bottom-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
border-b-fuchsia-100
border-bottom-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
border-b-fuchsia-200
border-bottom-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
border-b-fuchsia-300
border-bottom-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
border-b-fuchsia-400
border-bottom-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
border-b-fuchsia-500
border-bottom-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
border-b-fuchsia-600
border-bottom-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
border-b-fuchsia-700
border-bottom-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
border-b-fuchsia-800
border-bottom-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
border-b-fuchsia-900
border-bottom-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
border-b-fuchsia-950
border-bottom-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
border-b-pink-50
border-bottom-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
border-b-pink-100
border-bottom-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
border-b-pink-200
border-bottom-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
border-b-pink-300
border-bottom-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
border-b-pink-400
border-bottom-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
border-b-pink-500
border-bottom-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
border-b-pink-600
border-bottom-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
border-b-pink-700
border-bottom-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
border-b-pink-800
border-bottom-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
border-b-pink-900
border-bottom-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
border-b-pink-950
border-bottom-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
border-b-rose-50
border-bottom-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
border-b-rose-100
border-bottom-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
border-b-rose-200
border-bottom-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
border-b-rose-300
border-bottom-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
border-b-rose-400
border-bottom-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
border-b-rose-500
border-bottom-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
border-b-rose-600
border-bottom-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
border-b-rose-700
border-bottom-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
border-b-rose-800
border-bottom-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
border-b-rose-900
border-bottom-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
border-b-rose-950
border-bottom-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
border-b-slate-50
border-bottom-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
border-b-slate-100
border-bottom-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
border-b-slate-200
border-bottom-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
border-b-slate-300
border-bottom-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
border-b-slate-400
border-bottom-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
border-b-slate-500
border-bottom-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
border-b-slate-600
border-bottom-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
border-b-slate-700
border-bottom-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
border-b-slate-800
border-bottom-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
border-b-slate-900
border-bottom-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
border-b-slate-950
border-bottom-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
border-b-gray-50
border-bottom-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
border-b-gray-100
border-bottom-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
border-b-gray-200
border-bottom-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
border-b-gray-300
border-bottom-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
border-b-gray-400
border-bottom-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
border-b-gray-500
border-bottom-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
border-b-gray-600
border-bottom-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
border-b-gray-700
border-bottom-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
border-b-gray-800
border-bottom-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
border-b-gray-900
border-bottom-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
border-b-gray-950
border-bottom-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
border-b-zinc-50
border-bottom-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
border-b-zinc-100
border-bottom-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
border-b-zinc-200
border-bottom-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
border-b-zinc-300
border-bottom-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
border-b-zinc-400
border-bottom-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
border-b-zinc-500
border-bottom-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
border-b-zinc-600
border-bottom-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
border-b-zinc-700
border-bottom-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
border-b-zinc-800
border-bottom-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
border-b-zinc-900
border-bottom-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
border-b-zinc-950
border-bottom-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
border-b-neutral-50
border-bottom-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
border-b-neutral-100
border-bottom-color: var(--color-neutral-100); /* oklch(97% 0 0) */
border-b-neutral-200
border-bottom-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
border-b-neutral-300
border-bottom-color: var(--color-neutral-300); /* oklch(87% 0 0) */
border-b-neutral-400
border-bottom-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
border-b-neutral-500
border-bottom-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
border-b-neutral-600
border-bottom-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
border-b-neutral-700
border-bottom-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
border-b-neutral-800
border-bottom-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
border-b-neutral-900
border-bottom-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
border-b-neutral-950
border-bottom-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
border-b-stone-50
border-bottom-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
border-b-stone-100
border-bottom-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
border-b-stone-200
border-bottom-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
border-b-stone-300
border-bottom-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
border-b-stone-400
border-bottom-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
border-b-stone-500
border-bottom-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
border-b-stone-600
border-bottom-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
border-b-stone-700
border-bottom-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
border-b-stone-800
border-bottom-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
border-b-stone-900
border-bottom-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
border-b-stone-950
border-bottom-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
border-b-(<custom-property>)
border-bottom-color: var(<custom-property>);
border-b-[<value>]
border-bottom-color: <value>;
border-l-inherit
border-left-color: inherit;
border-l-current
border-left-color: currentColor;
border-l-transparent
border-left-color: transparent;
border-l-black
border-left-color: var(--color-black); /* #000 */
border-l-white
border-left-color: var(--color-white); /* #fff */
border-l-red-50
border-left-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
border-l-red-100
border-left-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
border-l-red-200
border-left-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
border-l-red-300
border-left-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
border-l-red-400
border-left-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
border-l-red-500
border-left-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
border-l-red-600
border-left-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
border-l-red-700
border-left-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
border-l-red-800
border-left-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
border-l-red-900
border-left-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
border-l-red-950
border-left-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
border-l-orange-50
border-left-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
border-l-orange-100
border-left-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
border-l-orange-200
border-left-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
border-l-orange-300
border-left-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
border-l-orange-400
border-left-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
border-l-orange-500
border-left-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
border-l-orange-600
border-left-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
border-l-orange-700
border-left-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
border-l-orange-800
border-left-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
border-l-orange-900
border-left-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
border-l-orange-950
border-left-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
border-l-amber-50
border-left-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
border-l-amber-100
border-left-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
border-l-amber-200
border-left-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
border-l-amber-300
border-left-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
border-l-amber-400
border-left-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
border-l-amber-500
border-left-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
border-l-amber-600
border-left-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
border-l-amber-700
border-left-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
border-l-amber-800
border-left-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
border-l-amber-900
border-left-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
border-l-amber-950
border-left-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
border-l-yellow-50
border-left-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
border-l-yellow-100
border-left-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
border-l-yellow-200
border-left-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
border-l-yellow-300
border-left-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
border-l-yellow-400
border-left-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
border-l-yellow-500
border-left-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
border-l-yellow-600
border-left-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
border-l-yellow-700
border-left-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
border-l-yellow-800
border-left-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
border-l-yellow-900
border-left-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
border-l-yellow-950
border-left-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
border-l-lime-50
border-left-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
border-l-lime-100
border-left-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
border-l-lime-200
border-left-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
border-l-lime-300
border-left-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
border-l-lime-400
border-left-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
border-l-lime-500
border-left-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
border-l-lime-600
border-left-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
border-l-lime-700
border-left-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
border-l-lime-800
border-left-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
border-l-lime-900
border-left-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
border-l-lime-950
border-left-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
border-l-green-50
border-left-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
border-l-green-100
border-left-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
border-l-green-200
border-left-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
border-l-green-300
border-left-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
border-l-green-400
border-left-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
border-l-green-500
border-left-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
border-l-green-600
border-left-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
border-l-green-700
border-left-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
border-l-green-800
border-left-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
border-l-green-900
border-left-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
border-l-green-950
border-left-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
border-l-emerald-50
border-left-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
border-l-emerald-100
border-left-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
border-l-emerald-200
border-left-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
border-l-emerald-300
border-left-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
border-l-emerald-400
border-left-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
border-l-emerald-500
border-left-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
border-l-emerald-600
border-left-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
border-l-emerald-700
border-left-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
border-l-emerald-800
border-left-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
border-l-emerald-900
border-left-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
border-l-emerald-950
border-left-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
border-l-teal-50
border-left-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
border-l-teal-100
border-left-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
border-l-teal-200
border-left-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
border-l-teal-300
border-left-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
border-l-teal-400
border-left-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
border-l-teal-500
border-left-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
border-l-teal-600
border-left-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
border-l-teal-700
border-left-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
border-l-teal-800
border-left-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
border-l-teal-900
border-left-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
border-l-teal-950
border-left-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
border-l-cyan-50
border-left-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
border-l-cyan-100
border-left-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
border-l-cyan-200
border-left-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
border-l-cyan-300
border-left-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
border-l-cyan-400
border-left-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
border-l-cyan-500
border-left-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
border-l-cyan-600
border-left-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
border-l-cyan-700
border-left-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
border-l-cyan-800
border-left-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
border-l-cyan-900
border-left-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
border-l-cyan-950
border-left-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
border-l-sky-50
border-left-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
border-l-sky-100
border-left-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
border-l-sky-200
border-left-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
border-l-sky-300
border-left-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
border-l-sky-400
border-left-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
border-l-sky-500
border-left-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
border-l-sky-600
border-left-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
border-l-sky-700
border-left-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
border-l-sky-800
border-left-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
border-l-sky-900
border-left-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
border-l-sky-950
border-left-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
border-l-blue-50
border-left-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
border-l-blue-100
border-left-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
border-l-blue-200
border-left-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
border-l-blue-300
border-left-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
border-l-blue-400
border-left-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
border-l-blue-500
border-left-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
border-l-blue-600
border-left-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
border-l-blue-700
border-left-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
border-l-blue-800
border-left-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
border-l-blue-900
border-left-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
border-l-blue-950
border-left-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
border-l-indigo-50
border-left-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
border-l-indigo-100
border-left-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
border-l-indigo-200
border-left-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
border-l-indigo-300
border-left-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
border-l-indigo-400
border-left-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
border-l-indigo-500
border-left-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
border-l-indigo-600
border-left-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
border-l-indigo-700
border-left-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
border-l-indigo-800
border-left-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
border-l-indigo-900
border-left-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
border-l-indigo-950
border-left-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
border-l-violet-50
border-left-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
border-l-violet-100
border-left-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
border-l-violet-200
border-left-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
border-l-violet-300
border-left-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
border-l-violet-400
border-left-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
border-l-violet-500
border-left-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
border-l-violet-600
border-left-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
border-l-violet-700
border-left-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
border-l-violet-800
border-left-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
border-l-violet-900
border-left-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
border-l-violet-950
border-left-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
border-l-purple-50
border-left-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
border-l-purple-100
border-left-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
border-l-purple-200
border-left-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
border-l-purple-300
border-left-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
border-l-purple-400
border-left-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
border-l-purple-500
border-left-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
border-l-purple-600
border-left-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
border-l-purple-700
border-left-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
border-l-purple-800
border-left-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
border-l-purple-900
border-left-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
border-l-purple-950
border-left-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
border-l-fuchsia-50
border-left-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
border-l-fuchsia-100
border-left-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
border-l-fuchsia-200
border-left-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
border-l-fuchsia-300
border-left-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
border-l-fuchsia-400
border-left-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
border-l-fuchsia-500
border-left-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
border-l-fuchsia-600
border-left-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
border-l-fuchsia-700
border-left-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
border-l-fuchsia-800
border-left-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
border-l-fuchsia-900
border-left-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
border-l-fuchsia-950
border-left-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
border-l-pink-50
border-left-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
border-l-pink-100
border-left-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
border-l-pink-200
border-left-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
border-l-pink-300
border-left-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
border-l-pink-400
border-left-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
border-l-pink-500
border-left-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
border-l-pink-600
border-left-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
border-l-pink-700
border-left-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
border-l-pink-800
border-left-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
border-l-pink-900
border-left-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
border-l-pink-950
border-left-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
border-l-rose-50
border-left-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
border-l-rose-100
border-left-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
border-l-rose-200
border-left-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
border-l-rose-300
border-left-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
border-l-rose-400
border-left-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
border-l-rose-500
border-left-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
border-l-rose-600
border-left-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
border-l-rose-700
border-left-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
border-l-rose-800
border-left-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
border-l-rose-900
border-left-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
border-l-rose-950
border-left-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
border-l-slate-50
border-left-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
border-l-slate-100
border-left-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
border-l-slate-200
border-left-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
border-l-slate-300
border-left-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
border-l-slate-400
border-left-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
border-l-slate-500
border-left-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
border-l-slate-600
border-left-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
border-l-slate-700
border-left-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
border-l-slate-800
border-left-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
border-l-slate-900
border-left-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
border-l-slate-950
border-left-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
border-l-gray-50
border-left-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
border-l-gray-100
border-left-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
border-l-gray-200
border-left-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
border-l-gray-300
border-left-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
border-l-gray-400
border-left-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
border-l-gray-500
border-left-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
border-l-gray-600
border-left-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
border-l-gray-700
border-left-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
border-l-gray-800
border-left-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
border-l-gray-900
border-left-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
border-l-gray-950
border-left-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
border-l-zinc-50
border-left-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
border-l-zinc-100
border-left-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
border-l-zinc-200
border-left-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
border-l-zinc-300
border-left-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
border-l-zinc-400
border-left-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
border-l-zinc-500
border-left-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
border-l-zinc-600
border-left-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
border-l-zinc-700
border-left-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
border-l-zinc-800
border-left-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
border-l-zinc-900
border-left-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
border-l-zinc-950
border-left-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
border-l-neutral-50
border-left-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
border-l-neutral-100
border-left-color: var(--color-neutral-100); /* oklch(97% 0 0) */
border-l-neutral-200
border-left-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
border-l-neutral-300
border-left-color: var(--color-neutral-300); /* oklch(87% 0 0) */
border-l-neutral-400
border-left-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
border-l-neutral-500
border-left-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
border-l-neutral-600
border-left-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
border-l-neutral-700
border-left-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
border-l-neutral-800
border-left-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
border-l-neutral-900
border-left-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
border-l-neutral-950
border-left-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
border-l-stone-50
border-left-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
border-l-stone-100
border-left-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
border-l-stone-200
border-left-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
border-l-stone-300
border-left-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
border-l-stone-400
border-left-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
border-l-stone-500
border-left-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
border-l-stone-600
border-left-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
border-l-stone-700
border-left-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
border-l-stone-800
border-left-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
border-l-stone-900
border-left-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
border-l-stone-950
border-left-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
border-l-(<custom-property>)
border-left-color: var(<custom-property>);
border-l-[<value>]
border-left-color: <value>;
divide-inherit
& > :not(:last-child) { border-color: inherit; }
divide-current
& > :not(:last-child) { border-color: currentColor; }
divide-transparent
& > :not(:last-child) { border-color: transparent; }
divide-black
& > :not(:last-child) { border-color: var(--color-black); /* #000 */ }
divide-white
& > :not(:last-child) { border-color: var(--color-white); /* #fff */ }
divide-red-50
& > :not(:last-child) { border-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ }
divide-red-100
& > :not(:last-child) { border-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ }
divide-red-200
& > :not(:last-child) { border-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ }
divide-red-300
& > :not(:last-child) { border-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ }
divide-red-400
& > :not(:last-child) { border-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ }
divide-red-500
& > :not(:last-child) { border-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ }
divide-red-600
& > :not(:last-child) { border-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ }
divide-red-700
& > :not(:last-child) { border-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ }
divide-red-800
& > :not(:last-child) { border-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ }
divide-red-900
& > :not(:last-child) { border-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ }
divide-red-950
& > :not(:last-child) { border-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ }
divide-orange-50
& > :not(:last-child) { border-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ }
divide-orange-100
& > :not(:last-child) { border-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ }
divide-orange-200
& > :not(:last-child) { border-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ }
divide-orange-300
& > :not(:last-child) { border-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ }
divide-orange-400
& > :not(:last-child) { border-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ }
divide-orange-500
& > :not(:last-child) { border-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ }
divide-orange-600
& > :not(:last-child) { border-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ }
divide-orange-700
& > :not(:last-child) { border-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ }
divide-orange-800
& > :not(:last-child) { border-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ }
divide-orange-900
& > :not(:last-child) { border-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ }
divide-orange-950
& > :not(:last-child) { border-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ }
divide-amber-50
& > :not(:last-child) { border-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ }
divide-amber-100
& > :not(:last-child) { border-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ }
divide-amber-200
& > :not(:last-child) { border-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ }
divide-amber-300
& > :not(:last-child) { border-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ }
divide-amber-400
& > :not(:last-child) { border-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ }
divide-amber-500
& > :not(:last-child) { border-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ }
divide-amber-600
& > :not(:last-child) { border-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ }
divide-amber-700
& > :not(:last-child) { border-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ }
divide-amber-800
& > :not(:last-child) { border-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ }
divide-amber-900
& > :not(:last-child) { border-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ }
divide-amber-950
& > :not(:last-child) { border-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ }
divide-yellow-50
& > :not(:last-child) { border-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ }
divide-yellow-100
& > :not(:last-child) { border-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ }
divide-yellow-200
& > :not(:last-child) { border-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ }
divide-yellow-300
& > :not(:last-child) { border-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ }
divide-yellow-400
& > :not(:last-child) { border-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ }
divide-yellow-500
& > :not(:last-child) { border-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ }
divide-yellow-600
& > :not(:last-child) { border-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ }
divide-yellow-700
& > :not(:last-child) { border-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ }
divide-yellow-800
& > :not(:last-child) { border-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ }
divide-yellow-900
& > :not(:last-child) { border-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ }
divide-yellow-950
& > :not(:last-child) { border-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ }
divide-lime-50
& > :not(:last-child) { border-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ }
divide-lime-100
& > :not(:last-child) { border-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ }
divide-lime-200
& > :not(:last-child) { border-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ }
divide-lime-300
& > :not(:last-child) { border-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ }
divide-lime-400
& > :not(:last-child) { border-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ }
divide-lime-500
& > :not(:last-child) { border-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ }
divide-lime-600
& > :not(:last-child) { border-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ }
divide-lime-700
& > :not(:last-child) { border-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ }
divide-lime-800
& > :not(:last-child) { border-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ }
divide-lime-900
& > :not(:last-child) { border-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ }
divide-lime-950
& > :not(:last-child) { border-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ }
divide-green-50
& > :not(:last-child) { border-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ }
divide-green-100
& > :not(:last-child) { border-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ }
divide-green-200
& > :not(:last-child) { border-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ }
divide-green-300
& > :not(:last-child) { border-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ }
divide-green-400
& > :not(:last-child) { border-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ }
divide-green-500
& > :not(:last-child) { border-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ }
divide-green-600
& > :not(:last-child) { border-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ }
divide-green-700
& > :not(:last-child) { border-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ }
divide-green-800
& > :not(:last-child) { border-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ }
divide-green-900
& > :not(:last-child) { border-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ }
divide-green-950
& > :not(:last-child) { border-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ }
divide-emerald-50
& > :not(:last-child) { border-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ }
divide-emerald-100
& > :not(:last-child) { border-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ }
divide-emerald-200
& > :not(:last-child) { border-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ }
divide-emerald-300
& > :not(:last-child) { border-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ }
divide-emerald-400
& > :not(:last-child) { border-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ }
divide-emerald-500
& > :not(:last-child) { border-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ }
divide-emerald-600
& > :not(:last-child) { border-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ }
divide-emerald-700
& > :not(:last-child) { border-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ }
divide-emerald-800
& > :not(:last-child) { border-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ }
divide-emerald-900
& > :not(:last-child) { border-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ }
divide-emerald-950
& > :not(:last-child) { border-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ }
divide-teal-50
& > :not(:last-child) { border-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ }
divide-teal-100
& > :not(:last-child) { border-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ }
divide-teal-200
& > :not(:last-child) { border-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ }
divide-teal-300
& > :not(:last-child) { border-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ }
divide-teal-400
& > :not(:last-child) { border-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ }
divide-teal-500
& > :not(:last-child) { border-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ }
divide-teal-600
& > :not(:last-child) { border-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ }
divide-teal-700
& > :not(:last-child) { border-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ }
divide-teal-800
& > :not(:last-child) { border-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ }
divide-teal-900
& > :not(:last-child) { border-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ }
divide-teal-950
& > :not(:last-child) { border-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ }
divide-cyan-50
& > :not(:last-child) { border-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ }
divide-cyan-100
& > :not(:last-child) { border-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ }
divide-cyan-200
& > :not(:last-child) { border-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ }
divide-cyan-300
& > :not(:last-child) { border-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ }
divide-cyan-400
& > :not(:last-child) { border-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ }
divide-cyan-500
& > :not(:last-child) { border-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ }
divide-cyan-600
& > :not(:last-child) { border-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ }
divide-cyan-700
& > :not(:last-child) { border-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ }
divide-cyan-800
& > :not(:last-child) { border-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ }
divide-cyan-900
& > :not(:last-child) { border-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ }
divide-cyan-950
& > :not(:last-child) { border-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ }
divide-sky-50
& > :not(:last-child) { border-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ }
divide-sky-100
& > :not(:last-child) { border-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ }
divide-sky-200
& > :not(:last-child) { border-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ }
divide-sky-300
& > :not(:last-child) { border-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ }
divide-sky-400
& > :not(:last-child) { border-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ }
divide-sky-500
& > :not(:last-child) { border-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ }
divide-sky-600
& > :not(:last-child) { border-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ }
divide-sky-700
& > :not(:last-child) { border-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ }
divide-sky-800
& > :not(:last-child) { border-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ }
divide-sky-900
& > :not(:last-child) { border-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ }
divide-sky-950
& > :not(:last-child) { border-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ }
divide-blue-50
& > :not(:last-child) { border-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ }
divide-blue-100
& > :not(:last-child) { border-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ }
divide-blue-200
& > :not(:last-child) { border-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ }
divide-blue-300
& > :not(:last-child) { border-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ }
divide-blue-400
& > :not(:last-child) { border-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ }
divide-blue-500
& > :not(:last-child) { border-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ }
divide-blue-600
& > :not(:last-child) { border-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ }
divide-blue-700
& > :not(:last-child) { border-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ }
divide-blue-800
& > :not(:last-child) { border-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ }
divide-blue-900
& > :not(:last-child) { border-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ }
divide-blue-950
& > :not(:last-child) { border-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ }
divide-indigo-50
& > :not(:last-child) { border-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ }
divide-indigo-100
& > :not(:last-child) { border-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ }
divide-indigo-200
& > :not(:last-child) { border-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ }
divide-indigo-300
& > :not(:last-child) { border-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ }
divide-indigo-400
& > :not(:last-child) { border-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ }
divide-indigo-500
& > :not(:last-child) { border-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ }
divide-indigo-600
& > :not(:last-child) { border-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ }
divide-indigo-700
& > :not(:last-child) { border-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ }
divide-indigo-800
& > :not(:last-child) { border-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ }
divide-indigo-900
& > :not(:last-child) { border-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ }
divide-indigo-950
& > :not(:last-child) { border-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ }
divide-violet-50
& > :not(:last-child) { border-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ }
divide-violet-100
& > :not(:last-child) { border-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ }
divide-violet-200
& > :not(:last-child) { border-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ }
divide-violet-300
& > :not(:last-child) { border-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ }
divide-violet-400
& > :not(:last-child) { border-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ }
divide-violet-500
& > :not(:last-child) { border-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ }
divide-violet-600
& > :not(:last-child) { border-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ }
divide-violet-700
& > :not(:last-child) { border-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ }
divide-violet-800
& > :not(:last-child) { border-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ }
divide-violet-900
& > :not(:last-child) { border-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ }
divide-violet-950
& > :not(:last-child) { border-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ }
divide-purple-50
& > :not(:last-child) { border-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ }
divide-purple-100
& > :not(:last-child) { border-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ }
divide-purple-200
& > :not(:last-child) { border-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ }
divide-purple-300
& > :not(:last-child) { border-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ }
divide-purple-400
& > :not(:last-child) { border-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ }
divide-purple-500
& > :not(:last-child) { border-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ }
divide-purple-600
& > :not(:last-child) { border-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ }
divide-purple-700
& > :not(:last-child) { border-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ }
divide-purple-800
& > :not(:last-child) { border-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ }
divide-purple-900
& > :not(:last-child) { border-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ }
divide-purple-950
& > :not(:last-child) { border-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ }
divide-fuchsia-50
& > :not(:last-child) { border-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ }
divide-fuchsia-100
& > :not(:last-child) { border-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ }
divide-fuchsia-200
& > :not(:last-child) { border-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ }
divide-fuchsia-300
& > :not(:last-child) { border-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ }
divide-fuchsia-400
& > :not(:last-child) { border-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ }
divide-fuchsia-500
& > :not(:last-child) { border-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ }
divide-fuchsia-600
& > :not(:last-child) { border-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ }
divide-fuchsia-700
& > :not(:last-child) { border-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ }
divide-fuchsia-800
& > :not(:last-child) { border-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ }
divide-fuchsia-900
& > :not(:last-child) { border-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ }
divide-fuchsia-950
& > :not(:last-child) { border-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ }
divide-pink-50
& > :not(:last-child) { border-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ }
divide-pink-100
& > :not(:last-child) { border-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ }
divide-pink-200
& > :not(:last-child) { border-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ }
divide-pink-300
& > :not(:last-child) { border-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ }
divide-pink-400
& > :not(:last-child) { border-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ }
divide-pink-500
& > :not(:last-child) { border-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ }
divide-pink-600
& > :not(:last-child) { border-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ }
divide-pink-700
& > :not(:last-child) { border-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ }
divide-pink-800
& > :not(:last-child) { border-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ }
divide-pink-900
& > :not(:last-child) { border-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ }
divide-pink-950
& > :not(:last-child) { border-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ }
divide-rose-50
& > :not(:last-child) { border-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ }
divide-rose-100
& > :not(:last-child) { border-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ }
divide-rose-200
& > :not(:last-child) { border-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ }
divide-rose-300
& > :not(:last-child) { border-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ }
divide-rose-400
& > :not(:last-child) { border-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ }
divide-rose-500
& > :not(:last-child) { border-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ }
divide-rose-600
& > :not(:last-child) { border-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ }
divide-rose-700
& > :not(:last-child) { border-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ }
divide-rose-800
& > :not(:last-child) { border-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ }
divide-rose-900
& > :not(:last-child) { border-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ }
divide-rose-950
& > :not(:last-child) { border-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ }
divide-slate-50
& > :not(:last-child) { border-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ }
divide-slate-100
& > :not(:last-child) { border-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ }
divide-slate-200
& > :not(:last-child) { border-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ }
divide-slate-300
& > :not(:last-child) { border-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ }
divide-slate-400
& > :not(:last-child) { border-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ }
divide-slate-500
& > :not(:last-child) { border-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ }
divide-slate-600
& > :not(:last-child) { border-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ }
divide-slate-700
& > :not(:last-child) { border-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ }
divide-slate-800
& > :not(:last-child) { border-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ }
divide-slate-900
& > :not(:last-child) { border-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ }
divide-slate-950
& > :not(:last-child) { border-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ }
divide-gray-50
& > :not(:last-child) { border-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ }
divide-gray-100
& > :not(:last-child) { border-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ }
divide-gray-200
& > :not(:last-child) { border-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ }
divide-gray-300
& > :not(:last-child) { border-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ }
divide-gray-400
& > :not(:last-child) { border-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ }
divide-gray-500
& > :not(:last-child) { border-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ }
divide-gray-600
& > :not(:last-child) { border-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ }
divide-gray-700
& > :not(:last-child) { border-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ }
divide-gray-800
& > :not(:last-child) { border-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ }
divide-gray-900
& > :not(:last-child) { border-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ }
divide-gray-950
& > :not(:last-child) { border-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ }
divide-zinc-50
& > :not(:last-child) { border-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ }
divide-zinc-100
& > :not(:last-child) { border-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ }
divide-zinc-200
& > :not(:last-child) { border-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ }
divide-zinc-300
& > :not(:last-child) { border-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ }
divide-zinc-400
& > :not(:last-child) { border-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ }
divide-zinc-500
& > :not(:last-child) { border-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ }
divide-zinc-600
& > :not(:last-child) { border-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ }
divide-zinc-700
& > :not(:last-child) { border-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ }
divide-zinc-800
& > :not(:last-child) { border-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ }
divide-zinc-900
& > :not(:last-child) { border-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ }
divide-zinc-950
& > :not(:last-child) { border-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ }
divide-neutral-50
& > :not(:last-child) { border-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ }
divide-neutral-100
& > :not(:last-child) { border-color: var(--color-neutral-100); /* oklch(97% 0 0) */ }
divide-neutral-200
& > :not(:last-child) { border-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ }
divide-neutral-300
& > :not(:last-child) { border-color: var(--color-neutral-300); /* oklch(87% 0 0) */ }
divide-neutral-400
& > :not(:last-child) { border-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ }
divide-neutral-500
& > :not(:last-child) { border-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ }
divide-neutral-600
& > :not(:last-child) { border-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ }
divide-neutral-700
& > :not(:last-child) { border-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ }
divide-neutral-800
& > :not(:last-child) { border-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ }
divide-neutral-900
& > :not(:last-child) { border-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ }
divide-neutral-950
& > :not(:last-child) { border-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ }
divide-stone-50
& > :not(:last-child) { border-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ }
divide-stone-100
& > :not(:last-child) { border-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ }
divide-stone-200
& > :not(:last-child) { border-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ }
divide-stone-300
& > :not(:last-child) { border-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ }
divide-stone-400
& > :not(:last-child) { border-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ }
divide-stone-500
& > :not(:last-child) { border-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ }
divide-stone-600
& > :not(:last-child) { border-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ }
divide-stone-700
& > :not(:last-child) { border-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ }
divide-stone-800
& > :not(:last-child) { border-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ }
divide-stone-900
& > :not(:last-child) { border-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ }
divide-stone-950
& > :not(:last-child) { border-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ }
divide-(<custom-property>)
& > :not(:last-child) { border-color: var(<custom-property>); }
divide-[<value>]
& > :not(:last-child) { border-color: <value>; }

border-style

Utilities for controlling the style of an element's borders.

Class Styles
border-solid
border-style: solid;
border-dashed
border-style: dashed;
border-dotted
border-style: dotted;
border-double
border-style: double;
border-hidden
border-style: hidden;
border-none
border-style: none;
divide-solid
& > :not(:last-child) { border-style: solid; }
divide-dashed
& > :not(:last-child) { border-style: dashed; }
divide-dotted
& > :not(:last-child) { border-style: dotted; }
divide-double
& > :not(:last-child) { border-style: double; }
divide-hidden
& > :not(:last-child) { border-style: hidden; }
divide-none
& > :not(:last-child) { border-style: none; }

outline-width

Utilities for controlling the width of an element's outline.

Class Styles
outline
outline-width: 1px;
outline-<number>
outline-width: <number>px;
outline-(length:<custom-property>)
outline-width: var(<custom-property>);
outline-[<value>]
outline-width: <value>;

outline-color

Utilities for controlling the color of an element's outline.

Class Styles
outline-inherit
outline-color: inherit;
outline-current
outline-color: currentColor;
outline-transparent
outline-color: transparent;
outline-black
outline-color: var(--color-black); /* #000 */
outline-white
outline-color: var(--color-white); /* #fff */
outline-red-50
outline-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
outline-red-100
outline-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
outline-red-200
outline-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
outline-red-300
outline-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
outline-red-400
outline-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
outline-red-500
outline-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
outline-red-600
outline-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
outline-red-700
outline-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
outline-red-800
outline-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
outline-red-900
outline-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
outline-red-950
outline-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
outline-orange-50
outline-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
outline-orange-100
outline-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
outline-orange-200
outline-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
outline-orange-300
outline-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
outline-orange-400
outline-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
outline-orange-500
outline-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
outline-orange-600
outline-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
outline-orange-700
outline-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
outline-orange-800
outline-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
outline-orange-900
outline-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
outline-orange-950
outline-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
outline-amber-50
outline-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
outline-amber-100
outline-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
outline-amber-200
outline-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
outline-amber-300
outline-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
outline-amber-400
outline-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
outline-amber-500
outline-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
outline-amber-600
outline-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
outline-amber-700
outline-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
outline-amber-800
outline-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
outline-amber-900
outline-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
outline-amber-950
outline-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
outline-yellow-50
outline-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
outline-yellow-100
outline-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
outline-yellow-200
outline-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
outline-yellow-300
outline-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
outline-yellow-400
outline-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
outline-yellow-500
outline-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
outline-yellow-600
outline-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
outline-yellow-700
outline-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
outline-yellow-800
outline-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
outline-yellow-900
outline-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
outline-yellow-950
outline-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
outline-lime-50
outline-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
outline-lime-100
outline-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
outline-lime-200
outline-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
outline-lime-300
outline-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
outline-lime-400
outline-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
outline-lime-500
outline-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
outline-lime-600
outline-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
outline-lime-700
outline-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
outline-lime-800
outline-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
outline-lime-900
outline-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
outline-lime-950
outline-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
outline-green-50
outline-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
outline-green-100
outline-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
outline-green-200
outline-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
outline-green-300
outline-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
outline-green-400
outline-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
outline-green-500
outline-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
outline-green-600
outline-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
outline-green-700
outline-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
outline-green-800
outline-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
outline-green-900
outline-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
outline-green-950
outline-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
outline-emerald-50
outline-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
outline-emerald-100
outline-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
outline-emerald-200
outline-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
outline-emerald-300
outline-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
outline-emerald-400
outline-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
outline-emerald-500
outline-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
outline-emerald-600
outline-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
outline-emerald-700
outline-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
outline-emerald-800
outline-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
outline-emerald-900
outline-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
outline-emerald-950
outline-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
outline-teal-50
outline-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
outline-teal-100
outline-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
outline-teal-200
outline-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
outline-teal-300
outline-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
outline-teal-400
outline-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
outline-teal-500
outline-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
outline-teal-600
outline-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
outline-teal-700
outline-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
outline-teal-800
outline-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
outline-teal-900
outline-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
outline-teal-950
outline-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
outline-cyan-50
outline-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
outline-cyan-100
outline-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
outline-cyan-200
outline-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
outline-cyan-300
outline-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
outline-cyan-400
outline-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
outline-cyan-500
outline-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
outline-cyan-600
outline-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
outline-cyan-700
outline-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
outline-cyan-800
outline-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
outline-cyan-900
outline-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
outline-cyan-950
outline-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
outline-sky-50
outline-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
outline-sky-100
outline-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
outline-sky-200
outline-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
outline-sky-300
outline-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
outline-sky-400
outline-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
outline-sky-500
outline-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
outline-sky-600
outline-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
outline-sky-700
outline-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
outline-sky-800
outline-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
outline-sky-900
outline-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
outline-sky-950
outline-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
outline-blue-50
outline-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
outline-blue-100
outline-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
outline-blue-200
outline-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
outline-blue-300
outline-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
outline-blue-400
outline-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
outline-blue-500
outline-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
outline-blue-600
outline-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
outline-blue-700
outline-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
outline-blue-800
outline-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
outline-blue-900
outline-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
outline-blue-950
outline-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
outline-indigo-50
outline-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
outline-indigo-100
outline-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
outline-indigo-200
outline-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
outline-indigo-300
outline-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
outline-indigo-400
outline-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
outline-indigo-500
outline-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
outline-indigo-600
outline-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
outline-indigo-700
outline-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
outline-indigo-800
outline-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
outline-indigo-900
outline-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
outline-indigo-950
outline-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
outline-violet-50
outline-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
outline-violet-100
outline-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
outline-violet-200
outline-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
outline-violet-300
outline-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
outline-violet-400
outline-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
outline-violet-500
outline-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
outline-violet-600
outline-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
outline-violet-700
outline-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
outline-violet-800
outline-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
outline-violet-900
outline-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
outline-violet-950
outline-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
outline-purple-50
outline-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
outline-purple-100
outline-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
outline-purple-200
outline-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
outline-purple-300
outline-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
outline-purple-400
outline-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
outline-purple-500
outline-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
outline-purple-600
outline-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
outline-purple-700
outline-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
outline-purple-800
outline-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
outline-purple-900
outline-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
outline-purple-950
outline-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
outline-fuchsia-50
outline-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
outline-fuchsia-100
outline-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
outline-fuchsia-200
outline-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
outline-fuchsia-300
outline-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
outline-fuchsia-400
outline-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
outline-fuchsia-500
outline-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
outline-fuchsia-600
outline-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
outline-fuchsia-700
outline-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
outline-fuchsia-800
outline-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
outline-fuchsia-900
outline-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
outline-fuchsia-950
outline-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
outline-pink-50
outline-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
outline-pink-100
outline-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
outline-pink-200
outline-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
outline-pink-300
outline-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
outline-pink-400
outline-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
outline-pink-500
outline-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
outline-pink-600
outline-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
outline-pink-700
outline-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
outline-pink-800
outline-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
outline-pink-900
outline-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
outline-pink-950
outline-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
outline-rose-50
outline-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
outline-rose-100
outline-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
outline-rose-200
outline-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
outline-rose-300
outline-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
outline-rose-400
outline-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
outline-rose-500
outline-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
outline-rose-600
outline-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
outline-rose-700
outline-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
outline-rose-800
outline-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
outline-rose-900
outline-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
outline-rose-950
outline-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
outline-slate-50
outline-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
outline-slate-100
outline-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
outline-slate-200
outline-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
outline-slate-300
outline-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
outline-slate-400
outline-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
outline-slate-500
outline-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
outline-slate-600
outline-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
outline-slate-700
outline-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
outline-slate-800
outline-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
outline-slate-900
outline-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
outline-slate-950
outline-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
outline-gray-50
outline-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
outline-gray-100
outline-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
outline-gray-200
outline-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
outline-gray-300
outline-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
outline-gray-400
outline-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
outline-gray-500
outline-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
outline-gray-600
outline-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
outline-gray-700
outline-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
outline-gray-800
outline-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
outline-gray-900
outline-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
outline-gray-950
outline-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
outline-zinc-50
outline-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
outline-zinc-100
outline-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
outline-zinc-200
outline-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
outline-zinc-300
outline-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
outline-zinc-400
outline-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
outline-zinc-500
outline-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
outline-zinc-600
outline-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
outline-zinc-700
outline-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
outline-zinc-800
outline-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
outline-zinc-900
outline-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
outline-zinc-950
outline-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
outline-neutral-50
outline-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
outline-neutral-100
outline-color: var(--color-neutral-100); /* oklch(97% 0 0) */
outline-neutral-200
outline-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
outline-neutral-300
outline-color: var(--color-neutral-300); /* oklch(87% 0 0) */
outline-neutral-400
outline-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
outline-neutral-500
outline-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
outline-neutral-600
outline-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
outline-neutral-700
outline-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
outline-neutral-800
outline-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
outline-neutral-900
outline-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
outline-neutral-950
outline-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
outline-stone-50
outline-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
outline-stone-100
outline-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
outline-stone-200
outline-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
outline-stone-300
outline-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
outline-stone-400
outline-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
outline-stone-500
outline-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
outline-stone-600
outline-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
outline-stone-700
outline-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
outline-stone-800
outline-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
outline-stone-900
outline-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
outline-stone-950
outline-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
outline-(<custom-property>)
outline-color: var(<custom-property>);
outline-[<value>]
outline-color: <value>;

outline-style

Utilities for controlling the style of an element's outline.

Class Styles
outline-solid
outline-style: solid;
outline-dashed
outline-style: dashed;
outline-dotted
outline-style: dotted;
outline-double
outline-style: double;
outline-none
outline-style: none;
outline-hidden
outline: 2px solid transparent; outline-offset: 2px;

outline-offset

Utilities for controlling the offset of an element's outline.

Class Styles
outline-offset-<number>
outline-offset: <number>px;
-outline-offset-<number>
outline-offset: calc(<number>px * -1);
outline-offset-(<custom-property>)
outline-offset: var(<custom-property>);
outline-offset-[<value>]
outline-offset: <value>;

box-shadow

Utilities for controlling the box shadow of an element.

Class Styles
shadow-2xs
box-shadow: var(--shadow-2xs); /* 0 1px rgb(0 0 0 / 0.05) */
shadow-xs
box-shadow: var(--shadow-xs); /* 0 1px 2px 0 rgb(0 0 0 / 0.05) */
shadow-sm
box-shadow: var(--shadow-sm); /* 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) */
shadow-md
box-shadow: var(--shadow-md); /* 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) */
shadow-lg
box-shadow: var(--shadow-lg); /* 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) */
shadow-xl
box-shadow: var(--shadow-xl); /* 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) */
shadow-2xl
box-shadow: var(--shadow-2xl); /* 0 25px 50px -12px rgb(0 0 0 / 0.25) */
shadow-none
box-shadow: 0 0 #0000;
shadow-(<custom-property>)
box-shadow: var(<custom-property>);
shadow-(color:<custom-property>)
--tw-shadow-color: var(<custom-property>);
shadow-[<value>]
box-shadow: <value>;
shadow-inherit
--tw-shadow-color: inherit;
shadow-current
--tw-shadow-color: currentColor;
shadow-transparent
--tw-shadow-color: transparent;
shadow-black
--tw-shadow-color: var(--color-black); /* #000 */
shadow-white
--tw-shadow-color: var(--color-white); /* #fff */
shadow-red-50
--tw-shadow-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
shadow-red-100
--tw-shadow-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
shadow-red-200
--tw-shadow-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
shadow-red-300
--tw-shadow-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
shadow-red-400
--tw-shadow-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
shadow-red-500
--tw-shadow-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
shadow-red-600
--tw-shadow-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
shadow-red-700
--tw-shadow-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
shadow-red-800
--tw-shadow-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
shadow-red-900
--tw-shadow-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
shadow-red-950
--tw-shadow-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
shadow-orange-50
--tw-shadow-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
shadow-orange-100
--tw-shadow-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
shadow-orange-200
--tw-shadow-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
shadow-orange-300
--tw-shadow-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
shadow-orange-400
--tw-shadow-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
shadow-orange-500
--tw-shadow-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
shadow-orange-600
--tw-shadow-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
shadow-orange-700
--tw-shadow-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
shadow-orange-800
--tw-shadow-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
shadow-orange-900
--tw-shadow-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
shadow-orange-950
--tw-shadow-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
shadow-amber-50
--tw-shadow-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
shadow-amber-100
--tw-shadow-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
shadow-amber-200
--tw-shadow-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
shadow-amber-300
--tw-shadow-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
shadow-amber-400
--tw-shadow-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
shadow-amber-500
--tw-shadow-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
shadow-amber-600
--tw-shadow-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
shadow-amber-700
--tw-shadow-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
shadow-amber-800
--tw-shadow-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
shadow-amber-900
--tw-shadow-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
shadow-amber-950
--tw-shadow-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
shadow-yellow-50
--tw-shadow-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
shadow-yellow-100
--tw-shadow-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
shadow-yellow-200
--tw-shadow-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
shadow-yellow-300
--tw-shadow-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
shadow-yellow-400
--tw-shadow-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
shadow-yellow-500
--tw-shadow-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
shadow-yellow-600
--tw-shadow-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
shadow-yellow-700
--tw-shadow-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
shadow-yellow-800
--tw-shadow-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
shadow-yellow-900
--tw-shadow-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
shadow-yellow-950
--tw-shadow-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
shadow-lime-50
--tw-shadow-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
shadow-lime-100
--tw-shadow-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
shadow-lime-200
--tw-shadow-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
shadow-lime-300
--tw-shadow-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
shadow-lime-400
--tw-shadow-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
shadow-lime-500
--tw-shadow-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
shadow-lime-600
--tw-shadow-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
shadow-lime-700
--tw-shadow-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
shadow-lime-800
--tw-shadow-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
shadow-lime-900
--tw-shadow-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
shadow-lime-950
--tw-shadow-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
shadow-green-50
--tw-shadow-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
shadow-green-100
--tw-shadow-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
shadow-green-200
--tw-shadow-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
shadow-green-300
--tw-shadow-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
shadow-green-400
--tw-shadow-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
shadow-green-500
--tw-shadow-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
shadow-green-600
--tw-shadow-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
shadow-green-700
--tw-shadow-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
shadow-green-800
--tw-shadow-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
shadow-green-900
--tw-shadow-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
shadow-green-950
--tw-shadow-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
shadow-emerald-50
--tw-shadow-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
shadow-emerald-100
--tw-shadow-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
shadow-emerald-200
--tw-shadow-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
shadow-emerald-300
--tw-shadow-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
shadow-emerald-400
--tw-shadow-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
shadow-emerald-500
--tw-shadow-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
shadow-emerald-600
--tw-shadow-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
shadow-emerald-700
--tw-shadow-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
shadow-emerald-800
--tw-shadow-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
shadow-emerald-900
--tw-shadow-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
shadow-emerald-950
--tw-shadow-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
shadow-teal-50
--tw-shadow-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
shadow-teal-100
--tw-shadow-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
shadow-teal-200
--tw-shadow-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
shadow-teal-300
--tw-shadow-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
shadow-teal-400
--tw-shadow-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
shadow-teal-500
--tw-shadow-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
shadow-teal-600
--tw-shadow-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
shadow-teal-700
--tw-shadow-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
shadow-teal-800
--tw-shadow-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
shadow-teal-900
--tw-shadow-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
shadow-teal-950
--tw-shadow-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
shadow-cyan-50
--tw-shadow-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
shadow-cyan-100
--tw-shadow-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
shadow-cyan-200
--tw-shadow-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
shadow-cyan-300
--tw-shadow-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
shadow-cyan-400
--tw-shadow-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
shadow-cyan-500
--tw-shadow-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
shadow-cyan-600
--tw-shadow-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
shadow-cyan-700
--tw-shadow-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
shadow-cyan-800
--tw-shadow-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
shadow-cyan-900
--tw-shadow-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
shadow-cyan-950
--tw-shadow-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
shadow-sky-50
--tw-shadow-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
shadow-sky-100
--tw-shadow-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
shadow-sky-200
--tw-shadow-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
shadow-sky-300
--tw-shadow-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
shadow-sky-400
--tw-shadow-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
shadow-sky-500
--tw-shadow-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
shadow-sky-600
--tw-shadow-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
shadow-sky-700
--tw-shadow-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
shadow-sky-800
--tw-shadow-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
shadow-sky-900
--tw-shadow-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
shadow-sky-950
--tw-shadow-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
shadow-blue-50
--tw-shadow-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
shadow-blue-100
--tw-shadow-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
shadow-blue-200
--tw-shadow-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
shadow-blue-300
--tw-shadow-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
shadow-blue-400
--tw-shadow-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
shadow-blue-500
--tw-shadow-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
shadow-blue-600
--tw-shadow-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
shadow-blue-700
--tw-shadow-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
shadow-blue-800
--tw-shadow-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
shadow-blue-900
--tw-shadow-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
shadow-blue-950
--tw-shadow-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
shadow-indigo-50
--tw-shadow-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
shadow-indigo-100
--tw-shadow-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
shadow-indigo-200
--tw-shadow-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
shadow-indigo-300
--tw-shadow-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
shadow-indigo-400
--tw-shadow-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
shadow-indigo-500
--tw-shadow-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
shadow-indigo-600
--tw-shadow-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
shadow-indigo-700
--tw-shadow-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
shadow-indigo-800
--tw-shadow-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
shadow-indigo-900
--tw-shadow-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
shadow-indigo-950
--tw-shadow-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
shadow-violet-50
--tw-shadow-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
shadow-violet-100
--tw-shadow-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
shadow-violet-200
--tw-shadow-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
shadow-violet-300
--tw-shadow-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
shadow-violet-400
--tw-shadow-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
shadow-violet-500
--tw-shadow-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
shadow-violet-600
--tw-shadow-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
shadow-violet-700
--tw-shadow-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
shadow-violet-800
--tw-shadow-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
shadow-violet-900
--tw-shadow-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
shadow-violet-950
--tw-shadow-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
shadow-purple-50
--tw-shadow-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
shadow-purple-100
--tw-shadow-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
shadow-purple-200
--tw-shadow-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
shadow-purple-300
--tw-shadow-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
shadow-purple-400
--tw-shadow-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
shadow-purple-500
--tw-shadow-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
shadow-purple-600
--tw-shadow-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
shadow-purple-700
--tw-shadow-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
shadow-purple-800
--tw-shadow-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
shadow-purple-900
--tw-shadow-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
shadow-purple-950
--tw-shadow-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
shadow-fuchsia-50
--tw-shadow-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
shadow-fuchsia-100
--tw-shadow-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
shadow-fuchsia-200
--tw-shadow-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
shadow-fuchsia-300
--tw-shadow-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
shadow-fuchsia-400
--tw-shadow-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
shadow-fuchsia-500
--tw-shadow-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
shadow-fuchsia-600
--tw-shadow-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
shadow-fuchsia-700
--tw-shadow-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
shadow-fuchsia-800
--tw-shadow-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
shadow-fuchsia-900
--tw-shadow-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
shadow-fuchsia-950
--tw-shadow-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
shadow-pink-50
--tw-shadow-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
shadow-pink-100
--tw-shadow-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
shadow-pink-200
--tw-shadow-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
shadow-pink-300
--tw-shadow-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
shadow-pink-400
--tw-shadow-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
shadow-pink-500
--tw-shadow-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
shadow-pink-600
--tw-shadow-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
shadow-pink-700
--tw-shadow-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
shadow-pink-800
--tw-shadow-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
shadow-pink-900
--tw-shadow-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
shadow-pink-950
--tw-shadow-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
shadow-rose-50
--tw-shadow-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
shadow-rose-100
--tw-shadow-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
shadow-rose-200
--tw-shadow-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
shadow-rose-300
--tw-shadow-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
shadow-rose-400
--tw-shadow-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
shadow-rose-500
--tw-shadow-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
shadow-rose-600
--tw-shadow-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
shadow-rose-700
--tw-shadow-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
shadow-rose-800
--tw-shadow-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
shadow-rose-900
--tw-shadow-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
shadow-rose-950
--tw-shadow-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
shadow-slate-50
--tw-shadow-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
shadow-slate-100
--tw-shadow-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
shadow-slate-200
--tw-shadow-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
shadow-slate-300
--tw-shadow-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
shadow-slate-400
--tw-shadow-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
shadow-slate-500
--tw-shadow-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
shadow-slate-600
--tw-shadow-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
shadow-slate-700
--tw-shadow-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
shadow-slate-800
--tw-shadow-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
shadow-slate-900
--tw-shadow-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
shadow-slate-950
--tw-shadow-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
shadow-gray-50
--tw-shadow-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
shadow-gray-100
--tw-shadow-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
shadow-gray-200
--tw-shadow-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
shadow-gray-300
--tw-shadow-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
shadow-gray-400
--tw-shadow-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
shadow-gray-500
--tw-shadow-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
shadow-gray-600
--tw-shadow-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
shadow-gray-700
--tw-shadow-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
shadow-gray-800
--tw-shadow-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
shadow-gray-900
--tw-shadow-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
shadow-gray-950
--tw-shadow-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
shadow-zinc-50
--tw-shadow-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
shadow-zinc-100
--tw-shadow-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
shadow-zinc-200
--tw-shadow-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
shadow-zinc-300
--tw-shadow-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
shadow-zinc-400
--tw-shadow-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
shadow-zinc-500
--tw-shadow-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
shadow-zinc-600
--tw-shadow-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
shadow-zinc-700
--tw-shadow-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
shadow-zinc-800
--tw-shadow-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
shadow-zinc-900
--tw-shadow-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
shadow-zinc-950
--tw-shadow-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
shadow-neutral-50
--tw-shadow-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
shadow-neutral-100
--tw-shadow-color: var(--color-neutral-100); /* oklch(97% 0 0) */
shadow-neutral-200
--tw-shadow-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
shadow-neutral-300
--tw-shadow-color: var(--color-neutral-300); /* oklch(87% 0 0) */
shadow-neutral-400
--tw-shadow-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
shadow-neutral-500
--tw-shadow-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
shadow-neutral-600
--tw-shadow-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
shadow-neutral-700
--tw-shadow-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
shadow-neutral-800
--tw-shadow-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
shadow-neutral-900
--tw-shadow-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
shadow-neutral-950
--tw-shadow-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
shadow-stone-50
--tw-shadow-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
shadow-stone-100
--tw-shadow-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
shadow-stone-200
--tw-shadow-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
shadow-stone-300
--tw-shadow-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
shadow-stone-400
--tw-shadow-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
shadow-stone-500
--tw-shadow-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
shadow-stone-600
--tw-shadow-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
shadow-stone-700
--tw-shadow-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
shadow-stone-800
--tw-shadow-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
shadow-stone-900
--tw-shadow-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
shadow-stone-950
--tw-shadow-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
inset-shadow-2xs
box-shadow: var(--inset-shadow-2xs); /* inset 0 1px rgb(0 0 0 / 0.05) */
inset-shadow-xs
box-shadow: var(--inset-shadow-xs); /* inset 0 1px 1px rgb(0 0 0 / 0.05) */
inset-shadow-sm
box-shadow: var(--inset-shadow-sm); /* inset 0 2px 4px rgb(0 0 0 / 0.05) */
inset-shadow-none
box-shadow: inset 0 0 #0000;
inset-shadow-(<custom-property>)
box-shadow: var(<custom-property>);
inset-shadow-[<value>]
box-shadow: <value>;
inset-shadow-inherit
--tw-inset-shadow-color: inherit;
inset-shadow-current
--tw-inset-shadow-color: currentColor;
inset-shadow-transparent
--tw-inset-shadow-color: transparent;
inset-shadow-black
--tw-inset-shadow-color: var(--color-black); /* #000 */
inset-shadow-white
--tw-inset-shadow-color: var(--color-white); /* #fff */
inset-shadow-red-50
--tw-inset-shadow-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
inset-shadow-red-100
--tw-inset-shadow-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
inset-shadow-red-200
--tw-inset-shadow-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
inset-shadow-red-300
--tw-inset-shadow-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
inset-shadow-red-400
--tw-inset-shadow-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
inset-shadow-red-500
--tw-inset-shadow-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
inset-shadow-red-600
--tw-inset-shadow-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
inset-shadow-red-700
--tw-inset-shadow-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
inset-shadow-red-800
--tw-inset-shadow-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
inset-shadow-red-900
--tw-inset-shadow-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
inset-shadow-red-950
--tw-inset-shadow-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
inset-shadow-orange-50
--tw-inset-shadow-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
inset-shadow-orange-100
--tw-inset-shadow-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
inset-shadow-orange-200
--tw-inset-shadow-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
inset-shadow-orange-300
--tw-inset-shadow-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
inset-shadow-orange-400
--tw-inset-shadow-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
inset-shadow-orange-500
--tw-inset-shadow-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
inset-shadow-orange-600
--tw-inset-shadow-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
inset-shadow-orange-700
--tw-inset-shadow-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
inset-shadow-orange-800
--tw-inset-shadow-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
inset-shadow-orange-900
--tw-inset-shadow-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
inset-shadow-orange-950
--tw-inset-shadow-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
inset-shadow-amber-50
--tw-inset-shadow-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
inset-shadow-amber-100
--tw-inset-shadow-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
inset-shadow-amber-200
--tw-inset-shadow-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
inset-shadow-amber-300
--tw-inset-shadow-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
inset-shadow-amber-400
--tw-inset-shadow-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
inset-shadow-amber-500
--tw-inset-shadow-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
inset-shadow-amber-600
--tw-inset-shadow-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
inset-shadow-amber-700
--tw-inset-shadow-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
inset-shadow-amber-800
--tw-inset-shadow-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
inset-shadow-amber-900
--tw-inset-shadow-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
inset-shadow-amber-950
--tw-inset-shadow-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
inset-shadow-yellow-50
--tw-inset-shadow-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
inset-shadow-yellow-100
--tw-inset-shadow-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
inset-shadow-yellow-200
--tw-inset-shadow-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
inset-shadow-yellow-300
--tw-inset-shadow-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
inset-shadow-yellow-400
--tw-inset-shadow-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
inset-shadow-yellow-500
--tw-inset-shadow-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
inset-shadow-yellow-600
--tw-inset-shadow-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
inset-shadow-yellow-700
--tw-inset-shadow-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
inset-shadow-yellow-800
--tw-inset-shadow-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
inset-shadow-yellow-900
--tw-inset-shadow-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
inset-shadow-yellow-950
--tw-inset-shadow-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
inset-shadow-lime-50
--tw-inset-shadow-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
inset-shadow-lime-100
--tw-inset-shadow-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
inset-shadow-lime-200
--tw-inset-shadow-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
inset-shadow-lime-300
--tw-inset-shadow-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
inset-shadow-lime-400
--tw-inset-shadow-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
inset-shadow-lime-500
--tw-inset-shadow-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
inset-shadow-lime-600
--tw-inset-shadow-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
inset-shadow-lime-700
--tw-inset-shadow-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
inset-shadow-lime-800
--tw-inset-shadow-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
inset-shadow-lime-900
--tw-inset-shadow-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
inset-shadow-lime-950
--tw-inset-shadow-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
inset-shadow-green-50
--tw-inset-shadow-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
inset-shadow-green-100
--tw-inset-shadow-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
inset-shadow-green-200
--tw-inset-shadow-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
inset-shadow-green-300
--tw-inset-shadow-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
inset-shadow-green-400
--tw-inset-shadow-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
inset-shadow-green-500
--tw-inset-shadow-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
inset-shadow-green-600
--tw-inset-shadow-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
inset-shadow-green-700
--tw-inset-shadow-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
inset-shadow-green-800
--tw-inset-shadow-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
inset-shadow-green-900
--tw-inset-shadow-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
inset-shadow-green-950
--tw-inset-shadow-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
inset-shadow-emerald-50
--tw-inset-shadow-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
inset-shadow-emerald-100
--tw-inset-shadow-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
inset-shadow-emerald-200
--tw-inset-shadow-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
inset-shadow-emerald-300
--tw-inset-shadow-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
inset-shadow-emerald-400
--tw-inset-shadow-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
inset-shadow-emerald-500
--tw-inset-shadow-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
inset-shadow-emerald-600
--tw-inset-shadow-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
inset-shadow-emerald-700
--tw-inset-shadow-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
inset-shadow-emerald-800
--tw-inset-shadow-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
inset-shadow-emerald-900
--tw-inset-shadow-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
inset-shadow-emerald-950
--tw-inset-shadow-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
inset-shadow-teal-50
--tw-inset-shadow-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
inset-shadow-teal-100
--tw-inset-shadow-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
inset-shadow-teal-200
--tw-inset-shadow-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
inset-shadow-teal-300
--tw-inset-shadow-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
inset-shadow-teal-400
--tw-inset-shadow-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
inset-shadow-teal-500
--tw-inset-shadow-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
inset-shadow-teal-600
--tw-inset-shadow-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
inset-shadow-teal-700
--tw-inset-shadow-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
inset-shadow-teal-800
--tw-inset-shadow-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
inset-shadow-teal-900
--tw-inset-shadow-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
inset-shadow-teal-950
--tw-inset-shadow-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
inset-shadow-cyan-50
--tw-inset-shadow-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
inset-shadow-cyan-100
--tw-inset-shadow-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
inset-shadow-cyan-200
--tw-inset-shadow-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
inset-shadow-cyan-300
--tw-inset-shadow-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
inset-shadow-cyan-400
--tw-inset-shadow-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
inset-shadow-cyan-500
--tw-inset-shadow-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
inset-shadow-cyan-600
--tw-inset-shadow-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
inset-shadow-cyan-700
--tw-inset-shadow-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
inset-shadow-cyan-800
--tw-inset-shadow-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
inset-shadow-cyan-900
--tw-inset-shadow-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
inset-shadow-cyan-950
--tw-inset-shadow-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
inset-shadow-sky-50
--tw-inset-shadow-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
inset-shadow-sky-100
--tw-inset-shadow-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
inset-shadow-sky-200
--tw-inset-shadow-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
inset-shadow-sky-300
--tw-inset-shadow-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
inset-shadow-sky-400
--tw-inset-shadow-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
inset-shadow-sky-500
--tw-inset-shadow-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
inset-shadow-sky-600
--tw-inset-shadow-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
inset-shadow-sky-700
--tw-inset-shadow-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
inset-shadow-sky-800
--tw-inset-shadow-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
inset-shadow-sky-900
--tw-inset-shadow-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
inset-shadow-sky-950
--tw-inset-shadow-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
inset-shadow-blue-50
--tw-inset-shadow-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
inset-shadow-blue-100
--tw-inset-shadow-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
inset-shadow-blue-200
--tw-inset-shadow-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
inset-shadow-blue-300
--tw-inset-shadow-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
inset-shadow-blue-400
--tw-inset-shadow-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
inset-shadow-blue-500
--tw-inset-shadow-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
inset-shadow-blue-600
--tw-inset-shadow-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
inset-shadow-blue-700
--tw-inset-shadow-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
inset-shadow-blue-800
--tw-inset-shadow-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
inset-shadow-blue-900
--tw-inset-shadow-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
inset-shadow-blue-950
--tw-inset-shadow-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
inset-shadow-indigo-50
--tw-inset-shadow-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
inset-shadow-indigo-100
--tw-inset-shadow-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
inset-shadow-indigo-200
--tw-inset-shadow-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
inset-shadow-indigo-300
--tw-inset-shadow-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
inset-shadow-indigo-400
--tw-inset-shadow-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
inset-shadow-indigo-500
--tw-inset-shadow-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
inset-shadow-indigo-600
--tw-inset-shadow-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
inset-shadow-indigo-700
--tw-inset-shadow-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
inset-shadow-indigo-800
--tw-inset-shadow-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
inset-shadow-indigo-900
--tw-inset-shadow-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
inset-shadow-indigo-950
--tw-inset-shadow-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
inset-shadow-violet-50
--tw-inset-shadow-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
inset-shadow-violet-100
--tw-inset-shadow-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
inset-shadow-violet-200
--tw-inset-shadow-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
inset-shadow-violet-300
--tw-inset-shadow-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
inset-shadow-violet-400
--tw-inset-shadow-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
inset-shadow-violet-500
--tw-inset-shadow-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
inset-shadow-violet-600
--tw-inset-shadow-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
inset-shadow-violet-700
--tw-inset-shadow-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
inset-shadow-violet-800
--tw-inset-shadow-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
inset-shadow-violet-900
--tw-inset-shadow-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
inset-shadow-violet-950
--tw-inset-shadow-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
inset-shadow-purple-50
--tw-inset-shadow-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
inset-shadow-purple-100
--tw-inset-shadow-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
inset-shadow-purple-200
--tw-inset-shadow-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
inset-shadow-purple-300
--tw-inset-shadow-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
inset-shadow-purple-400
--tw-inset-shadow-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
inset-shadow-purple-500
--tw-inset-shadow-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
inset-shadow-purple-600
--tw-inset-shadow-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
inset-shadow-purple-700
--tw-inset-shadow-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
inset-shadow-purple-800
--tw-inset-shadow-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
inset-shadow-purple-900
--tw-inset-shadow-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
inset-shadow-purple-950
--tw-inset-shadow-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
inset-shadow-fuchsia-50
--tw-inset-shadow-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
inset-shadow-fuchsia-100
--tw-inset-shadow-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
inset-shadow-fuchsia-200
--tw-inset-shadow-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
inset-shadow-fuchsia-300
--tw-inset-shadow-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
inset-shadow-fuchsia-400
--tw-inset-shadow-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
inset-shadow-fuchsia-500
--tw-inset-shadow-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
inset-shadow-fuchsia-600
--tw-inset-shadow-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
inset-shadow-fuchsia-700
--tw-inset-shadow-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
inset-shadow-fuchsia-800
--tw-inset-shadow-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
inset-shadow-fuchsia-900
--tw-inset-shadow-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
inset-shadow-fuchsia-950
--tw-inset-shadow-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
inset-shadow-pink-50
--tw-inset-shadow-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
inset-shadow-pink-100
--tw-inset-shadow-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
inset-shadow-pink-200
--tw-inset-shadow-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
inset-shadow-pink-300
--tw-inset-shadow-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
inset-shadow-pink-400
--tw-inset-shadow-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
inset-shadow-pink-500
--tw-inset-shadow-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
inset-shadow-pink-600
--tw-inset-shadow-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
inset-shadow-pink-700
--tw-inset-shadow-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
inset-shadow-pink-800
--tw-inset-shadow-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
inset-shadow-pink-900
--tw-inset-shadow-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
inset-shadow-pink-950
--tw-inset-shadow-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
inset-shadow-rose-50
--tw-inset-shadow-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
inset-shadow-rose-100
--tw-inset-shadow-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
inset-shadow-rose-200
--tw-inset-shadow-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
inset-shadow-rose-300
--tw-inset-shadow-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
inset-shadow-rose-400
--tw-inset-shadow-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
inset-shadow-rose-500
--tw-inset-shadow-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
inset-shadow-rose-600
--tw-inset-shadow-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
inset-shadow-rose-700
--tw-inset-shadow-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
inset-shadow-rose-800
--tw-inset-shadow-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
inset-shadow-rose-900
--tw-inset-shadow-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
inset-shadow-rose-950
--tw-inset-shadow-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
inset-shadow-slate-50
--tw-inset-shadow-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
inset-shadow-slate-100
--tw-inset-shadow-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
inset-shadow-slate-200
--tw-inset-shadow-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
inset-shadow-slate-300
--tw-inset-shadow-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
inset-shadow-slate-400
--tw-inset-shadow-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
inset-shadow-slate-500
--tw-inset-shadow-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
inset-shadow-slate-600
--tw-inset-shadow-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
inset-shadow-slate-700
--tw-inset-shadow-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
inset-shadow-slate-800
--tw-inset-shadow-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
inset-shadow-slate-900
--tw-inset-shadow-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
inset-shadow-slate-950
--tw-inset-shadow-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
inset-shadow-gray-50
--tw-inset-shadow-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
inset-shadow-gray-100
--tw-inset-shadow-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
inset-shadow-gray-200
--tw-inset-shadow-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
inset-shadow-gray-300
--tw-inset-shadow-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
inset-shadow-gray-400
--tw-inset-shadow-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
inset-shadow-gray-500
--tw-inset-shadow-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
inset-shadow-gray-600
--tw-inset-shadow-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
inset-shadow-gray-700
--tw-inset-shadow-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
inset-shadow-gray-800
--tw-inset-shadow-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
inset-shadow-gray-900
--tw-inset-shadow-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
inset-shadow-gray-950
--tw-inset-shadow-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
inset-shadow-zinc-50
--tw-inset-shadow-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
inset-shadow-zinc-100
--tw-inset-shadow-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
inset-shadow-zinc-200
--tw-inset-shadow-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
inset-shadow-zinc-300
--tw-inset-shadow-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
inset-shadow-zinc-400
--tw-inset-shadow-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
inset-shadow-zinc-500
--tw-inset-shadow-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
inset-shadow-zinc-600
--tw-inset-shadow-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
inset-shadow-zinc-700
--tw-inset-shadow-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
inset-shadow-zinc-800
--tw-inset-shadow-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
inset-shadow-zinc-900
--tw-inset-shadow-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
inset-shadow-zinc-950
--tw-inset-shadow-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
inset-shadow-neutral-50
--tw-inset-shadow-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
inset-shadow-neutral-100
--tw-inset-shadow-color: var(--color-neutral-100); /* oklch(97% 0 0) */
inset-shadow-neutral-200
--tw-inset-shadow-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
inset-shadow-neutral-300
--tw-inset-shadow-color: var(--color-neutral-300); /* oklch(87% 0 0) */
inset-shadow-neutral-400
--tw-inset-shadow-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
inset-shadow-neutral-500
--tw-inset-shadow-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
inset-shadow-neutral-600
--tw-inset-shadow-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
inset-shadow-neutral-700
--tw-inset-shadow-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
inset-shadow-neutral-800
--tw-inset-shadow-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
inset-shadow-neutral-900
--tw-inset-shadow-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
inset-shadow-neutral-950
--tw-inset-shadow-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
inset-shadow-stone-50
--tw-inset-shadow-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
inset-shadow-stone-100
--tw-inset-shadow-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
inset-shadow-stone-200
--tw-inset-shadow-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
inset-shadow-stone-300
--tw-inset-shadow-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
inset-shadow-stone-400
--tw-inset-shadow-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
inset-shadow-stone-500
--tw-inset-shadow-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
inset-shadow-stone-600
--tw-inset-shadow-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
inset-shadow-stone-700
--tw-inset-shadow-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
inset-shadow-stone-800
--tw-inset-shadow-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
inset-shadow-stone-900
--tw-inset-shadow-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
inset-shadow-stone-950
--tw-inset-shadow-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
ring
--tw-ring-shadow: 0 0 0 1px;
ring-<number>
--tw-ring-shadow: 0 0 0 <number>px;
ring-(<custom-property>)
--tw-ring-shadow: 0 0 0 var(<custom-property>);
ring-[<value>]
--tw-ring-shadow: 0 0 0 <value>;
ring-inherit
--tw-ring-color: inherit;
ring-current
--tw-ring-color: currentColor;
ring-transparent
--tw-ring-color: transparent;
ring-black
--tw-ring-color: var(--color-black); /* #000 */
ring-white
--tw-ring-color: var(--color-white); /* #fff */
ring-red-50
--tw-ring-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
ring-red-100
--tw-ring-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
ring-red-200
--tw-ring-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
ring-red-300
--tw-ring-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
ring-red-400
--tw-ring-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
ring-red-500
--tw-ring-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
ring-red-600
--tw-ring-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
ring-red-700
--tw-ring-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
ring-red-800
--tw-ring-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
ring-red-900
--tw-ring-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
ring-red-950
--tw-ring-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
ring-orange-50
--tw-ring-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
ring-orange-100
--tw-ring-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
ring-orange-200
--tw-ring-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
ring-orange-300
--tw-ring-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
ring-orange-400
--tw-ring-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
ring-orange-500
--tw-ring-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
ring-orange-600
--tw-ring-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
ring-orange-700
--tw-ring-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
ring-orange-800
--tw-ring-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
ring-orange-900
--tw-ring-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
ring-orange-950
--tw-ring-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
ring-amber-50
--tw-ring-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
ring-amber-100
--tw-ring-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
ring-amber-200
--tw-ring-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
ring-amber-300
--tw-ring-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
ring-amber-400
--tw-ring-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
ring-amber-500
--tw-ring-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
ring-amber-600
--tw-ring-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
ring-amber-700
--tw-ring-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
ring-amber-800
--tw-ring-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
ring-amber-900
--tw-ring-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
ring-amber-950
--tw-ring-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
ring-yellow-50
--tw-ring-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
ring-yellow-100
--tw-ring-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
ring-yellow-200
--tw-ring-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
ring-yellow-300
--tw-ring-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
ring-yellow-400
--tw-ring-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
ring-yellow-500
--tw-ring-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
ring-yellow-600
--tw-ring-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
ring-yellow-700
--tw-ring-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
ring-yellow-800
--tw-ring-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
ring-yellow-900
--tw-ring-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
ring-yellow-950
--tw-ring-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
ring-lime-50
--tw-ring-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
ring-lime-100
--tw-ring-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
ring-lime-200
--tw-ring-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
ring-lime-300
--tw-ring-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
ring-lime-400
--tw-ring-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
ring-lime-500
--tw-ring-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
ring-lime-600
--tw-ring-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
ring-lime-700
--tw-ring-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
ring-lime-800
--tw-ring-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
ring-lime-900
--tw-ring-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
ring-lime-950
--tw-ring-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
ring-green-50
--tw-ring-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
ring-green-100
--tw-ring-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
ring-green-200
--tw-ring-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
ring-green-300
--tw-ring-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
ring-green-400
--tw-ring-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
ring-green-500
--tw-ring-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
ring-green-600
--tw-ring-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
ring-green-700
--tw-ring-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
ring-green-800
--tw-ring-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
ring-green-900
--tw-ring-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
ring-green-950
--tw-ring-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
ring-emerald-50
--tw-ring-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
ring-emerald-100
--tw-ring-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
ring-emerald-200
--tw-ring-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
ring-emerald-300
--tw-ring-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
ring-emerald-400
--tw-ring-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
ring-emerald-500
--tw-ring-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
ring-emerald-600
--tw-ring-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
ring-emerald-700
--tw-ring-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
ring-emerald-800
--tw-ring-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
ring-emerald-900
--tw-ring-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
ring-emerald-950
--tw-ring-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
ring-teal-50
--tw-ring-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
ring-teal-100
--tw-ring-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
ring-teal-200
--tw-ring-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
ring-teal-300
--tw-ring-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
ring-teal-400
--tw-ring-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
ring-teal-500
--tw-ring-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
ring-teal-600
--tw-ring-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
ring-teal-700
--tw-ring-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
ring-teal-800
--tw-ring-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
ring-teal-900
--tw-ring-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
ring-teal-950
--tw-ring-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
ring-cyan-50
--tw-ring-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
ring-cyan-100
--tw-ring-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
ring-cyan-200
--tw-ring-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
ring-cyan-300
--tw-ring-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
ring-cyan-400
--tw-ring-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
ring-cyan-500
--tw-ring-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
ring-cyan-600
--tw-ring-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
ring-cyan-700
--tw-ring-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
ring-cyan-800
--tw-ring-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
ring-cyan-900
--tw-ring-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
ring-cyan-950
--tw-ring-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
ring-sky-50
--tw-ring-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
ring-sky-100
--tw-ring-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
ring-sky-200
--tw-ring-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
ring-sky-300
--tw-ring-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
ring-sky-400
--tw-ring-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
ring-sky-500
--tw-ring-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
ring-sky-600
--tw-ring-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
ring-sky-700
--tw-ring-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
ring-sky-800
--tw-ring-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
ring-sky-900
--tw-ring-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
ring-sky-950
--tw-ring-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
ring-blue-50
--tw-ring-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
ring-blue-100
--tw-ring-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
ring-blue-200
--tw-ring-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
ring-blue-300
--tw-ring-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
ring-blue-400
--tw-ring-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
ring-blue-500
--tw-ring-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
ring-blue-600
--tw-ring-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
ring-blue-700
--tw-ring-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
ring-blue-800
--tw-ring-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
ring-blue-900
--tw-ring-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
ring-blue-950
--tw-ring-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
ring-indigo-50
--tw-ring-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
ring-indigo-100
--tw-ring-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
ring-indigo-200
--tw-ring-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
ring-indigo-300
--tw-ring-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
ring-indigo-400
--tw-ring-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
ring-indigo-500
--tw-ring-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
ring-indigo-600
--tw-ring-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
ring-indigo-700
--tw-ring-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
ring-indigo-800
--tw-ring-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
ring-indigo-900
--tw-ring-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
ring-indigo-950
--tw-ring-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
ring-violet-50
--tw-ring-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
ring-violet-100
--tw-ring-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
ring-violet-200
--tw-ring-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
ring-violet-300
--tw-ring-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
ring-violet-400
--tw-ring-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
ring-violet-500
--tw-ring-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
ring-violet-600
--tw-ring-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
ring-violet-700
--tw-ring-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
ring-violet-800
--tw-ring-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
ring-violet-900
--tw-ring-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
ring-violet-950
--tw-ring-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
ring-purple-50
--tw-ring-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
ring-purple-100
--tw-ring-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
ring-purple-200
--tw-ring-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
ring-purple-300
--tw-ring-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
ring-purple-400
--tw-ring-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
ring-purple-500
--tw-ring-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
ring-purple-600
--tw-ring-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
ring-purple-700
--tw-ring-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
ring-purple-800
--tw-ring-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
ring-purple-900
--tw-ring-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
ring-purple-950
--tw-ring-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
ring-fuchsia-50
--tw-ring-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
ring-fuchsia-100
--tw-ring-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
ring-fuchsia-200
--tw-ring-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
ring-fuchsia-300
--tw-ring-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
ring-fuchsia-400
--tw-ring-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
ring-fuchsia-500
--tw-ring-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
ring-fuchsia-600
--tw-ring-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
ring-fuchsia-700
--tw-ring-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
ring-fuchsia-800
--tw-ring-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
ring-fuchsia-900
--tw-ring-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
ring-fuchsia-950
--tw-ring-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
ring-pink-50
--tw-ring-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
ring-pink-100
--tw-ring-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
ring-pink-200
--tw-ring-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
ring-pink-300
--tw-ring-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
ring-pink-400
--tw-ring-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
ring-pink-500
--tw-ring-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
ring-pink-600
--tw-ring-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
ring-pink-700
--tw-ring-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
ring-pink-800
--tw-ring-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
ring-pink-900
--tw-ring-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
ring-pink-950
--tw-ring-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
ring-rose-50
--tw-ring-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
ring-rose-100
--tw-ring-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
ring-rose-200
--tw-ring-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
ring-rose-300
--tw-ring-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
ring-rose-400
--tw-ring-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
ring-rose-500
--tw-ring-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
ring-rose-600
--tw-ring-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
ring-rose-700
--tw-ring-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
ring-rose-800
--tw-ring-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
ring-rose-900
--tw-ring-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
ring-rose-950
--tw-ring-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
ring-slate-50
--tw-ring-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
ring-slate-100
--tw-ring-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
ring-slate-200
--tw-ring-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
ring-slate-300
--tw-ring-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
ring-slate-400
--tw-ring-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
ring-slate-500
--tw-ring-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
ring-slate-600
--tw-ring-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
ring-slate-700
--tw-ring-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
ring-slate-800
--tw-ring-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
ring-slate-900
--tw-ring-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
ring-slate-950
--tw-ring-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
ring-gray-50
--tw-ring-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
ring-gray-100
--tw-ring-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
ring-gray-200
--tw-ring-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
ring-gray-300
--tw-ring-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
ring-gray-400
--tw-ring-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
ring-gray-500
--tw-ring-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
ring-gray-600
--tw-ring-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
ring-gray-700
--tw-ring-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
ring-gray-800
--tw-ring-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
ring-gray-900
--tw-ring-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
ring-gray-950
--tw-ring-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
ring-zinc-50
--tw-ring-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
ring-zinc-100
--tw-ring-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
ring-zinc-200
--tw-ring-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
ring-zinc-300
--tw-ring-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
ring-zinc-400
--tw-ring-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
ring-zinc-500
--tw-ring-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
ring-zinc-600
--tw-ring-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
ring-zinc-700
--tw-ring-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
ring-zinc-800
--tw-ring-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
ring-zinc-900
--tw-ring-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
ring-zinc-950
--tw-ring-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
ring-neutral-50
--tw-ring-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
ring-neutral-100
--tw-ring-color: var(--color-neutral-100); /* oklch(97% 0 0) */
ring-neutral-200
--tw-ring-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
ring-neutral-300
--tw-ring-color: var(--color-neutral-300); /* oklch(87% 0 0) */
ring-neutral-400
--tw-ring-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
ring-neutral-500
--tw-ring-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
ring-neutral-600
--tw-ring-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
ring-neutral-700
--tw-ring-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
ring-neutral-800
--tw-ring-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
ring-neutral-900
--tw-ring-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
ring-neutral-950
--tw-ring-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
ring-stone-50
--tw-ring-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
ring-stone-100
--tw-ring-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
ring-stone-200
--tw-ring-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
ring-stone-300
--tw-ring-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
ring-stone-400
--tw-ring-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
ring-stone-500
--tw-ring-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
ring-stone-600
--tw-ring-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
ring-stone-700
--tw-ring-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
ring-stone-800
--tw-ring-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
ring-stone-900
--tw-ring-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
ring-stone-950
--tw-ring-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
inset-ring
--tw-inset-ring-shadow: inset 0 0 0 1px
inset-ring-<number>
--tw-inset-ring-shadow: inset 0 0 0 <number>px
inset-ring-(<custom-property>)
--tw-inset-ring-shadow: inset 0 0 0 var(<custom-property>);
inset-ring-[<value>]
--tw-inset-ring-shadow: inset 0 0 0 <value>;
inset-ring-inherit
--tw-inset-ring-color: inherit;
inset-ring-current
--tw-inset-ring-color: currentColor;
inset-ring-transparent
--tw-inset-ring-color: transparent;
inset-ring-black
--tw-inset-ring-color: var(--color-black); /* #000 */
inset-ring-white
--tw-inset-ring-color: var(--color-white); /* #fff */
inset-ring-red-50
--tw-inset-ring-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
inset-ring-red-100
--tw-inset-ring-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
inset-ring-red-200
--tw-inset-ring-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
inset-ring-red-300
--tw-inset-ring-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
inset-ring-red-400
--tw-inset-ring-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
inset-ring-red-500
--tw-inset-ring-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
inset-ring-red-600
--tw-inset-ring-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
inset-ring-red-700
--tw-inset-ring-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
inset-ring-red-800
--tw-inset-ring-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
inset-ring-red-900
--tw-inset-ring-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
inset-ring-red-950
--tw-inset-ring-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
inset-ring-orange-50
--tw-inset-ring-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
inset-ring-orange-100
--tw-inset-ring-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
inset-ring-orange-200
--tw-inset-ring-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
inset-ring-orange-300
--tw-inset-ring-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
inset-ring-orange-400
--tw-inset-ring-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
inset-ring-orange-500
--tw-inset-ring-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
inset-ring-orange-600
--tw-inset-ring-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
inset-ring-orange-700
--tw-inset-ring-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
inset-ring-orange-800
--tw-inset-ring-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
inset-ring-orange-900
--tw-inset-ring-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
inset-ring-orange-950
--tw-inset-ring-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
inset-ring-amber-50
--tw-inset-ring-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
inset-ring-amber-100
--tw-inset-ring-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
inset-ring-amber-200
--tw-inset-ring-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
inset-ring-amber-300
--tw-inset-ring-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
inset-ring-amber-400
--tw-inset-ring-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
inset-ring-amber-500
--tw-inset-ring-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
inset-ring-amber-600
--tw-inset-ring-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
inset-ring-amber-700
--tw-inset-ring-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
inset-ring-amber-800
--tw-inset-ring-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
inset-ring-amber-900
--tw-inset-ring-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
inset-ring-amber-950
--tw-inset-ring-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
inset-ring-yellow-50
--tw-inset-ring-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
inset-ring-yellow-100
--tw-inset-ring-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
inset-ring-yellow-200
--tw-inset-ring-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
inset-ring-yellow-300
--tw-inset-ring-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
inset-ring-yellow-400
--tw-inset-ring-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
inset-ring-yellow-500
--tw-inset-ring-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
inset-ring-yellow-600
--tw-inset-ring-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
inset-ring-yellow-700
--tw-inset-ring-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
inset-ring-yellow-800
--tw-inset-ring-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
inset-ring-yellow-900
--tw-inset-ring-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
inset-ring-yellow-950
--tw-inset-ring-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
inset-ring-lime-50
--tw-inset-ring-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
inset-ring-lime-100
--tw-inset-ring-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
inset-ring-lime-200
--tw-inset-ring-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
inset-ring-lime-300
--tw-inset-ring-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
inset-ring-lime-400
--tw-inset-ring-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
inset-ring-lime-500
--tw-inset-ring-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
inset-ring-lime-600
--tw-inset-ring-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
inset-ring-lime-700
--tw-inset-ring-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
inset-ring-lime-800
--tw-inset-ring-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
inset-ring-lime-900
--tw-inset-ring-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
inset-ring-lime-950
--tw-inset-ring-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
inset-ring-green-50
--tw-inset-ring-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
inset-ring-green-100
--tw-inset-ring-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
inset-ring-green-200
--tw-inset-ring-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
inset-ring-green-300
--tw-inset-ring-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
inset-ring-green-400
--tw-inset-ring-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
inset-ring-green-500
--tw-inset-ring-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
inset-ring-green-600
--tw-inset-ring-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
inset-ring-green-700
--tw-inset-ring-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
inset-ring-green-800
--tw-inset-ring-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
inset-ring-green-900
--tw-inset-ring-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
inset-ring-green-950
--tw-inset-ring-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
inset-ring-emerald-50
--tw-inset-ring-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
inset-ring-emerald-100
--tw-inset-ring-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
inset-ring-emerald-200
--tw-inset-ring-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
inset-ring-emerald-300
--tw-inset-ring-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
inset-ring-emerald-400
--tw-inset-ring-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
inset-ring-emerald-500
--tw-inset-ring-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
inset-ring-emerald-600
--tw-inset-ring-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
inset-ring-emerald-700
--tw-inset-ring-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
inset-ring-emerald-800
--tw-inset-ring-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
inset-ring-emerald-900
--tw-inset-ring-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
inset-ring-emerald-950
--tw-inset-ring-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
inset-ring-teal-50
--tw-inset-ring-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
inset-ring-teal-100
--tw-inset-ring-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
inset-ring-teal-200
--tw-inset-ring-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
inset-ring-teal-300
--tw-inset-ring-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
inset-ring-teal-400
--tw-inset-ring-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
inset-ring-teal-500
--tw-inset-ring-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
inset-ring-teal-600
--tw-inset-ring-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
inset-ring-teal-700
--tw-inset-ring-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
inset-ring-teal-800
--tw-inset-ring-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
inset-ring-teal-900
--tw-inset-ring-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
inset-ring-teal-950
--tw-inset-ring-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
inset-ring-cyan-50
--tw-inset-ring-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
inset-ring-cyan-100
--tw-inset-ring-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
inset-ring-cyan-200
--tw-inset-ring-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
inset-ring-cyan-300
--tw-inset-ring-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
inset-ring-cyan-400
--tw-inset-ring-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
inset-ring-cyan-500
--tw-inset-ring-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
inset-ring-cyan-600
--tw-inset-ring-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
inset-ring-cyan-700
--tw-inset-ring-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
inset-ring-cyan-800
--tw-inset-ring-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
inset-ring-cyan-900
--tw-inset-ring-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
inset-ring-cyan-950
--tw-inset-ring-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
inset-ring-sky-50
--tw-inset-ring-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
inset-ring-sky-100
--tw-inset-ring-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
inset-ring-sky-200
--tw-inset-ring-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
inset-ring-sky-300
--tw-inset-ring-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
inset-ring-sky-400
--tw-inset-ring-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
inset-ring-sky-500
--tw-inset-ring-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
inset-ring-sky-600
--tw-inset-ring-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
inset-ring-sky-700
--tw-inset-ring-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
inset-ring-sky-800
--tw-inset-ring-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
inset-ring-sky-900
--tw-inset-ring-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
inset-ring-sky-950
--tw-inset-ring-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
inset-ring-blue-50
--tw-inset-ring-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
inset-ring-blue-100
--tw-inset-ring-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
inset-ring-blue-200
--tw-inset-ring-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
inset-ring-blue-300
--tw-inset-ring-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
inset-ring-blue-400
--tw-inset-ring-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
inset-ring-blue-500
--tw-inset-ring-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
inset-ring-blue-600
--tw-inset-ring-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
inset-ring-blue-700
--tw-inset-ring-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
inset-ring-blue-800
--tw-inset-ring-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
inset-ring-blue-900
--tw-inset-ring-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
inset-ring-blue-950
--tw-inset-ring-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
inset-ring-indigo-50
--tw-inset-ring-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
inset-ring-indigo-100
--tw-inset-ring-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
inset-ring-indigo-200
--tw-inset-ring-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
inset-ring-indigo-300
--tw-inset-ring-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
inset-ring-indigo-400
--tw-inset-ring-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
inset-ring-indigo-500
--tw-inset-ring-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
inset-ring-indigo-600
--tw-inset-ring-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
inset-ring-indigo-700
--tw-inset-ring-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
inset-ring-indigo-800
--tw-inset-ring-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
inset-ring-indigo-900
--tw-inset-ring-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
inset-ring-indigo-950
--tw-inset-ring-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
inset-ring-violet-50
--tw-inset-ring-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
inset-ring-violet-100
--tw-inset-ring-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
inset-ring-violet-200
--tw-inset-ring-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
inset-ring-violet-300
--tw-inset-ring-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
inset-ring-violet-400
--tw-inset-ring-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
inset-ring-violet-500
--tw-inset-ring-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
inset-ring-violet-600
--tw-inset-ring-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
inset-ring-violet-700
--tw-inset-ring-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
inset-ring-violet-800
--tw-inset-ring-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
inset-ring-violet-900
--tw-inset-ring-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
inset-ring-violet-950
--tw-inset-ring-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
inset-ring-purple-50
--tw-inset-ring-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
inset-ring-purple-100
--tw-inset-ring-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
inset-ring-purple-200
--tw-inset-ring-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
inset-ring-purple-300
--tw-inset-ring-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
inset-ring-purple-400
--tw-inset-ring-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
inset-ring-purple-500
--tw-inset-ring-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
inset-ring-purple-600
--tw-inset-ring-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
inset-ring-purple-700
--tw-inset-ring-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
inset-ring-purple-800
--tw-inset-ring-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
inset-ring-purple-900
--tw-inset-ring-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
inset-ring-purple-950
--tw-inset-ring-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
inset-ring-fuchsia-50
--tw-inset-ring-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
inset-ring-fuchsia-100
--tw-inset-ring-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
inset-ring-fuchsia-200
--tw-inset-ring-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
inset-ring-fuchsia-300
--tw-inset-ring-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
inset-ring-fuchsia-400
--tw-inset-ring-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
inset-ring-fuchsia-500
--tw-inset-ring-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
inset-ring-fuchsia-600
--tw-inset-ring-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
inset-ring-fuchsia-700
--tw-inset-ring-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
inset-ring-fuchsia-800
--tw-inset-ring-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
inset-ring-fuchsia-900
--tw-inset-ring-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
inset-ring-fuchsia-950
--tw-inset-ring-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
inset-ring-pink-50
--tw-inset-ring-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
inset-ring-pink-100
--tw-inset-ring-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
inset-ring-pink-200
--tw-inset-ring-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
inset-ring-pink-300
--tw-inset-ring-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
inset-ring-pink-400
--tw-inset-ring-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
inset-ring-pink-500
--tw-inset-ring-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
inset-ring-pink-600
--tw-inset-ring-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
inset-ring-pink-700
--tw-inset-ring-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
inset-ring-pink-800
--tw-inset-ring-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
inset-ring-pink-900
--tw-inset-ring-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
inset-ring-pink-950
--tw-inset-ring-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
inset-ring-rose-50
--tw-inset-ring-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
inset-ring-rose-100
--tw-inset-ring-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
inset-ring-rose-200
--tw-inset-ring-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
inset-ring-rose-300
--tw-inset-ring-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
inset-ring-rose-400
--tw-inset-ring-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
inset-ring-rose-500
--tw-inset-ring-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
inset-ring-rose-600
--tw-inset-ring-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
inset-ring-rose-700
--tw-inset-ring-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
inset-ring-rose-800
--tw-inset-ring-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
inset-ring-rose-900
--tw-inset-ring-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
inset-ring-rose-950
--tw-inset-ring-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
inset-ring-slate-50
--tw-inset-ring-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
inset-ring-slate-100
--tw-inset-ring-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
inset-ring-slate-200
--tw-inset-ring-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
inset-ring-slate-300
--tw-inset-ring-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
inset-ring-slate-400
--tw-inset-ring-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
inset-ring-slate-500
--tw-inset-ring-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
inset-ring-slate-600
--tw-inset-ring-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
inset-ring-slate-700
--tw-inset-ring-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
inset-ring-slate-800
--tw-inset-ring-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
inset-ring-slate-900
--tw-inset-ring-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
inset-ring-slate-950
--tw-inset-ring-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
inset-ring-gray-50
--tw-inset-ring-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
inset-ring-gray-100
--tw-inset-ring-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
inset-ring-gray-200
--tw-inset-ring-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
inset-ring-gray-300
--tw-inset-ring-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
inset-ring-gray-400
--tw-inset-ring-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
inset-ring-gray-500
--tw-inset-ring-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
inset-ring-gray-600
--tw-inset-ring-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
inset-ring-gray-700
--tw-inset-ring-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
inset-ring-gray-800
--tw-inset-ring-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
inset-ring-gray-900
--tw-inset-ring-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
inset-ring-gray-950
--tw-inset-ring-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
inset-ring-zinc-50
--tw-inset-ring-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
inset-ring-zinc-100
--tw-inset-ring-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
inset-ring-zinc-200
--tw-inset-ring-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
inset-ring-zinc-300
--tw-inset-ring-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
inset-ring-zinc-400
--tw-inset-ring-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
inset-ring-zinc-500
--tw-inset-ring-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
inset-ring-zinc-600
--tw-inset-ring-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
inset-ring-zinc-700
--tw-inset-ring-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
inset-ring-zinc-800
--tw-inset-ring-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
inset-ring-zinc-900
--tw-inset-ring-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
inset-ring-zinc-950
--tw-inset-ring-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
inset-ring-neutral-50
--tw-inset-ring-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
inset-ring-neutral-100
--tw-inset-ring-color: var(--color-neutral-100); /* oklch(97% 0 0) */
inset-ring-neutral-200
--tw-inset-ring-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
inset-ring-neutral-300
--tw-inset-ring-color: var(--color-neutral-300); /* oklch(87% 0 0) */
inset-ring-neutral-400
--tw-inset-ring-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
inset-ring-neutral-500
--tw-inset-ring-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
inset-ring-neutral-600
--tw-inset-ring-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
inset-ring-neutral-700
--tw-inset-ring-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
inset-ring-neutral-800
--tw-inset-ring-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
inset-ring-neutral-900
--tw-inset-ring-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
inset-ring-neutral-950
--tw-inset-ring-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
inset-ring-stone-50
--tw-inset-ring-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
inset-ring-stone-100
--tw-inset-ring-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
inset-ring-stone-200
--tw-inset-ring-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
inset-ring-stone-300
--tw-inset-ring-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
inset-ring-stone-400
--tw-inset-ring-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
inset-ring-stone-500
--tw-inset-ring-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
inset-ring-stone-600
--tw-inset-ring-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
inset-ring-stone-700
--tw-inset-ring-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
inset-ring-stone-800
--tw-inset-ring-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
inset-ring-stone-900
--tw-inset-ring-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
inset-ring-stone-950
--tw-inset-ring-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */

text-shadow

Utilities for controlling the shadow of a text element.

Class Styles
text-shadow-2xs
text-shadow: var(--text-shadow-2xs); /* 0px 1px 0px rgb(0 0 0 / 0.15) */
text-shadow-xs
text-shadow: var(--text-shadow-xs); /* 0px 1px 1px rgb(0 0 0 / 0.2) */
text-shadow-sm
text-shadow: var(--text-shadow-sm); /* 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075) */
text-shadow-md
text-shadow: var(--text-shadow-md); /* 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1) */
text-shadow-lg
text-shadow: var(--text-shadow-lg); /* 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1) */
text-shadow-none
text-shadow: none;
text-shadow-(<custom-property>)
text-shadow: var(<custom-property>);
text-shadow-(color:<custom-property>)
--tw-shadow-color var(<custom-property>);
text-shadow-[<value>]
text-shadow: <value>;
text-shadow-inherit
--tw-shadow-color inherit;
text-shadow-current
--tw-shadow-color currentColor;
text-shadow-transparent
--tw-shadow-color transparent;
text-shadow-black
--tw-text-shadow-color var(--color-black); /* #000 */
text-shadow-white
--tw-text-shadow-color var(--color-white); /* #fff */
text-shadow-red-50
--tw-text-shadow-color var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
text-shadow-red-100
--tw-text-shadow-color var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
text-shadow-red-200
--tw-text-shadow-color var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
text-shadow-red-300
--tw-text-shadow-color var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
text-shadow-red-400
--tw-text-shadow-color var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
text-shadow-red-500
--tw-text-shadow-color var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
text-shadow-red-600
--tw-text-shadow-color var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
text-shadow-red-700
--tw-text-shadow-color var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
text-shadow-red-800
--tw-text-shadow-color var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
text-shadow-red-900
--tw-text-shadow-color var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
text-shadow-red-950
--tw-text-shadow-color var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
text-shadow-orange-50
--tw-text-shadow-color var(--color-orange-50); /* oklch(98% 0.016 73.684) */
text-shadow-orange-100
--tw-text-shadow-color var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
text-shadow-orange-200
--tw-text-shadow-color var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
text-shadow-orange-300
--tw-text-shadow-color var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
text-shadow-orange-400
--tw-text-shadow-color var(--color-orange-400); /* oklch(75% 0.183 55.934) */
text-shadow-orange-500
--tw-text-shadow-color var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
text-shadow-orange-600
--tw-text-shadow-color var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
text-shadow-orange-700
--tw-text-shadow-color var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
text-shadow-orange-800
--tw-text-shadow-color var(--color-orange-800); /* oklch(47% 0.157 37.304) */
text-shadow-orange-900
--tw-text-shadow-color var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
text-shadow-orange-950
--tw-text-shadow-color var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
text-shadow-amber-50
--tw-text-shadow-color var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
text-shadow-amber-100
--tw-text-shadow-color var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
text-shadow-amber-200
--tw-text-shadow-color var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
text-shadow-amber-300
--tw-text-shadow-color var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
text-shadow-amber-400
--tw-text-shadow-color var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
text-shadow-amber-500
--tw-text-shadow-color var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
text-shadow-amber-600
--tw-text-shadow-color var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
text-shadow-amber-700
--tw-text-shadow-color var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
text-shadow-amber-800
--tw-text-shadow-color var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
text-shadow-amber-900
--tw-text-shadow-color var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
text-shadow-amber-950
--tw-text-shadow-color var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
text-shadow-yellow-50
--tw-text-shadow-color var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
text-shadow-yellow-100
--tw-text-shadow-color var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
text-shadow-yellow-200
--tw-text-shadow-color var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
text-shadow-yellow-300
--tw-text-shadow-color var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
text-shadow-yellow-400
--tw-text-shadow-color var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
text-shadow-yellow-500
--tw-text-shadow-color var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
text-shadow-yellow-600
--tw-text-shadow-color var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
text-shadow-yellow-700
--tw-text-shadow-color var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
text-shadow-yellow-800
--tw-text-shadow-color var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
text-shadow-yellow-900
--tw-text-shadow-color var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
text-shadow-yellow-950
--tw-text-shadow-color var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
text-shadow-lime-50
--tw-text-shadow-color var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
text-shadow-lime-100
--tw-text-shadow-color var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
text-shadow-lime-200
--tw-text-shadow-color var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
text-shadow-lime-300
--tw-text-shadow-color var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
text-shadow-lime-400
--tw-text-shadow-color var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
text-shadow-lime-500
--tw-text-shadow-color var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
text-shadow-lime-600
--tw-text-shadow-color var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
text-shadow-lime-700
--tw-text-shadow-color var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
text-shadow-lime-800
--tw-text-shadow-color var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
text-shadow-lime-900
--tw-text-shadow-color var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
text-shadow-lime-950
--tw-text-shadow-color var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
text-shadow-green-50
--tw-text-shadow-color var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
text-shadow-green-100
--tw-text-shadow-color var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
text-shadow-green-200
--tw-text-shadow-color var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
text-shadow-green-300
--tw-text-shadow-color var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
text-shadow-green-400
--tw-text-shadow-color var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
text-shadow-green-500
--tw-text-shadow-color var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
text-shadow-green-600
--tw-text-shadow-color var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
text-shadow-green-700
--tw-text-shadow-color var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
text-shadow-green-800
--tw-text-shadow-color var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
text-shadow-green-900
--tw-text-shadow-color var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
text-shadow-green-950
--tw-text-shadow-color var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
text-shadow-emerald-50
--tw-text-shadow-color var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
text-shadow-emerald-100
--tw-text-shadow-color var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
text-shadow-emerald-200
--tw-text-shadow-color var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
text-shadow-emerald-300
--tw-text-shadow-color var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
text-shadow-emerald-400
--tw-text-shadow-color var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
text-shadow-emerald-500
--tw-text-shadow-color var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
text-shadow-emerald-600
--tw-text-shadow-color var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
text-shadow-emerald-700
--tw-text-shadow-color var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
text-shadow-emerald-800
--tw-text-shadow-color var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
text-shadow-emerald-900
--tw-text-shadow-color var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
text-shadow-emerald-950
--tw-text-shadow-color var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
text-shadow-teal-50
--tw-text-shadow-color var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
text-shadow-teal-100
--tw-text-shadow-color var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
text-shadow-teal-200
--tw-text-shadow-color var(--color-teal-200); /* oklch(91% 0.096 180.426) */
text-shadow-teal-300
--tw-text-shadow-color var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
text-shadow-teal-400
--tw-text-shadow-color var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
text-shadow-teal-500
--tw-text-shadow-color var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
text-shadow-teal-600
--tw-text-shadow-color var(--color-teal-600); /* oklch(60% 0.118 184.704) */
text-shadow-teal-700
--tw-text-shadow-color var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
text-shadow-teal-800
--tw-text-shadow-color var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
text-shadow-teal-900
--tw-text-shadow-color var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
text-shadow-teal-950
--tw-text-shadow-color var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
text-shadow-cyan-50
--tw-text-shadow-color var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
text-shadow-cyan-100
--tw-text-shadow-color var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
text-shadow-cyan-200
--tw-text-shadow-color var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
text-shadow-cyan-300
--tw-text-shadow-color var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
text-shadow-cyan-400
--tw-text-shadow-color var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
text-shadow-cyan-500
--tw-text-shadow-color var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
text-shadow-cyan-600
--tw-text-shadow-color var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
text-shadow-cyan-700
--tw-text-shadow-color var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
text-shadow-cyan-800
--tw-text-shadow-color var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
text-shadow-cyan-900
--tw-text-shadow-color var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
text-shadow-cyan-950
--tw-text-shadow-color var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
text-shadow-sky-50
--tw-text-shadow-color var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
text-shadow-sky-100
--tw-text-shadow-color var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
text-shadow-sky-200
--tw-text-shadow-color var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
text-shadow-sky-300
--tw-text-shadow-color var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
text-shadow-sky-400
--tw-text-shadow-color var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
text-shadow-sky-500
--tw-text-shadow-color var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
text-shadow-sky-600
--tw-text-shadow-color var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
text-shadow-sky-700
--tw-text-shadow-color var(--color-sky-700); /* oklch(50% 0.134 242.749) */
text-shadow-sky-800
--tw-text-shadow-color var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
text-shadow-sky-900
--tw-text-shadow-color var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
text-shadow-sky-950
--tw-text-shadow-color var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
text-shadow-blue-50
--tw-text-shadow-color var(--color-blue-50); /* oklch(97% 0.014 254.604) */
text-shadow-blue-100
--tw-text-shadow-color var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
text-shadow-blue-200
--tw-text-shadow-color var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
text-shadow-blue-300
--tw-text-shadow-color var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
text-shadow-blue-400
--tw-text-shadow-color var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
text-shadow-blue-500
--tw-text-shadow-color var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
text-shadow-blue-600
--tw-text-shadow-color var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
text-shadow-blue-700
--tw-text-shadow-color var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
text-shadow-blue-800
--tw-text-shadow-color var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
text-shadow-blue-900
--tw-text-shadow-color var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
text-shadow-blue-950
--tw-text-shadow-color var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
text-shadow-indigo-50
--tw-text-shadow-color var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
text-shadow-indigo-100
--tw-text-shadow-color var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
text-shadow-indigo-200
--tw-text-shadow-color var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
text-shadow-indigo-300
--tw-text-shadow-color var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
text-shadow-indigo-400
--tw-text-shadow-color var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
text-shadow-indigo-500
--tw-text-shadow-color var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
text-shadow-indigo-600
--tw-text-shadow-color var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
text-shadow-indigo-700
--tw-text-shadow-color var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
text-shadow-indigo-800
--tw-text-shadow-color var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
text-shadow-indigo-900
--tw-text-shadow-color var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
text-shadow-indigo-950
--tw-text-shadow-color var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
text-shadow-violet-50
--tw-text-shadow-color var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
text-shadow-violet-100
--tw-text-shadow-color var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
text-shadow-violet-200
--tw-text-shadow-color var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
text-shadow-violet-300
--tw-text-shadow-color var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
text-shadow-violet-400
--tw-text-shadow-color var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
text-shadow-violet-500
--tw-text-shadow-color var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
text-shadow-violet-600
--tw-text-shadow-color var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
text-shadow-violet-700
--tw-text-shadow-color var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
text-shadow-violet-800
--tw-text-shadow-color var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
text-shadow-violet-900
--tw-text-shadow-color var(--color-violet-900); /* oklch(38% 0.189 293.745) */
text-shadow-violet-950
--tw-text-shadow-color var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
text-shadow-purple-50
--tw-text-shadow-color var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
text-shadow-purple-100
--tw-text-shadow-color var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
text-shadow-purple-200
--tw-text-shadow-color var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
text-shadow-purple-300
--tw-text-shadow-color var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
text-shadow-purple-400
--tw-text-shadow-color var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
text-shadow-purple-500
--tw-text-shadow-color var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
text-shadow-purple-600
--tw-text-shadow-color var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
text-shadow-purple-700
--tw-text-shadow-color var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
text-shadow-purple-800
--tw-text-shadow-color var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
text-shadow-purple-900
--tw-text-shadow-color var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
text-shadow-purple-950
--tw-text-shadow-color var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
text-shadow-fuchsia-50
--tw-text-shadow-color var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
text-shadow-fuchsia-100
--tw-text-shadow-color var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
text-shadow-fuchsia-200
--tw-text-shadow-color var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
text-shadow-fuchsia-300
--tw-text-shadow-color var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
text-shadow-fuchsia-400
--tw-text-shadow-color var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
text-shadow-fuchsia-500
--tw-text-shadow-color var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
text-shadow-fuchsia-600
--tw-text-shadow-color var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
text-shadow-fuchsia-700
--tw-text-shadow-color var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
text-shadow-fuchsia-800
--tw-text-shadow-color var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
text-shadow-fuchsia-900
--tw-text-shadow-color var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
text-shadow-fuchsia-950
--tw-text-shadow-color var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
text-shadow-pink-50
--tw-text-shadow-color var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
text-shadow-pink-100
--tw-text-shadow-color var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
text-shadow-pink-200
--tw-text-shadow-color var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
text-shadow-pink-300
--tw-text-shadow-color var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
text-shadow-pink-400
--tw-text-shadow-color var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
text-shadow-pink-500
--tw-text-shadow-color var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
text-shadow-pink-600
--tw-text-shadow-color var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
text-shadow-pink-700
--tw-text-shadow-color var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
text-shadow-pink-800
--tw-text-shadow-color var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
text-shadow-pink-900
--tw-text-shadow-color var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
text-shadow-pink-950
--tw-text-shadow-color var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
text-shadow-rose-50
--tw-text-shadow-color var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
text-shadow-rose-100
--tw-text-shadow-color var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
text-shadow-rose-200
--tw-text-shadow-color var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
text-shadow-rose-300
--tw-text-shadow-color var(--color-rose-300); /* oklch(81% 0.117 11.638) */
text-shadow-rose-400
--tw-text-shadow-color var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
text-shadow-rose-500
--tw-text-shadow-color var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
text-shadow-rose-600
--tw-text-shadow-color var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
text-shadow-rose-700
--tw-text-shadow-color var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
text-shadow-rose-800
--tw-text-shadow-color var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
text-shadow-rose-900
--tw-text-shadow-color var(--color-rose-900); /* oklch(41% 0.159 10.272) */
text-shadow-rose-950
--tw-text-shadow-color var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
text-shadow-slate-50
--tw-text-shadow-color var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
text-shadow-slate-100
--tw-text-shadow-color var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
text-shadow-slate-200
--tw-text-shadow-color var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
text-shadow-slate-300
--tw-text-shadow-color var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
text-shadow-slate-400
--tw-text-shadow-color var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
text-shadow-slate-500
--tw-text-shadow-color var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
text-shadow-slate-600
--tw-text-shadow-color var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
text-shadow-slate-700
--tw-text-shadow-color var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
text-shadow-slate-800
--tw-text-shadow-color var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
text-shadow-slate-900
--tw-text-shadow-color var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
text-shadow-slate-950
--tw-text-shadow-color var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
text-shadow-gray-50
--tw-text-shadow-color var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
text-shadow-gray-100
--tw-text-shadow-color var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
text-shadow-gray-200
--tw-text-shadow-color var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
text-shadow-gray-300
--tw-text-shadow-color var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
text-shadow-gray-400
--tw-text-shadow-color var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
text-shadow-gray-500
--tw-text-shadow-color var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
text-shadow-gray-600
--tw-text-shadow-color var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
text-shadow-gray-700
--tw-text-shadow-color var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
text-shadow-gray-800
--tw-text-shadow-color var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
text-shadow-gray-900
--tw-text-shadow-color var(--color-gray-900); /* oklch(21% 0.034 264.665) */
text-shadow-gray-950
--tw-text-shadow-color var(--color-gray-950); /* oklch(13% 0.028 261.692) */
text-shadow-zinc-50
--tw-text-shadow-color var(--color-zinc-50); /* oklch(98.5% 0 0) */
text-shadow-zinc-100
--tw-text-shadow-color var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
text-shadow-zinc-200
--tw-text-shadow-color var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
text-shadow-zinc-300
--tw-text-shadow-color var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
text-shadow-zinc-400
--tw-text-shadow-color var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
text-shadow-zinc-500
--tw-text-shadow-color var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
text-shadow-zinc-600
--tw-text-shadow-color var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
text-shadow-zinc-700
--tw-text-shadow-color var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
text-shadow-zinc-800
--tw-text-shadow-color var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
text-shadow-zinc-900
--tw-text-shadow-color var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
text-shadow-zinc-950
--tw-text-shadow-color var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
text-shadow-neutral-50
--tw-text-shadow-color var(--color-neutral-50); /* oklch(98.5% 0 0) */
text-shadow-neutral-100
--tw-text-shadow-color var(--color-neutral-100); /* oklch(97% 0 0) */
text-shadow-neutral-200
--tw-text-shadow-color var(--color-neutral-200); /* oklch(92.2% 0 0) */
text-shadow-neutral-300
--tw-text-shadow-color var(--color-neutral-300); /* oklch(87% 0 0) */
text-shadow-neutral-400
--tw-text-shadow-color var(--color-neutral-400); /* oklch(70.8% 0 0) */
text-shadow-neutral-500
--tw-text-shadow-color var(--color-neutral-500); /* oklch(55.6% 0 0) */
text-shadow-neutral-600
--tw-text-shadow-color var(--color-neutral-600); /* oklch(43.9% 0 0) */
text-shadow-neutral-700
--tw-text-shadow-color var(--color-neutral-700); /* oklch(37.1% 0 0) */
text-shadow-neutral-800
--tw-text-shadow-color var(--color-neutral-800); /* oklch(26.9% 0 0) */
text-shadow-neutral-900
--tw-text-shadow-color var(--color-neutral-900); /* oklch(20.5% 0 0) */
text-shadow-neutral-950
--tw-text-shadow-color var(--color-neutral-950); /* oklch(14.5% 0 0) */
text-shadow-stone-50
--tw-text-shadow-color var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
text-shadow-stone-100
--tw-text-shadow-color var(--color-stone-100); /* oklch(97% 0.001 106.424) */
text-shadow-stone-200
--tw-text-shadow-color var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
text-shadow-stone-300
--tw-text-shadow-color var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
text-shadow-stone-400
--tw-text-shadow-color var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
text-shadow-stone-500
--tw-text-shadow-color var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
text-shadow-stone-600
--tw-text-shadow-color var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
text-shadow-stone-700
--tw-text-shadow-color var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
text-shadow-stone-800
--tw-text-shadow-color var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
text-shadow-stone-900
--tw-text-shadow-color var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
text-shadow-stone-950
--tw-text-shadow-color var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */

opacity

Utilities for controlling the opacity of an element.

Class Styles
opacity-<number>
opacity: <number>%;
opacity-(<custom-property>)
opacity: var(<custom-property>);
opacity-[<value>]
opacity: <value>;

mix-blend-mode

Utilities for controlling how an element should blend with the background.

Class Styles
mix-blend-normal
mix-blend-mode: normal;
mix-blend-multiply
mix-blend-mode: multiply;
mix-blend-screen
mix-blend-mode: screen;
mix-blend-overlay
mix-blend-mode: overlay;
mix-blend-darken
mix-blend-mode: darken;
mix-blend-lighten
mix-blend-mode: lighten;
mix-blend-color-dodge
mix-blend-mode: color-dodge;
mix-blend-color-burn
mix-blend-mode: color-burn;
mix-blend-hard-light
mix-blend-mode: hard-light;
mix-blend-soft-light
mix-blend-mode: soft-light;
mix-blend-difference
mix-blend-mode: difference;
mix-blend-exclusion
mix-blend-mode: exclusion;
mix-blend-hue
mix-blend-mode: hue;
mix-blend-saturation
mix-blend-mode: saturation;
mix-blend-color
mix-blend-mode: color;
mix-blend-luminosity
mix-blend-mode: luminosity;
mix-blend-plus-darker
mix-blend-mode: plus-darker;
mix-blend-plus-lighter
mix-blend-mode: plus-lighter;

background-blend-mode

Utilities for controlling how an element's background image should blend with its background color.

Class Styles
bg-blend-normal
background-blend-mode: normal;
bg-blend-multiply
background-blend-mode: multiply;
bg-blend-screen
background-blend-mode: screen;
bg-blend-overlay
background-blend-mode: overlay;
bg-blend-darken
background-blend-mode: darken;
bg-blend-lighten
background-blend-mode: lighten;
bg-blend-color-dodge
background-blend-mode: color-dodge;
bg-blend-color-burn
background-blend-mode: color-burn;
bg-blend-hard-light
background-blend-mode: hard-light;
bg-blend-soft-light
background-blend-mode: soft-light;
bg-blend-difference
background-blend-mode: difference;
bg-blend-exclusion
background-blend-mode: exclusion;
bg-blend-hue
background-blend-mode: hue;
bg-blend-saturation
background-blend-mode: saturation;
bg-blend-color
background-blend-mode: color;
bg-blend-luminosity
background-blend-mode: luminosity;

mask-clip

Utilities for controlling the bounding box of an element's mask.

Class Styles
mask-clip-border
mask-clip: border-box;
mask-clip-padding
mask-clip: padding-box;
mask-clip-content
mask-clip: content-box;
mask-clip-fill
mask-clip: fill-box;
mask-clip-stroke
mask-clip: stroke-box;
mask-clip-view
mask-clip: view-box;
mask-no-clip
mask-clip: no-clip;

mask-composite

Utilities for controlling how multiple masks are combined together.

Class Styles
mask-add
mask-composite: add;
mask-subtract
mask-composite: subtract;
mask-intersect
mask-composite: intersect;
mask-exclude
mask-composite: exclude;

mask-image

Utilities for controlling an element's mask image.

Class Styles
mask-[<value>]
mask-image: <value>;
mask-(<custom-property>)
mask-image: var(<custom-property>);
mask-none
mask-image: none;
mask-linear-<number>
mask-image: linear-gradient(<number>deg, black var(--tw-mask-linear-from)), transparent var(--tw-mask-linear-to));
-mask-linear-<number>
mask-image: linear-gradient(calc(<number>deg * -1), black var(--tw-mask-linear-from)), transparent var(--tw-mask-linear-to));
mask-linear-from-<number>
mask-image: linear-gradient(var(--tw-mask-linear-position), black calc(var(--spacing * <number>)), transparent var(--tw-mask-linear-to));
mask-linear-from-<percentage>
mask-image: linear-gradient(var(--tw-mask-linear-position), black <percentage>, transparent var(--tw-mask-linear-to));
mask-linear-from-<color>
mask-image: linear-gradient(var(--tw-mask-linear-position), <color> var(--tw-mask-linear-from), transparent var(--tw-mask-linear-to));
mask-linear-from-(<custom-property>)
mask-image: linear-gradient(var(--tw-mask-linear-position), black <custom-property>, transparent var(--tw-mask-linear-to));
mask-linear-from-[<value>]
mask-image: linear-gradient(var(--tw-mask-linear-position), black <value>, transparent var(--tw-mask-linear-to));
mask-linear-to-<number>
mask-image: linear-gradient(var(--tw-mask-linear-position), black var(--tw-mask-linear-from), transparent calc(var(--spacing * <number>)));
mask-linear-to-<percentage>
mask-image: linear-gradient(var(--tw-mask-linear-position), black var(--tw-mask-linear-from), transparent <percentage>);
mask-linear-to-<color>
mask-image: linear-gradient(var(--tw-mask-linear-position), black var(--tw-mask-linear-from), <color> var(--tw-mask-linear-to));
mask-linear-to-(<custom-property>)
mask-image: linear-gradient(var(--tw-mask-linear-position), black var(--tw-mask-linear-from), transparent var(<custom-property>));
mask-linear-to-[<value>]
mask-image: linear-gradient(var(--tw-mask-linear-position), black var(--tw-mask-linear-from), transparent <value>);
mask-t-from-<number>
mask-image: linear-gradient(to top, black calc(var(--spacing * <number>)), transparent var(--tw-mask-top-to));
mask-t-from-<percentage>
mask-image: linear-gradient(to top, black <percentage>, transparent var(--tw-mask-top-to));
mask-t-from-<color>
mask-image: linear-gradient(to top, <color> var(--tw-mask-top-from), transparent var(--tw-mask-top-to));
mask-t-from-(<custom-property>)
mask-image: linear-gradient(to top, black var(<custom-property>), transparent var(--tw-mask-top-to));
mask-t-from-[<value>]
mask-image: linear-gradient(to top, black <value>, transparent var(--tw-mask-top-to));
mask-t-to-<number>
mask-image: linear-gradient(to top, black var(--tw-mask-top-from), transparent calc(var(--spacing * <number>));
mask-t-to-<percentage>
mask-image: linear-gradient(to top, black var(--tw-mask-top-from), transparent <percentage>);
mask-t-to-<color>
mask-image: linear-gradient(to top, black var(--tw-mask-top-from), <color> var(--tw-mask-top-to));
mask-t-to-(<custom-property>)
mask-image: linear-gradient(to top, black var(--tw-mask-top-from), transparent var(<custom-property>));
mask-t-to-[<value>]
mask-image: linear-gradient(to top, black var(--tw-mask-top-from), transparent <value>);
mask-r-from-<number>
mask-image: linear-gradient(to right, black calc(var(--spacing * <number>)), transparent var(--tw-mask-right-to));
mask-r-from-<percentage>
mask-image: linear-gradient(to right, black <percentage>, transparent var(--tw-mask-right-to));
mask-r-from-<color>
mask-image: linear-gradient(to right, <color> var(--tw-mask-right-from), transparent var(--tw-mask-right-to));
mask-r-from-(<custom-property>)
mask-image: linear-gradient(to right, black var(<custom-property>), transparent var(--tw-mask-right-to));
mask-r-from-[<value>]
mask-image: linear-gradient(to right, black <value>, transparent var(--tw-mask-right-to));
mask-r-to-<number>
mask-image: linear-gradient(to right, black var(--tw-mask-right-from), transparent calc(var(--spacing * <number>));
mask-r-to-<percentage>
mask-image: linear-gradient(to right, black var(--tw-mask-right-from), transparent <percentage>);
mask-r-to-<color>
mask-image: linear-gradient(to right, black var(--tw-mask-right-from), <color> var(--tw-mask-right-to));
mask-r-to-(<custom-property>)
mask-image: linear-gradient(to right, black var(--tw-mask-right-from), transparent var(<custom-property>));
mask-r-to-[<value>]
mask-image: linear-gradient(to right, black var(--tw-mask-right-from), transparent <value>);
mask-b-from-<number>
mask-image: linear-gradient(to bottom, black calc(var(--spacing * <number>)), transparent var(--tw-mask-bottom-to));
mask-b-from-<percentage>
mask-image: linear-gradient(to bottom, black <percentage>, transparent var(--tw-mask-bottom-to));
mask-b-from-<color>
mask-image: linear-gradient(to bottom, <color> var(--tw-mask-bottom-from), transparent var(--tw-mask-bottom-to));
mask-b-from-(<custom-property>)
mask-image: linear-gradient(to bottom, black var(<custom-property>), transparent var(--tw-mask-bottom-to));
mask-b-from-[<value>]
mask-image: linear-gradient(to bottom, black <value>, transparent var(--tw-mask-bottom-to));
mask-b-to-<number>
mask-image: linear-gradient(to bottom, black var(--tw-mask-bottom-from), transparent calc(var(--spacing * <number>));
mask-b-to-<percentage>
mask-image: linear-gradient(to bottom, black var(--tw-mask-bottom-from), transparent <percentage>);
mask-b-to-<color>
mask-image: linear-gradient(to bottom, black var(--tw-mask-bottom-from), <color> var(--tw-mask-bottom-to));
mask-b-to-(<custom-property>)
mask-image: linear-gradient(to bottom, black var(--tw-mask-bottom-from), transparent var(<custom-property>));
mask-b-to-[<value>]
mask-image: linear-gradient(to bottom, black var(--tw-mask-bottom-from), transparent <value>);
mask-l-from-<number>
mask-image: linear-gradient(to left, black calc(var(--spacing * <number>)), transparent var(--tw-mask-left-to));
mask-l-from-<percentage>
mask-image: linear-gradient(to left, black <percentage>, transparent var(--tw-mask-left-to));
mask-l-from-<color>
mask-image: linear-gradient(to left, <color> var(--tw-mask-left-from), transparent var(--tw-mask-left-to));
mask-l-from-(<custom-property>)
mask-image: linear-gradient(to left, black var(<custom-property>), transparent var(--tw-mask-left-to));
mask-l-from-[<value>]
mask-image: linear-gradient(to left, black <value>, transparent var(--tw-mask-left-to));
mask-l-to-<number>
mask-image: linear-gradient(to left, black var(--tw-mask-left-from), transparent calc(var(--spacing * <number>));
mask-l-to-<percentage>
mask-image: linear-gradient(to bottom, black var(--tw-mask-left-from), transparent <percentage>);
mask-l-to-<color>
mask-image: linear-gradient(to bottom, black var(--tw-mask-left-from), <color> var(--tw-mask-left-to));
mask-l-to-(<custom-property>)
mask-image: linear-gradient(to left, black var(--tw-mask-left-from), transparent var(<custom-property>));
mask-l-to-[<value>]
mask-image: linear-gradient(to left, black var(--tw-mask-left-from), transparent <value>);
mask-y-from-<number>
mask-image: linear-gradient(to top, black calc(var(--spacing * <number>)), transparent var(--tw-mask-top-to)), linear-gradient(to bottom, black calc(var(--spacing * <number>)), transparent var(--tw-mask-bottom-to)); mask-composite: intersect;
mask-y-from-<percentage>
mask-image: linear-gradient(to top, black <percentage>, transparent var(--tw-mask-top-to)), linear-gradient(to bottom, black <percentage>, transparent var(--tw-mask-bottom-to)); mask-composite: intersect;
mask-y-from-<color>
mask-image: linear-gradient(to top, <color> var(--tw-mask-top-from), transparent var(--tw-mask-top-to)), linear-gradient(to bottom, <color> var(--tw-mask-bottom-from), transparent var(--tw-mask-bottom-to)); mask-composite: intersect;
mask-y-from-(<custom-property>)
mask-image: linear-gradient(to top, black var(<custom-property>), transparent var(--tw-mask-top-to)), linear-gradient(to bottom, black var(<custom-property>), transparent var(--tw-mask-bottom-to)); mask-composite: intersect;
mask-y-from-[<value>]
mask-image: linear-gradient(to top, black <value>, transparent var(--tw-mask-top-to)), linear-gradient(to bottom, black <value>, transparent var(--tw-mask-bottom-to)); mask-composite: intersect;
mask-y-to-<number>
mask-image: linear-gradient(to top, black var(--tw-mask-top-from), transparent calc(var(--spacing * <number>)), linear-gradient(to bottom, black var(--tw-mask-bottom-from), transparent calc(var(--spacing * <number>)); mask-composite: intersect;
mask-y-to-<percentage>
mask-image: linear-gradient(to bottom, black var(--tw-mask-top-from), transparent <percentage>), linear-gradient(to bottom, black var(--tw-mask-bottom-from), transparent <percentage>); mask-composite: intersect;
mask-y-to-<color>
mask-image: linear-gradient(to bottom, black var(--tw-mask-top-from), <color> var(--tw-mask-top-to)), linear-gradient(to bottom, black var(--tw-mask-bottom-from), <color> var(--tw-mask-bottom-to)); mask-composite: intersect;
mask-y-to-(<custom-property>)
mask-image: linear-gradient(to top, black var(--tw-mask-top-from), transparent var(<custom-property>)),linear-gradient(to bottom, black var(--tw-mask-bottom-from), transparent var(<custom-property>)); mask-composite: intersect;
mask-y-to-[<value>]
mask-image: linear-gradient(to top, black var(--tw-mask-top-from), transparent <value>),linear-gradient(to bottom, black var(--tw-mask-bottom-from), transparent <value>); mask-composite: intersect;
mask-x-from-<number>
mask-image: linear-gradient(to right, black calc(var(--spacing * <number>)), transparent var(--tw-mask-right-to)), linear-gradient(to left, black calc(var(--spacing * <number>)), transparent var(--tw-mask-left-to)); mask-composite: intersect;
mask-x-from-<percentage>
mask-image: linear-gradient(to right, black <percentage>, transparent var(--tw-mask-right-to)), linear-gradient(to left, black <percentage>, transparent var(--tw-mask-left-to)); mask-composite: intersect;
mask-x-from-<color>
mask-image: linear-gradient(to right, <color> var(--tw-mask-right-from), transparent var(--tw-mask-right-to)), linear-gradient(to left, <color> var(--tw-mask-left-from), transparent var(--tw-mask-left-to)); mask-composite: intersect;
mask-x-from-(<custom-property>)
mask-image: linear-gradient(to right, black var(<custom-property>), transparent var(--tw-mask-right-to)), linear-gradient(to left, black var(<custom-property>), transparent var(--tw-mask-left-to)); mask-composite: intersect;
mask-x-from-[<value>]
mask-image: linear-gradient(to right, black <value>, transparent var(--tw-mask-right-to)), linear-gradient(to left, black <value>, transparent var(--tw-mask-left-to)); mask-composite: intersect;
mask-x-to-<number>
mask-image: linear-gradient(to right, black var(--tw-mask-right-from), transparent calc(var(--spacing * <number>)), linear-gradient(to left, black var(--tw-mask-left-from), transparent calc(var(--spacing * <number>)); mask-composite: intersect;
mask-x-to-<percentage>
mask-image: linear-gradient(to left, black var(--tw-mask-right-from), transparent <percentage>), linear-gradient(to left, black var(--tw-mask-left-from), transparent <percentage>); mask-composite: intersect;
mask-x-to-<color>
mask-image: linear-gradient(to left, black var(--tw-mask-right-from), <color> var(--tw-mask-right-to)), linear-gradient(to left, black var(--tw-mask-left-from), <color> var(--tw-mask-left-to)); mask-composite: intersect;
mask-x-to-(<custom-property>)
mask-image: linear-gradient(to right, black var(--tw-mask-right-from), transparent var(<custom-property>)),linear-gradient(to left, black var(--tw-mask-left-from), transparent var(<custom-property>)); mask-composite: intersect;
mask-x-to-[<value>]
mask-image: linear-gradient(to right, black var(--tw-mask-right-from), transparent <value>),linear-gradient(to left, black var(--tw-mask-left-from), transparent <value>); mask-composite: intersect;
mask-radial-[<value>]
mask-image: radial-gradient(<value>);
mask-radial-[<size>]
--tw-mask-radial-size: <size>;
mask-radial-[<size>_<size>]
--tw-mask-radial-size: <size> <size>;
mask-radial-from-<number>
mask-image: radial-gradient(var(--tw-mask-radial-shape) var(--tw-mask-radial-size) at var(--tw-mask-radial-position), black calc(var(--spacing * <number>)), transparent var(--tw-mask-radial-to));
mask-radial-from-<percentage>
mask-image: radial-gradient(var(--tw-mask-radial-shape) var(--tw-mask-radial-size) at var(--tw-mask-radial-position), black <percentage>, transparent var(--tw-mask-radial-to));
mask-radial-from-<color>
mask-image: radial-gradient(var(--tw-mask-radial-shape) var(--tw-mask-radial-size) at var(--tw-mask-radial-position), <color> var(--tw-mask-radial-from), transparent var(--tw-mask-radial-to));
mask-radial-from-(<custom-property>)
mask-image: radial-gradient(var(--tw-mask-radial-shape) var(--tw-mask-radial-size) at var(--tw-mask-radial-position), black var(<custom-property>), transparent var(--tw-mask-radial-to));
mask-radial-from-[<value>]
mask-image: radial-gradient(var(--tw-mask-radial-shape) var(--tw-mask-radial-size) at var(--tw-mask-radial-position), black <value>, transparent var(--tw-mask-radial-to));
mask-radial-to-<number>
mask-image: radial-gradient(var(--tw-mask-radial-shape) var(--tw-mask-radial-size) at var(--tw-mask-radial-position), black var(--tw-mask-radial-from), transparent calc(var(--spacing * <number>)));
mask-radial-to-<percentage>
mask-image: radial-gradient(var(--tw-mask-radial-shape) var(--tw-mask-radial-size) at var(--tw-mask-radial-position), black var(--tw-mask-radial-from), transparent <percentage>);
mask-radial-to-<color>
mask-image: radial-gradient(var(--tw-mask-radial-shape) var(--tw-mask-radial-size) at var(--tw-mask-radial-position), black var(--tw-mask-radial-from), <color> var(--tw-mask-radial-to));
mask-radial-to-(<custom-property>)
mask-image: radial-gradient(var(--tw-mask-radial-shape) var(--tw-mask-radial-size) at var(--tw-mask-radial-position), black var(--tw-mask-radial-from), transparent var(<custom-property>));
mask-radial-to-[<value>]
mask-image: radial-gradient(var(--tw-mask-radial-shape) var(--tw-mask-radial-size) at var(--tw-mask-radial-position), black var(--tw-mask-radial-from), transparent <value>);
mask-radial-circle
--tw-mask-radial-shape: circle;
mask-radial-ellipse
--tw-mask-radial-shape: ellipse;
mask-radial-closest-corner
--tw-mask-radial-size: closest-corner;
mask-radial-closest-side
--tw-mask-radial-size: closest-side;
mask-radial-farthest-corner
--tw-mask-radial-size: farthest-corner;
mask-radial-farthest-side
--tw-mask-radial-size: farthest-side;
mask-radial-at-top-left
--tw-mask-radial-position: top left;
mask-radial-at-top
--tw-mask-radial-position: top;
mask-radial-at-top-right
--tw-mask-radial-position: top right;
mask-radial-at-left
--tw-mask-radial-position: left;
mask-radial-at-center
--tw-mask-radial-position:center;
mask-radial-at-right
--tw-mask-radial-position: right;
mask-radial-at-bottom-left
--tw-mask-radial-position: bottom left;
mask-radial-at-bottom
--tw-mask-radial-position: bottom;
mask-radial-at-bottom-right
--tw-mask-radial-position: bottom right;
mask-conic-<number>
mask-image: conic-gradient(from <number>deg, black var(--tw-mask-conic-from), transparent var(--tw-mask-conic-to));
-mask-conic-<number>
mask-image: conic-gradient(from calc(<number>deg * -1), black var(--tw-mask-conic-from), transparent var(--tw-mask-conic-to));
mask-conic-from-<number>
mask-image: conic-gradient(from var(--tw-mask-conic-position), black calc(var(--spacing * <number>)), transparent var(--tw-mask-conic-to));
mask-conic-from-<percentage>
mask-image: conic-gradient(from var(--tw-mask-conic-position), black <percentage>, transparent var(--tw-mask-conic-to));
mask-conic-from-<color>
mask-image: conic-gradient(from var(--tw-mask-conic-position), <color> var(--tw-mask-conic-from), transparent var(--tw-mask-conic-to));
mask-conic-from-(<custom-property>)
mask-image: conic-gradient(from var(--tw-mask-conic-position), black var(<custom-property>), transparent var(--tw-mask-conic-to));
mask-conic-from-[<value>]
mask-image: conic-gradient(from var(--tw-mask-conic-position), black <value>, transparent var(--tw-mask-conic-to));
mask-conic-to-<number>
mask-image: conic-gradient(from var(--tw-mask-conic-position), black var(--tw-mask-conic-from), transparent calc(var(--spacing * <number>));
mask-conic-to-<percentage>
mask-image: conic-gradient(from var(--tw-mask-conic-position), black var(--tw-mask-conic-from), transparent <percentage>);
mask-conic-to-<color>
mask-image: conic-gradient(from var(--tw-mask-conic-position), black var(--tw-mask-conic-from), <color> var(--tw-mask-conic-to);
mask-conic-to-(<custom-property>)
mask-image: conic-gradient(from var(--tw-mask-conic-position), black var(--tw-mask-conic-from), transparent var(<custom-property>);
mask-conic-to-[<value>]
mask-image: conic-gradient(from var(--tw-mask-conic-position), black var(--tw-mask-conic-from), transparent <value>);

mask-mode

Utilities for controlling an element's mask mode.

Class Styles
mask-alpha
mask-mode: alpha;
mask-luminance
mask-mode: luminance;
mask-match
mask-mode: match-source;

mask-origin

Utilities for controlling how an element's mask image is positioned relative to borders, padding, and content.

Class Styles
mask-origin-border
mask-origin: border-box;
mask-origin-padding
mask-origin: padding-box;
mask-origin-content
mask-origin: content-box;
mask-origin-fill
mask-origin: fill-box;
mask-origin-stroke
mask-origin: stroke-box;
mask-origin-view
mask-origin: view-box;

mask-position

Utilities for controlling the position of an element's mask image.

Class Styles
mask-top-left
mask-position: top left;
mask-top
mask-position: top;
mask-top-right
mask-position: top right;
mask-left
mask-position: left;
mask-center
mask-position: center;
mask-right
mask-position: right;
mask-bottom-left
mask-position: bottom left;
mask-bottom
mask-position: bottom;
mask-bottom-right
mask-position: bottom right;
mask-position-(<custom-property>)
mask-position: var(<custom-property>);
mask-position-[<value>]
mask-position: <value>;

mask-repeat

Utilities for controlling the repetition of an element's mask image.

Class Styles
mask-repeat
mask-repeat: repeat;
mask-no-repeat
mask-repeat: no-repeat;
mask-repeat-x
mask-repeat: repeat-x;
mask-repeat-y
mask-repeat: repeat-y;
mask-repeat-space
mask-repeat: space;
mask-repeat-round
mask-repeat: round;

mask-size

Utilities for controlling the size of an element's mask image.

Class Styles
mask-auto
mask-size: auto;
mask-cover
mask-size: cover;
mask-contain
mask-size: contain;
mask-size-(<custom-property>)
mask-size: var(<custom-property>);
mask-size-[<value>]
mask-size: <value>;

mask-type

Utilities for controlling how an SVG mask is interpreted.

Class Styles
mask-type-alpha
mask-type: alpha;
mask-type-luminance
mask-type: luminance;

filter

Utilities for applying filters to an element.

Class Styles
filter-none
filter: none;
filter-(<custom-property>)
filter: var(<custom-property>);
filter-[<value>]
filter: <value>;

filter: blur()

Utilities for applying blur filters to an element.

Class Styles
blur-xs
filter: blur(var(--blur-xs)); /* 4px */
blur-sm
filter: blur(var(--blur-sm)); /* 8px */
blur-md
filter: blur(var(--blur-md)); /* 12px */
blur-lg
filter: blur(var(--blur-lg)); /* 16px */
blur-xl
filter: blur(var(--blur-xl)); /* 24px */
blur-2xl
filter: blur(var(--blur-2xl)); /* 40px */
blur-3xl
filter: blur(var(--blur-3xl)); /* 64px */
blur-none
filter: ;
blur-(<custom-property>)
filter: blur(var(<custom-property>));
blur-[<value>]
filter: blur(<value>);

filter: brightness()

Utilities for applying brightness filters to an element.

Class Styles
brightness-<number>
filter: brightness(<number>%);
brightness-(<custom-property>)
filter: brightness(var(<custom-property>));
brightness-[<value>]
filter: brightness(<value>);

filter: contrast()

Utilities for applying contrast filters to an element.

Class Styles
contrast-<number>
filter: contrast(<number>%);
contrast-(<custom-property>)
filter: contrast(var(<custom-property>));
contrast-[<value>]
filter: contrast(<value>);

filter: drop-shadow()

Utilities for applying drop-shadow filters to an element.

Class Styles
drop-shadow-xs
filter: drop-shadow(var(--drop-shadow-xs)); /* 0 1px 1px rgb(0 0 0 / 0.05) */
drop-shadow-sm
filter: drop-shadow(var(--drop-shadow-sm)); /* 0 1px 2px rgb(0 0 0 / 0.15) */
drop-shadow-md
filter: drop-shadow(var(--drop-shadow-md)); /* 0 3px 3px rgb(0 0 0 / 0.12) */
drop-shadow-lg
filter: drop-shadow(var(--drop-shadow-lg)); /* 0 4px 4px rgb(0 0 0 / 0.15) */
drop-shadow-xl
filter: drop-shadow(var(--drop-shadow-xl); /* 0 9px 7px rgb(0 0 0 / 0.1) */
drop-shadow-2xl
filter: drop-shadow(var(--drop-shadow-2xl)); /* 0 25px 25px rgb(0 0 0 / 0.15) */
drop-shadow-none
filter: drop-shadow(0 0 #0000);
drop-shadow-(<custom-property>)
filter: drop-shadow(var(<custom-property>));
drop-shadow-(color:<custom-property>)
--tw-drop-shadow-color: var(<custom-property>);
drop-shadow-[<value>]
filter: drop-shadow(<value>);
drop-shadow-inherit
--tw-drop-shadow-color: inherit;
drop-shadow-current
--tw-drop-shadow-color: currentColor;
drop-shadow-transparent
--tw-drop-shadow-color: transparent;
drop-shadow-black
--tw-drop-shadow-color: var(--color-black); /* #000 */
drop-shadow-white
--tw-drop-shadow-color: var(--color-white); /* #fff */
drop-shadow-red-50
--tw-drop-shadow-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
drop-shadow-red-100
--tw-drop-shadow-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
drop-shadow-red-200
--tw-drop-shadow-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
drop-shadow-red-300
--tw-drop-shadow-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
drop-shadow-red-400
--tw-drop-shadow-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
drop-shadow-red-500
--tw-drop-shadow-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
drop-shadow-red-600
--tw-drop-shadow-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
drop-shadow-red-700
--tw-drop-shadow-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
drop-shadow-red-800
--tw-drop-shadow-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
drop-shadow-red-900
--tw-drop-shadow-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
drop-shadow-red-950
--tw-drop-shadow-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
drop-shadow-orange-50
--tw-drop-shadow-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
drop-shadow-orange-100
--tw-drop-shadow-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
drop-shadow-orange-200
--tw-drop-shadow-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
drop-shadow-orange-300
--tw-drop-shadow-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
drop-shadow-orange-400
--tw-drop-shadow-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
drop-shadow-orange-500
--tw-drop-shadow-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
drop-shadow-orange-600
--tw-drop-shadow-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
drop-shadow-orange-700
--tw-drop-shadow-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
drop-shadow-orange-800
--tw-drop-shadow-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
drop-shadow-orange-900
--tw-drop-shadow-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
drop-shadow-orange-950
--tw-drop-shadow-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
drop-shadow-amber-50
--tw-drop-shadow-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
drop-shadow-amber-100
--tw-drop-shadow-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
drop-shadow-amber-200
--tw-drop-shadow-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
drop-shadow-amber-300
--tw-drop-shadow-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
drop-shadow-amber-400
--tw-drop-shadow-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
drop-shadow-amber-500
--tw-drop-shadow-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
drop-shadow-amber-600
--tw-drop-shadow-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
drop-shadow-amber-700
--tw-drop-shadow-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
drop-shadow-amber-800
--tw-drop-shadow-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
drop-shadow-amber-900
--tw-drop-shadow-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
drop-shadow-amber-950
--tw-drop-shadow-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
drop-shadow-yellow-50
--tw-drop-shadow-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
drop-shadow-yellow-100
--tw-drop-shadow-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
drop-shadow-yellow-200
--tw-drop-shadow-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
drop-shadow-yellow-300
--tw-drop-shadow-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
drop-shadow-yellow-400
--tw-drop-shadow-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
drop-shadow-yellow-500
--tw-drop-shadow-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
drop-shadow-yellow-600
--tw-drop-shadow-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
drop-shadow-yellow-700
--tw-drop-shadow-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
drop-shadow-yellow-800
--tw-drop-shadow-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
drop-shadow-yellow-900
--tw-drop-shadow-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
drop-shadow-yellow-950
--tw-drop-shadow-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
drop-shadow-lime-50
--tw-drop-shadow-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
drop-shadow-lime-100
--tw-drop-shadow-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
drop-shadow-lime-200
--tw-drop-shadow-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
drop-shadow-lime-300
--tw-drop-shadow-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
drop-shadow-lime-400
--tw-drop-shadow-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
drop-shadow-lime-500
--tw-drop-shadow-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
drop-shadow-lime-600
--tw-drop-shadow-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
drop-shadow-lime-700
--tw-drop-shadow-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
drop-shadow-lime-800
--tw-drop-shadow-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
drop-shadow-lime-900
--tw-drop-shadow-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
drop-shadow-lime-950
--tw-drop-shadow-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
drop-shadow-green-50
--tw-drop-shadow-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
drop-shadow-green-100
--tw-drop-shadow-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
drop-shadow-green-200
--tw-drop-shadow-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
drop-shadow-green-300
--tw-drop-shadow-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
drop-shadow-green-400
--tw-drop-shadow-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
drop-shadow-green-500
--tw-drop-shadow-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
drop-shadow-green-600
--tw-drop-shadow-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
drop-shadow-green-700
--tw-drop-shadow-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
drop-shadow-green-800
--tw-drop-shadow-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
drop-shadow-green-900
--tw-drop-shadow-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
drop-shadow-green-950
--tw-drop-shadow-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
drop-shadow-emerald-50
--tw-drop-shadow-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
drop-shadow-emerald-100
--tw-drop-shadow-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
drop-shadow-emerald-200
--tw-drop-shadow-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
drop-shadow-emerald-300
--tw-drop-shadow-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
drop-shadow-emerald-400
--tw-drop-shadow-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
drop-shadow-emerald-500
--tw-drop-shadow-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
drop-shadow-emerald-600
--tw-drop-shadow-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
drop-shadow-emerald-700
--tw-drop-shadow-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
drop-shadow-emerald-800
--tw-drop-shadow-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
drop-shadow-emerald-900
--tw-drop-shadow-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
drop-shadow-emerald-950
--tw-drop-shadow-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
drop-shadow-teal-50
--tw-drop-shadow-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
drop-shadow-teal-100
--tw-drop-shadow-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
drop-shadow-teal-200
--tw-drop-shadow-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
drop-shadow-teal-300
--tw-drop-shadow-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
drop-shadow-teal-400
--tw-drop-shadow-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
drop-shadow-teal-500
--tw-drop-shadow-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
drop-shadow-teal-600
--tw-drop-shadow-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
drop-shadow-teal-700
--tw-drop-shadow-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
drop-shadow-teal-800
--tw-drop-shadow-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
drop-shadow-teal-900
--tw-drop-shadow-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
drop-shadow-teal-950
--tw-drop-shadow-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
drop-shadow-cyan-50
--tw-drop-shadow-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
drop-shadow-cyan-100
--tw-drop-shadow-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
drop-shadow-cyan-200
--tw-drop-shadow-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
drop-shadow-cyan-300
--tw-drop-shadow-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
drop-shadow-cyan-400
--tw-drop-shadow-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
drop-shadow-cyan-500
--tw-drop-shadow-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
drop-shadow-cyan-600
--tw-drop-shadow-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
drop-shadow-cyan-700
--tw-drop-shadow-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
drop-shadow-cyan-800
--tw-drop-shadow-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
drop-shadow-cyan-900
--tw-drop-shadow-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
drop-shadow-cyan-950
--tw-drop-shadow-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
drop-shadow-sky-50
--tw-drop-shadow-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
drop-shadow-sky-100
--tw-drop-shadow-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
drop-shadow-sky-200
--tw-drop-shadow-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
drop-shadow-sky-300
--tw-drop-shadow-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
drop-shadow-sky-400
--tw-drop-shadow-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
drop-shadow-sky-500
--tw-drop-shadow-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
drop-shadow-sky-600
--tw-drop-shadow-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
drop-shadow-sky-700
--tw-drop-shadow-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
drop-shadow-sky-800
--tw-drop-shadow-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
drop-shadow-sky-900
--tw-drop-shadow-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
drop-shadow-sky-950
--tw-drop-shadow-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
drop-shadow-blue-50
--tw-drop-shadow-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
drop-shadow-blue-100
--tw-drop-shadow-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
drop-shadow-blue-200
--tw-drop-shadow-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
drop-shadow-blue-300
--tw-drop-shadow-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
drop-shadow-blue-400
--tw-drop-shadow-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
drop-shadow-blue-500
--tw-drop-shadow-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
drop-shadow-blue-600
--tw-drop-shadow-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
drop-shadow-blue-700
--tw-drop-shadow-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
drop-shadow-blue-800
--tw-drop-shadow-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
drop-shadow-blue-900
--tw-drop-shadow-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
drop-shadow-blue-950
--tw-drop-shadow-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
drop-shadow-indigo-50
--tw-drop-shadow-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
drop-shadow-indigo-100
--tw-drop-shadow-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
drop-shadow-indigo-200
--tw-drop-shadow-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
drop-shadow-indigo-300
--tw-drop-shadow-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
drop-shadow-indigo-400
--tw-drop-shadow-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
drop-shadow-indigo-500
--tw-drop-shadow-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
drop-shadow-indigo-600
--tw-drop-shadow-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
drop-shadow-indigo-700
--tw-drop-shadow-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
drop-shadow-indigo-800
--tw-drop-shadow-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
drop-shadow-indigo-900
--tw-drop-shadow-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
drop-shadow-indigo-950
--tw-drop-shadow-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
drop-shadow-violet-50
--tw-drop-shadow-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
drop-shadow-violet-100
--tw-drop-shadow-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
drop-shadow-violet-200
--tw-drop-shadow-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
drop-shadow-violet-300
--tw-drop-shadow-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
drop-shadow-violet-400
--tw-drop-shadow-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
drop-shadow-violet-500
--tw-drop-shadow-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
drop-shadow-violet-600
--tw-drop-shadow-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
drop-shadow-violet-700
--tw-drop-shadow-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
drop-shadow-violet-800
--tw-drop-shadow-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
drop-shadow-violet-900
--tw-drop-shadow-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
drop-shadow-violet-950
--tw-drop-shadow-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
drop-shadow-purple-50
--tw-drop-shadow-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
drop-shadow-purple-100
--tw-drop-shadow-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
drop-shadow-purple-200
--tw-drop-shadow-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
drop-shadow-purple-300
--tw-drop-shadow-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
drop-shadow-purple-400
--tw-drop-shadow-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
drop-shadow-purple-500
--tw-drop-shadow-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
drop-shadow-purple-600
--tw-drop-shadow-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
drop-shadow-purple-700
--tw-drop-shadow-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
drop-shadow-purple-800
--tw-drop-shadow-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
drop-shadow-purple-900
--tw-drop-shadow-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
drop-shadow-purple-950
--tw-drop-shadow-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
drop-shadow-fuchsia-50
--tw-drop-shadow-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
drop-shadow-fuchsia-100
--tw-drop-shadow-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
drop-shadow-fuchsia-200
--tw-drop-shadow-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
drop-shadow-fuchsia-300
--tw-drop-shadow-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
drop-shadow-fuchsia-400
--tw-drop-shadow-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
drop-shadow-fuchsia-500
--tw-drop-shadow-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
drop-shadow-fuchsia-600
--tw-drop-shadow-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
drop-shadow-fuchsia-700
--tw-drop-shadow-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
drop-shadow-fuchsia-800
--tw-drop-shadow-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
drop-shadow-fuchsia-900
--tw-drop-shadow-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
drop-shadow-fuchsia-950
--tw-drop-shadow-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
drop-shadow-pink-50
--tw-drop-shadow-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
drop-shadow-pink-100
--tw-drop-shadow-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
drop-shadow-pink-200
--tw-drop-shadow-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
drop-shadow-pink-300
--tw-drop-shadow-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
drop-shadow-pink-400
--tw-drop-shadow-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
drop-shadow-pink-500
--tw-drop-shadow-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
drop-shadow-pink-600
--tw-drop-shadow-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
drop-shadow-pink-700
--tw-drop-shadow-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
drop-shadow-pink-800
--tw-drop-shadow-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
drop-shadow-pink-900
--tw-drop-shadow-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
drop-shadow-pink-950
--tw-drop-shadow-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
drop-shadow-rose-50
--tw-drop-shadow-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
drop-shadow-rose-100
--tw-drop-shadow-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
drop-shadow-rose-200
--tw-drop-shadow-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
drop-shadow-rose-300
--tw-drop-shadow-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
drop-shadow-rose-400
--tw-drop-shadow-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
drop-shadow-rose-500
--tw-drop-shadow-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
drop-shadow-rose-600
--tw-drop-shadow-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
drop-shadow-rose-700
--tw-drop-shadow-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
drop-shadow-rose-800
--tw-drop-shadow-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
drop-shadow-rose-900
--tw-drop-shadow-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
drop-shadow-rose-950
--tw-drop-shadow-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
drop-shadow-slate-50
--tw-drop-shadow-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
drop-shadow-slate-100
--tw-drop-shadow-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
drop-shadow-slate-200
--tw-drop-shadow-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
drop-shadow-slate-300
--tw-drop-shadow-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
drop-shadow-slate-400
--tw-drop-shadow-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
drop-shadow-slate-500
--tw-drop-shadow-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
drop-shadow-slate-600
--tw-drop-shadow-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
drop-shadow-slate-700
--tw-drop-shadow-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
drop-shadow-slate-800
--tw-drop-shadow-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
drop-shadow-slate-900
--tw-drop-shadow-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
drop-shadow-slate-950
--tw-drop-shadow-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
drop-shadow-gray-50
--tw-drop-shadow-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
drop-shadow-gray-100
--tw-drop-shadow-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
drop-shadow-gray-200
--tw-drop-shadow-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
drop-shadow-gray-300
--tw-drop-shadow-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
drop-shadow-gray-400
--tw-drop-shadow-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
drop-shadow-gray-500
--tw-drop-shadow-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
drop-shadow-gray-600
--tw-drop-shadow-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
drop-shadow-gray-700
--tw-drop-shadow-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
drop-shadow-gray-800
--tw-drop-shadow-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
drop-shadow-gray-900
--tw-drop-shadow-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
drop-shadow-gray-950
--tw-drop-shadow-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
drop-shadow-zinc-50
--tw-drop-shadow-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
drop-shadow-zinc-100
--tw-drop-shadow-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
drop-shadow-zinc-200
--tw-drop-shadow-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
drop-shadow-zinc-300
--tw-drop-shadow-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
drop-shadow-zinc-400
--tw-drop-shadow-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
drop-shadow-zinc-500
--tw-drop-shadow-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
drop-shadow-zinc-600
--tw-drop-shadow-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
drop-shadow-zinc-700
--tw-drop-shadow-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
drop-shadow-zinc-800
--tw-drop-shadow-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
drop-shadow-zinc-900
--tw-drop-shadow-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
drop-shadow-zinc-950
--tw-drop-shadow-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
drop-shadow-neutral-50
--tw-drop-shadow-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
drop-shadow-neutral-100
--tw-drop-shadow-color: var(--color-neutral-100); /* oklch(97% 0 0) */
drop-shadow-neutral-200
--tw-drop-shadow-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
drop-shadow-neutral-300
--tw-drop-shadow-color: var(--color-neutral-300); /* oklch(87% 0 0) */
drop-shadow-neutral-400
--tw-drop-shadow-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
drop-shadow-neutral-500
--tw-drop-shadow-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
drop-shadow-neutral-600
--tw-drop-shadow-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
drop-shadow-neutral-700
--tw-drop-shadow-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
drop-shadow-neutral-800
--tw-drop-shadow-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
drop-shadow-neutral-900
--tw-drop-shadow-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
drop-shadow-neutral-950
--tw-drop-shadow-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
drop-shadow-stone-50
--tw-drop-shadow-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
drop-shadow-stone-100
--tw-drop-shadow-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
drop-shadow-stone-200
--tw-drop-shadow-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
drop-shadow-stone-300
--tw-drop-shadow-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
drop-shadow-stone-400
--tw-drop-shadow-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
drop-shadow-stone-500
--tw-drop-shadow-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
drop-shadow-stone-600
--tw-drop-shadow-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
drop-shadow-stone-700
--tw-drop-shadow-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
drop-shadow-stone-800
--tw-drop-shadow-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
drop-shadow-stone-900
--tw-drop-shadow-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
drop-shadow-stone-950
--tw-drop-shadow-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */

filter: grayscale()

Utilities for applying grayscale filters to an element.

Class Styles
grayscale
filter: grayscale(100%);
grayscale-<number>
filter: grayscale(<number>%);
grayscale-(<custom-property>)
filter: grayscale(var(<custom-property>));
grayscale-[<value>]
filter: grayscale(<value>);

filter: hue-rotate()

Utilities for applying hue-rotate filters to an element.

Class Styles
hue-rotate-<number>
filter: hue-rotate(<number>deg);
-hue-rotate-<number>
filter: hue-rotate(calc(<number>deg * -1));
hue-rotate-(<custom-property>)
filter: hue-rotate(var(<custom-property>));
hue-rotate-[<value>]
filter: hue-rotate(<value>);

filter: invert()

Utilities for applying invert filters to an element.

Class Styles
invert
filter: invert(100%);
invert-<number>
filter: invert(<number>%);
invert-(<custom-property>)
filter: invert(var(<custom-property>))
invert-[<value>]
filter: invert(<value>);

filter: saturate()

Utilities for applying saturation filters to an element.

Class Styles
saturate-<number>
filter: saturate(<number>%);
saturate-(<custom-property>)
filter: saturate(var(<custom-property>));
saturate-[<value>]
filter: saturate(<value>);

filter: sepia()

Utilities for applying sepia filters to an element.

Class Styles
sepia
filter: sepia(100%);
sepia-<number>
filter: sepia(<number>%);
sepia-(<custom-property>)
filter: sepia(var(<custom-property>));
sepia-[<value>]
filter: sepia(<value>);

backdrop-filter

Utilities for applying backdrop filters to an element.

Class Styles
backdrop-filter-none
backdrop-filter: none;
backdrop-filter-(<custom-property>)
backdrop-filter: var(<custom-property>);
backdrop-filter-[<value>]
backdrop-filter: <value>;

backdrop-filter: blur()

Utilities for applying backdrop blur filters to an element.

Class Styles
backdrop-blur-xs
backdrop-filter: blur(var(--blur-xs)); /* 4px */
backdrop-blur-sm
backdrop-filter: blur(var(--blur-sm)); /* 8px */
backdrop-blur-md
backdrop-filter: blur(var(--blur-md)); /* 12px */
backdrop-blur-lg
backdrop-filter: blur(var(--blur-lg)); /* 16px */
backdrop-blur-xl
backdrop-filter: blur(var(--blur-xl)); /* 24px */
backdrop-blur-2xl
backdrop-filter: blur(var(--blur-2xl)); /* 40px */
backdrop-blur-3xl
backdrop-filter: blur(var(--blur-3xl)); /* 64px */
backdrop-blur-none
backdrop-filter: ;
backdrop-blur-(<custom-property>)
backdrop-filter: blur(var(<custom-property>));
backdrop-blur-[<value>]
backdrop-filter: blur(<value>);

backdrop-filter: brightness()

Utilities for applying backdrop brightness filters to an element.

Class Styles
backdrop-brightness-<number>
backdrop-filter: brightness(<number>%);
backdrop-brightness-(<custom-property>)
backdrop-filter: brightness(var(<custom-property>));
backdrop-brightness-[<value>]
backdrop-filter: brightness(<value>);

backdrop-filter: contrast()

Utilities for applying backdrop contrast filters to an element.

Class Styles
backdrop-contrast-<number>
backdrop-filter: contrast(<number>%);
backdrop-contrast-(<custom-property>)
backdrop-filter: contrast(var(<custom-property>));
backdrop-contrast-[<value>]
backdrop-filter: contrast(<value>);

backdrop-filter: grayscale()

Utilities for applying backdrop grayscale filters to an element.

Class Styles
backdrop-grayscale
backdrop-filter: grayscale(100%);
backdrop-grayscale-<number>
backdrop-filter: grayscale(<number>%);
backdrop-grayscale-(<custom-property>)
backdrop-filter: grayscale(var(<custom-property>));
backdrop-grayscale-[<value>]
backdrop-filter: grayscale(<value>);

backdrop-filter: hue-rotate()

Utilities for applying backdrop hue-rotate filters to an element.

Class Styles
backdrop-hue-rotate-<number>
backdrop-filter: hue-rotate(<number>deg);
-backdrop-hue-rotate-<number>
backdrop-filter: hue-rotate(calc(<number>deg * -1));
backdrop-hue-rotate-(<custom-property>)
backdrop-filter: hue-rotate(var(<custom-property>));
backdrop-hue-rotate-[<value>]
backdrop-filter: hue-rotate(<value>);

backdrop-filter: invert()

Utilities for applying backdrop invert filters to an element.

Class Styles
backdrop-invert
backdrop-filter: invert(100%);
backdrop-invert-<number>
backdrop-filter: invert(<number>%);
backdrop-invert-(<custom-property>)
backdrop-filter: invert(var(<custom-property>))
backdrop-invert-[<value>]
backdrop-filter: invert(<value>);

backdrop-filter: opacity()

Utilities for applying backdrop opacity filters to an element.

Class Styles
backdrop-opacity-<number>
backdrop-filter: opacity(<number>%);
backdrop-opacity-(<custom-property>)
backdrop-filter: opacity(var(<custom-property>));
backdrop-opacity-[<value>]
backdrop-filter: opacity(<value>);

backdrop-filter: saturate()

Utilities for applying backdrop saturation filters to an element.

Class Styles
backdrop-saturate-<number>
backdrop-filter: saturate(<number>%);
backdrop-saturate-(<custom-property>)
backdrop-filter: saturate(var(<custom-property>));
backdrop-saturate-[<value>]
backdrop-filter: saturate(<value>);

backdrop-filter: sepia()

Utilities for applying backdrop sepia filters to an element.

Class Styles
backdrop-sepia
backdrop-filter: sepia(100%);
backdrop-sepia-<number>
backdrop-filter: sepia(<number>%);
backdrop-sepia-(<custom-property>)
backdrop-filter: sepia(var(<custom-property>));
backdrop-sepia-[<value>]
backdrop-filter: sepia(<value>);

border-collapse

Utilities for controlling whether table borders should collapse or be separated.

Class Styles
border-collapse
border-collapse: collapse;
border-separate
border-collapse: separate;

border-spacing

Utilities for controlling the spacing between table borders.

Class Styles
border-spacing-<number>
border-spacing: calc(var(--spacing) * <number>);
border-spacing-(<custom-property>)
border-spacing: var(<custom-property>);
border-spacing-[<value>]
border-spacing: <value>;
border-spacing-x-<number>
border-spacing: calc(var(--spacing) * <number>) var(--tw-border-spacing-y);
border-spacing-x-(<custom-property>)
border-spacing: var(<custom-property>) var(--tw-border-spacing-y);
border-spacing-x-[<value>]
border-spacing: <value> var(--tw-border-spacing-y);
border-spacing-y-<number>
border-spacing: var(--tw-border-spacing-x) calc(var(--spacing) * <number>);
border-spacing-y-(<custom-property>)
border-spacing: var(--tw-border-spacing-x) var(<custom-property>);
border-spacing-y-[<value>]
border-spacing: var(--tw-border-spacing-x) <value>;

table-layout

Utilities for controlling the table layout algorithm.

Class Styles
table-auto
table-layout: auto;
table-fixed
table-layout: fixed;

caption-side

Utilities for controlling the alignment of a caption element inside of a table.

Class Styles
caption-top
caption-side: top;
caption-bottom
caption-side: bottom;

transition-property

Utilities for controlling which CSS properties transition.

Class Styles
transition
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter; transition-timing-function: var(--default-transition-timing-function); /* cubic-bezier(0.4, 0, 0.2, 1) */ transition-duration: var(--default-transition-duration); /* 150ms */
transition-all
transition-property: all; transition-timing-function: var(--default-transition-timing-function); /* cubic-bezier(0.4, 0, 0.2, 1) */ transition-duration: var(--default-transition-duration); /* 150ms */
transition-colors
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--default-transition-timing-function); /* cubic-bezier(0.4, 0, 0.2, 1) */ transition-duration: var(--default-transition-duration); /* 150ms */
transition-opacity
transition-property: opacity; transition-timing-function: var(--default-transition-timing-function); /* cubic-bezier(0.4, 0, 0.2, 1) */ transition-duration: var(--default-transition-duration); /* 150ms */
transition-shadow
transition-property: box-shadow; transition-timing-function: var(--default-transition-timing-function); /* cubic-bezier(0.4, 0, 0.2, 1) */ transition-duration: var(--default-transition-duration); /* 150ms */
transition-transform
transition-property: transform, translate, scale, rotate; transition-timing-function: var(--default-transition-timing-function); /* cubic-bezier(0.4, 0, 0.2, 1) */ transition-duration: var(--default-transition-duration); /* 150ms */
transition-none
transition-property: none;
transition-(<custom-property>)
transition-property: var(<custom-property>); transition-timing-function: var(--default-transition-timing-function); /* cubic-bezier(0.4, 0, 0.2, 1) */ transition-duration: var(--default-transition-duration); /* 150ms */
transition-[<value>]
transition-property: <value>; transition-timing-function: var(--default-transition-timing-function); /* cubic-bezier(0.4, 0, 0.2, 1) */ transition-duration: var(--default-transition-duration); /* 150ms */

transition-behavior

Utilities to control the behavior of CSS transitions.

Class Styles
transition-normal
transition-behavior: normal;
transition-discrete
transition-behavior: allow-discrete;

transition-duration

Utilities for controlling the duration of CSS transitions.

Class Styles
duration-<number>
transition-duration: <number>ms;
duration-initial
transition-duration: initial;
duration-(<custom-property>)
transition-duration: var(<custom-property>);
duration-[<value>]
transition-duration: <value>;

transition-timing-function

Utilities for controlling the easing of CSS transitions.

Class Styles
ease-linear
transition-timing-function: linear;
ease-in
transition-timing-function: var(--ease-in); /* cubic-bezier(0.4, 0, 1, 1) */
ease-out
transition-timing-function: var(--ease-out); /* cubic-bezier(0, 0, 0.2, 1) */
ease-in-out
transition-timing-function: var(--ease-in-out); /* cubic-bezier(0.4, 0, 0.2, 1) */
ease-initial
transition-timing-function: initial;
ease-(<custom-property>)
transition-timing-function: var(<custom-property>);
ease-[<value>]
transition-timing-function: <value>;

transition-delay

Utilities for controlling the delay of CSS transitions.

Class Styles
delay-<number>
transition-delay: <number>ms;
delay-(<custom-property>)
transition-delay: var(<custom-property>);
delay-[<value>]
transition-delay: <value>;

animation

Utilities for animating elements with CSS animations.

Class Styles
animate-spin
animation: var(--animate-spin); /* spin 1s linear infinite */ @keyframes spin { to { transform: rotate(360deg); } }
animate-ping
animation: var(--animate-ping); /* ping 1s cubic-bezier(0, 0, 0.2, 1) infinite */ @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } }
animate-pulse
animation: var(--animate-pulse); /* pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite */ @keyframes pulse { 50% { opacity: 0.5; } }
animate-bounce
animation: var(--animate-bounce); /* bounce 1s infinite */ @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } }
animate-none
animation: none;
animate-(<custom-property>)
animation: var(<custom-property>);
animate-[<value>]
animation: <value>;

backface-visibility

Utilities for controlling if an element's backface is visible.

Class Styles
backface-hidden
backface-visibility: hidden;
backface-visible
backface-visibility: visible;

perspective

Utilities for controlling an element's perspective when placed in 3D space.

Class Styles
perspective-dramatic
perspective: var(--perspective-dramatic); /* 100px */
perspective-near
perspective: var(--perspective-near); /* 300px */
perspective-normal
perspective: var(--perspective-normal); /* 500px */
perspective-midrange
perspective: var(--perspective-midrange); /* 800px */
perspective-distant
perspective: var(--perspective-distant); /* 1200px */
perspective-none
perspective: none;
perspective-(<custom-property>)
perspective: var(<custom-property>);
perspective-[<value>]
perspective: <value>;

perspective-origin

Utilities for controlling an element's perspective origin when placed in 3D space.

Class Styles
perspective-origin-center
perspective-origin: center;
perspective-origin-top
perspective-origin: top;
perspective-origin-top-right
perspective-origin: top right;
perspective-origin-right
perspective-origin: right;
perspective-origin-bottom-right
perspective-origin: bottom right;
perspective-origin-bottom
perspective-origin: bottom;
perspective-origin-bottom-left
perspective-origin: bottom left;
perspective-origin-left
perspective-origin: left;
perspective-origin-top-left
perspective-origin: top left;
perspective-origin-(<custom-property>)
perspective-origin: var(<custom-property>);
perspective-origin-[<value>]
perspective-origin: <value>;

rotate

Utilities for rotating elements.

Class Styles
rotate-none
rotate: none;
rotate-<number>
rotate: <number>deg;
-rotate-<number>
rotate: calc(<number>deg * -1);
rotate-(<custom-property>)
rotate: var(<custom-property>);
rotate-[<value>]
rotate: <value>;
rotate-x-<number>
transform: rotateX(<number>deg) var(--tw-rotate-y);
-rotate-x-<number>
transform: rotateX(-<number>deg) var(--tw-rotate-y);
rotate-x-(<custom-property>)
transform: rotateX(var(<custom-property>)) var(--tw-rotate-y);
rotate-x-[<value>]
transform: rotateX(<value>) var(--tw-rotate-y);
rotate-y-<number>
transform: var(--tw-rotate-x) rotateY(<number>deg);
-rotate-y-<number>
transform: var(--tw-rotate-x) rotateY(-<number>deg);
rotate-y-(<custom-property>)
transform: var(--tw-rotate-x) rotateY(var(<custom-property>));
rotate-y-[<value>]
transform: var(--tw-rotate-x) rotateY(<value>);
rotate-z-<number>
transform: var(--tw-rotate-x) var(--tw-rotate-y) rotateZ(<number>deg);
-rotate-z-<number>
transform: var(--tw-rotate-x) var(--tw-rotate-y) rotateZ(-<number>deg);
rotate-z-(<custom-property>)
transform: var(--tw-rotate-x) var(--tw-rotate-y) rotateZ(var(<custom-property>));
rotate-z-[<value>]
transform: var(--tw-rotate-x) var(--tw-rotate-y) rotateZ(<value>);

scale

Utilities for scaling elements.

Class Styles
scale-none
scale: none;
scale-<number>
scale: <number>% <number>%;
-scale-<number>
scale: calc(<number>% * -1) calc(<number>% * -1);
scale-(<custom-property>)
scale: var(<custom-property>) var(<custom-property>);
scale-[<value>]
scale: <value>;
scale-x-<number>
scale: <number>% var(--tw-scale-y);
-scale-x-<number>
scale: calc(<number>% * -1) var(--tw-scale-y);
scale-x-(<custom-property>)
scale: var(<custom-property>) var(--tw-scale-y);
scale-x-[<value>]
scale: <value> var(--tw-scale-y);
scale-y-<number>
scale: var(--tw-scale-x) <number>%;
-scale-y-<number>
scale: var(--tw-scale-x) calc(<number>% * -1);
scale-y-(<custom-property>)
scale: var(--tw-scale-x) var(<custom-property>);
scale-y-[<value>]
scale: var(--tw-scale-x) <value>;
scale-z-<number>
scale: var(--tw-scale-x) var(--tw-scale-y) <number>%;
-scale-z-<number>
scale: var(--tw-scale-x) var(--tw-scale-y) calc(<number>% * -1);
scale-z-(<custom-property>)
scale: var(--tw-scale-x) var(--tw-scale-y) var(<custom-property>);
scale-z-[<value>]
scale: var(--tw-scale-x) var(--tw-scale-y) <value>;
scale-3d
scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);

skew

Utilities for skewing elements with transform.

Class Styles
skew-<number>
transform: skewX(<number>deg) skewY(<number>deg);
-skew-<number>
transform: skewX(-<number>deg) skewY(-<number>deg);
skew-(<custom-property>)
transform: skewX(var(<custom-property>)) skewY(var(<custom-property>));
skew-[<value>]
transform: skewX(<value>) skewY(<value>);
skew-x-<number>
transform: skewX(<number>deg));
-skew-x-<number>
transform: skewX(-<number>deg));
skew-x-(<custom-property>)
transform: skewX(var(<custom-property>));
skew-x-[<value>]
transform: skewX(<value>));
skew-y-<number>
transform: skewY(<number>deg);
-skew-y-<number>
transform: skewY(-<number>deg);
skew-y-(<custom-property>)
transform: skewY(var(<custom-property>));
skew-y-[<value>]
transform: skewY(<value>);

transform

Utilities for transforming elements.

Class Styles
transform-(<custom-property>)
transform: var(<custom-property>);
transform-[<value>]
transform: <value>;
transform-none
transform: none;
transform-gpu
transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
transform-cpu
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);

transform-origin

Utilities for specifying the origin for an element's transformations.

Class Styles
origin-center
transform-origin: center;
origin-top
transform-origin: top;
origin-top-right
transform-origin: top right;
origin-right
transform-origin: right;
origin-bottom-right
transform-origin: bottom right;
origin-bottom
transform-origin: bottom;
origin-bottom-left
transform-origin: bottom left;
origin-left
transform-origin: left;
origin-top-left
transform-origin: top left;
origin-(<custom-property>)
transform-origin: var(<custom-property>);
origin-[<value>]
transform-origin: <value>;

transform-style

Utilities for controlling if an elements children are placed in 3D space.

Class Styles
transform-3d
transform-style: preserve-3d;
transform-flat
transform-style: flat;

translate

Utilities for translating elements.

Class Styles
translate-<number>
translate: calc(var(--spacing) * <number>) calc(var(--spacing) * <number>);
-translate-<number>
translate: calc(var(--spacing) * -<number>) calc(var(--spacing) * -<number>);
translate-<fraction>
translate: calc(<fraction> * 100%) calc(<fraction> * 100%);
-translate-<fraction>
translate: calc(<fraction> * -100%) calc(<fraction> * -100%);
translate-full
translate: 100% 100%;
-translate-full
translate: -100% -100%;
translate-px
translate: 1px 1px;
-translate-px
translate: -1px -1px;
translate-(<custom-property>)
translate: var(<custom-property>) var(<custom-property>);
translate-[<value>]
translate: <value> <value>;
translate-x-<number>
translate: calc(var(--spacing) * <number>) var(--tw-translate-y);
-translate-x-<number>
translate: calc(var(--spacing) * -<number>) var(--tw-translate-y);
translate-x-<fraction>
translate: calc(<fraction> * 100%) var(--tw-translate-y);
-translate-x-<fraction>
translate: calc(<fraction> * -100%) var(--tw-translate-y);
translate-x-full
translate: 100% var(--tw-translate-y);
-translate-x-full
translate: -100% var(--tw-translate-y);
translate-x-px
translate: 1px var(--tw-translate-y);
-translate-x-px
translate: -1px var(--tw-translate-y);
translate-x-(<custom-property>)
translate: var(<custom-property>) var(--tw-translate-y);
translate-x-[<value>]
translate: <value> var(--tw-translate-y);
translate-y-<number>
translate: var(--tw-translate-x) calc(var(--spacing) * <number>);
-translate-y-<number>
translate: var(--tw-translate-x) calc(var(--spacing) * -<number>);
translate-y-<fraction>
translate: var(--tw-translate-x) calc(<fraction> * 100%);
-translate-y-<fraction>
translate: var(--tw-translate-x) calc(<fraction> * -100%);
translate-y-full
translate: var(--tw-translate-x) 100%;
-translate-y-full
translate: var(--tw-translate-x) -100%;
translate-y-px
translate: var(--tw-translate-x) 1px;
-translate-y-px
translate: var(--tw-translate-x) -1px;
translate-y-(<custom-property>)
translate: var(--tw-translate-x) var(<custom-property>);
translate-y-[<value>]
translate: var(--tw-translate-x) <value>;
translate-z-<number>
translate: var(--tw-translate-x) var(--tw-translate-y) calc(var(--spacing) * <number>);
-translate-z-<number>
translate: var(--tw-translate-x) var(--tw-translate-y) calc(var(--spacing) * -<number>);
translate-z-px
translate: var(--tw-translate-x) var(--tw-translate-y) 1px;
-translate-z-px
translate: var(--tw-translate-x) var(--tw-translate-y) -1px;
translate-z-(<custom-property>)
translate: var(--tw-translate-x) var(--tw-translate-y) var(<custom-property>);
translate-z-[<value>]
translate: var(--tw-translate-x) var(--tw-translate-y) <value>;
translate-none
translate: none;

accent-color

Utilities for controlling the accented color of a form control.

Class Styles
accent-inherit
accent-color: inherit;
accent-current
accent-color: currentColor;
accent-transparent
accent-color: transparent;
accent-black
accent-color: var(--color-black); /* #000 */
accent-white
accent-color: var(--color-white); /* #fff */
accent-red-50
accent-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
accent-red-100
accent-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
accent-red-200
accent-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
accent-red-300
accent-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
accent-red-400
accent-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
accent-red-500
accent-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
accent-red-600
accent-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
accent-red-700
accent-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
accent-red-800
accent-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
accent-red-900
accent-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
accent-red-950
accent-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
accent-orange-50
accent-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
accent-orange-100
accent-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
accent-orange-200
accent-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
accent-orange-300
accent-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
accent-orange-400
accent-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
accent-orange-500
accent-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
accent-orange-600
accent-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
accent-orange-700
accent-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
accent-orange-800
accent-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
accent-orange-900
accent-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
accent-orange-950
accent-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
accent-amber-50
accent-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
accent-amber-100
accent-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
accent-amber-200
accent-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
accent-amber-300
accent-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
accent-amber-400
accent-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
accent-amber-500
accent-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
accent-amber-600
accent-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
accent-amber-700
accent-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
accent-amber-800
accent-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
accent-amber-900
accent-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
accent-amber-950
accent-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
accent-yellow-50
accent-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
accent-yellow-100
accent-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
accent-yellow-200
accent-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
accent-yellow-300
accent-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
accent-yellow-400
accent-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
accent-yellow-500
accent-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
accent-yellow-600
accent-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
accent-yellow-700
accent-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
accent-yellow-800
accent-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
accent-yellow-900
accent-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
accent-yellow-950
accent-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
accent-lime-50
accent-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
accent-lime-100
accent-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
accent-lime-200
accent-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
accent-lime-300
accent-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
accent-lime-400
accent-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
accent-lime-500
accent-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
accent-lime-600
accent-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
accent-lime-700
accent-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
accent-lime-800
accent-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
accent-lime-900
accent-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
accent-lime-950
accent-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
accent-green-50
accent-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
accent-green-100
accent-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
accent-green-200
accent-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
accent-green-300
accent-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
accent-green-400
accent-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
accent-green-500
accent-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
accent-green-600
accent-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
accent-green-700
accent-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
accent-green-800
accent-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
accent-green-900
accent-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
accent-green-950
accent-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
accent-emerald-50
accent-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
accent-emerald-100
accent-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
accent-emerald-200
accent-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
accent-emerald-300
accent-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
accent-emerald-400
accent-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
accent-emerald-500
accent-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
accent-emerald-600
accent-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
accent-emerald-700
accent-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
accent-emerald-800
accent-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
accent-emerald-900
accent-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
accent-emerald-950
accent-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
accent-teal-50
accent-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
accent-teal-100
accent-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
accent-teal-200
accent-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
accent-teal-300
accent-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
accent-teal-400
accent-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
accent-teal-500
accent-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
accent-teal-600
accent-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
accent-teal-700
accent-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
accent-teal-800
accent-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
accent-teal-900
accent-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
accent-teal-950
accent-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
accent-cyan-50
accent-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
accent-cyan-100
accent-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
accent-cyan-200
accent-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
accent-cyan-300
accent-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
accent-cyan-400
accent-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
accent-cyan-500
accent-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
accent-cyan-600
accent-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
accent-cyan-700
accent-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
accent-cyan-800
accent-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
accent-cyan-900
accent-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
accent-cyan-950
accent-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
accent-sky-50
accent-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
accent-sky-100
accent-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
accent-sky-200
accent-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
accent-sky-300
accent-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
accent-sky-400
accent-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
accent-sky-500
accent-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
accent-sky-600
accent-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
accent-sky-700
accent-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
accent-sky-800
accent-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
accent-sky-900
accent-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
accent-sky-950
accent-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
accent-blue-50
accent-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
accent-blue-100
accent-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
accent-blue-200
accent-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
accent-blue-300
accent-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
accent-blue-400
accent-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
accent-blue-500
accent-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
accent-blue-600
accent-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
accent-blue-700
accent-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
accent-blue-800
accent-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
accent-blue-900
accent-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
accent-blue-950
accent-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
accent-indigo-50
accent-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
accent-indigo-100
accent-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
accent-indigo-200
accent-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
accent-indigo-300
accent-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
accent-indigo-400
accent-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
accent-indigo-500
accent-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
accent-indigo-600
accent-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
accent-indigo-700
accent-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
accent-indigo-800
accent-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
accent-indigo-900
accent-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
accent-indigo-950
accent-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
accent-violet-50
accent-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
accent-violet-100
accent-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
accent-violet-200
accent-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
accent-violet-300
accent-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
accent-violet-400
accent-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
accent-violet-500
accent-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
accent-violet-600
accent-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
accent-violet-700
accent-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
accent-violet-800
accent-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
accent-violet-900
accent-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
accent-violet-950
accent-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
accent-purple-50
accent-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
accent-purple-100
accent-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
accent-purple-200
accent-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
accent-purple-300
accent-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
accent-purple-400
accent-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
accent-purple-500
accent-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
accent-purple-600
accent-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
accent-purple-700
accent-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
accent-purple-800
accent-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
accent-purple-900
accent-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
accent-purple-950
accent-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
accent-fuchsia-50
accent-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
accent-fuchsia-100
accent-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
accent-fuchsia-200
accent-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
accent-fuchsia-300
accent-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
accent-fuchsia-400
accent-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
accent-fuchsia-500
accent-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
accent-fuchsia-600
accent-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
accent-fuchsia-700
accent-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
accent-fuchsia-800
accent-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
accent-fuchsia-900
accent-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
accent-fuchsia-950
accent-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
accent-pink-50
accent-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
accent-pink-100
accent-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
accent-pink-200
accent-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
accent-pink-300
accent-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
accent-pink-400
accent-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
accent-pink-500
accent-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
accent-pink-600
accent-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
accent-pink-700
accent-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
accent-pink-800
accent-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
accent-pink-900
accent-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
accent-pink-950
accent-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
accent-rose-50
accent-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
accent-rose-100
accent-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
accent-rose-200
accent-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
accent-rose-300
accent-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
accent-rose-400
accent-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
accent-rose-500
accent-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
accent-rose-600
accent-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
accent-rose-700
accent-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
accent-rose-800
accent-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
accent-rose-900
accent-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
accent-rose-950
accent-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
accent-slate-50
accent-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
accent-slate-100
accent-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
accent-slate-200
accent-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
accent-slate-300
accent-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
accent-slate-400
accent-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
accent-slate-500
accent-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
accent-slate-600
accent-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
accent-slate-700
accent-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
accent-slate-800
accent-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
accent-slate-900
accent-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
accent-slate-950
accent-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
accent-gray-50
accent-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
accent-gray-100
accent-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
accent-gray-200
accent-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
accent-gray-300
accent-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
accent-gray-400
accent-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
accent-gray-500
accent-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
accent-gray-600
accent-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
accent-gray-700
accent-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
accent-gray-800
accent-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
accent-gray-900
accent-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
accent-gray-950
accent-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
accent-zinc-50
accent-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
accent-zinc-100
accent-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
accent-zinc-200
accent-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
accent-zinc-300
accent-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
accent-zinc-400
accent-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
accent-zinc-500
accent-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
accent-zinc-600
accent-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
accent-zinc-700
accent-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
accent-zinc-800
accent-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
accent-zinc-900
accent-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
accent-zinc-950
accent-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
accent-neutral-50
accent-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
accent-neutral-100
accent-color: var(--color-neutral-100); /* oklch(97% 0 0) */
accent-neutral-200
accent-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
accent-neutral-300
accent-color: var(--color-neutral-300); /* oklch(87% 0 0) */
accent-neutral-400
accent-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
accent-neutral-500
accent-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
accent-neutral-600
accent-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
accent-neutral-700
accent-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
accent-neutral-800
accent-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
accent-neutral-900
accent-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
accent-neutral-950
accent-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
accent-stone-50
accent-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
accent-stone-100
accent-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
accent-stone-200
accent-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
accent-stone-300
accent-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
accent-stone-400
accent-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
accent-stone-500
accent-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
accent-stone-600
accent-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
accent-stone-700
accent-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
accent-stone-800
accent-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
accent-stone-900
accent-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
accent-stone-950
accent-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
accent-<custom-property>
accent-color: var(<custom-property>);
accent-[<value>]
accent-color: <value>;

appearance

Utilities for suppressing native form control styling.

Class Styles
appearance-none
appearance: none;
appearance-auto
appearance: auto;

caret-color

Utilities for controlling the color of the text input cursor.

Class Styles
caret-inherit
caret-color: inherit;
caret-current
caret-color: currentColor;
caret-transparent
caret-color: transparent;
caret-black
caret-color: var(--color-black); /* #000 */
caret-white
caret-color: var(--color-white); /* #fff */
caret-red-50
caret-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
caret-red-100
caret-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
caret-red-200
caret-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
caret-red-300
caret-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
caret-red-400
caret-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
caret-red-500
caret-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
caret-red-600
caret-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
caret-red-700
caret-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
caret-red-800
caret-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
caret-red-900
caret-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
caret-red-950
caret-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
caret-orange-50
caret-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
caret-orange-100
caret-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
caret-orange-200
caret-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
caret-orange-300
caret-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
caret-orange-400
caret-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
caret-orange-500
caret-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
caret-orange-600
caret-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
caret-orange-700
caret-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
caret-orange-800
caret-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
caret-orange-900
caret-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
caret-orange-950
caret-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
caret-amber-50
caret-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
caret-amber-100
caret-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
caret-amber-200
caret-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
caret-amber-300
caret-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
caret-amber-400
caret-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
caret-amber-500
caret-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
caret-amber-600
caret-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
caret-amber-700
caret-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
caret-amber-800
caret-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
caret-amber-900
caret-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
caret-amber-950
caret-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
caret-yellow-50
caret-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
caret-yellow-100
caret-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
caret-yellow-200
caret-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
caret-yellow-300
caret-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
caret-yellow-400
caret-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
caret-yellow-500
caret-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
caret-yellow-600
caret-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
caret-yellow-700
caret-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
caret-yellow-800
caret-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
caret-yellow-900
caret-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
caret-yellow-950
caret-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
caret-lime-50
caret-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
caret-lime-100
caret-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
caret-lime-200
caret-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
caret-lime-300
caret-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
caret-lime-400
caret-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
caret-lime-500
caret-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
caret-lime-600
caret-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
caret-lime-700
caret-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
caret-lime-800
caret-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
caret-lime-900
caret-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
caret-lime-950
caret-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
caret-green-50
caret-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
caret-green-100
caret-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
caret-green-200
caret-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
caret-green-300
caret-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
caret-green-400
caret-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
caret-green-500
caret-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
caret-green-600
caret-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
caret-green-700
caret-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
caret-green-800
caret-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
caret-green-900
caret-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
caret-green-950
caret-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
caret-emerald-50
caret-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
caret-emerald-100
caret-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
caret-emerald-200
caret-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
caret-emerald-300
caret-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
caret-emerald-400
caret-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
caret-emerald-500
caret-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
caret-emerald-600
caret-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
caret-emerald-700
caret-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
caret-emerald-800
caret-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
caret-emerald-900
caret-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
caret-emerald-950
caret-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
caret-teal-50
caret-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
caret-teal-100
caret-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
caret-teal-200
caret-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
caret-teal-300
caret-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
caret-teal-400
caret-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
caret-teal-500
caret-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
caret-teal-600
caret-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
caret-teal-700
caret-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
caret-teal-800
caret-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
caret-teal-900
caret-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
caret-teal-950
caret-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
caret-cyan-50
caret-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
caret-cyan-100
caret-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
caret-cyan-200
caret-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
caret-cyan-300
caret-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
caret-cyan-400
caret-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
caret-cyan-500
caret-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
caret-cyan-600
caret-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
caret-cyan-700
caret-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
caret-cyan-800
caret-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
caret-cyan-900
caret-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
caret-cyan-950
caret-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
caret-sky-50
caret-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
caret-sky-100
caret-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
caret-sky-200
caret-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
caret-sky-300
caret-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
caret-sky-400
caret-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
caret-sky-500
caret-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
caret-sky-600
caret-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
caret-sky-700
caret-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
caret-sky-800
caret-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
caret-sky-900
caret-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
caret-sky-950
caret-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
caret-blue-50
caret-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
caret-blue-100
caret-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
caret-blue-200
caret-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
caret-blue-300
caret-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
caret-blue-400
caret-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
caret-blue-500
caret-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
caret-blue-600
caret-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
caret-blue-700
caret-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
caret-blue-800
caret-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
caret-blue-900
caret-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
caret-blue-950
caret-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
caret-indigo-50
caret-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
caret-indigo-100
caret-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
caret-indigo-200
caret-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
caret-indigo-300
caret-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
caret-indigo-400
caret-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
caret-indigo-500
caret-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
caret-indigo-600
caret-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
caret-indigo-700
caret-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
caret-indigo-800
caret-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
caret-indigo-900
caret-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
caret-indigo-950
caret-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
caret-violet-50
caret-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
caret-violet-100
caret-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
caret-violet-200
caret-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
caret-violet-300
caret-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
caret-violet-400
caret-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
caret-violet-500
caret-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
caret-violet-600
caret-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
caret-violet-700
caret-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
caret-violet-800
caret-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
caret-violet-900
caret-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
caret-violet-950
caret-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
caret-purple-50
caret-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
caret-purple-100
caret-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
caret-purple-200
caret-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
caret-purple-300
caret-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
caret-purple-400
caret-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
caret-purple-500
caret-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
caret-purple-600
caret-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
caret-purple-700
caret-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
caret-purple-800
caret-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
caret-purple-900
caret-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
caret-purple-950
caret-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
caret-fuchsia-50
caret-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
caret-fuchsia-100
caret-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
caret-fuchsia-200
caret-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
caret-fuchsia-300
caret-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
caret-fuchsia-400
caret-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
caret-fuchsia-500
caret-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
caret-fuchsia-600
caret-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
caret-fuchsia-700
caret-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
caret-fuchsia-800
caret-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
caret-fuchsia-900
caret-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
caret-fuchsia-950
caret-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
caret-pink-50
caret-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
caret-pink-100
caret-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
caret-pink-200
caret-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
caret-pink-300
caret-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
caret-pink-400
caret-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
caret-pink-500
caret-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
caret-pink-600
caret-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
caret-pink-700
caret-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
caret-pink-800
caret-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
caret-pink-900
caret-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
caret-pink-950
caret-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
caret-rose-50
caret-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
caret-rose-100
caret-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
caret-rose-200
caret-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
caret-rose-300
caret-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
caret-rose-400
caret-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
caret-rose-500
caret-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
caret-rose-600
caret-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
caret-rose-700
caret-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
caret-rose-800
caret-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
caret-rose-900
caret-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
caret-rose-950
caret-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
caret-slate-50
caret-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
caret-slate-100
caret-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
caret-slate-200
caret-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
caret-slate-300
caret-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
caret-slate-400
caret-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
caret-slate-500
caret-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
caret-slate-600
caret-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
caret-slate-700
caret-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
caret-slate-800
caret-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
caret-slate-900
caret-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
caret-slate-950
caret-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
caret-gray-50
caret-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
caret-gray-100
caret-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
caret-gray-200
caret-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
caret-gray-300
caret-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
caret-gray-400
caret-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
caret-gray-500
caret-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
caret-gray-600
caret-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
caret-gray-700
caret-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
caret-gray-800
caret-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
caret-gray-900
caret-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
caret-gray-950
caret-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
caret-zinc-50
caret-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
caret-zinc-100
caret-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
caret-zinc-200
caret-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
caret-zinc-300
caret-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
caret-zinc-400
caret-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
caret-zinc-500
caret-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
caret-zinc-600
caret-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
caret-zinc-700
caret-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
caret-zinc-800
caret-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
caret-zinc-900
caret-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
caret-zinc-950
caret-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
caret-neutral-50
caret-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
caret-neutral-100
caret-color: var(--color-neutral-100); /* oklch(97% 0 0) */
caret-neutral-200
caret-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
caret-neutral-300
caret-color: var(--color-neutral-300); /* oklch(87% 0 0) */
caret-neutral-400
caret-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
caret-neutral-500
caret-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
caret-neutral-600
caret-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
caret-neutral-700
caret-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
caret-neutral-800
caret-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
caret-neutral-900
caret-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
caret-neutral-950
caret-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
caret-stone-50
caret-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
caret-stone-100
caret-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
caret-stone-200
caret-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
caret-stone-300
caret-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
caret-stone-400
caret-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
caret-stone-500
caret-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
caret-stone-600
caret-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
caret-stone-700
caret-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
caret-stone-800
caret-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
caret-stone-900
caret-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
caret-stone-950
caret-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
caret-<custom-property>
caret-color: var(<custom-property>);
caret-[<value>]
caret-color: <value>;

color-scheme

Utilities for controlling the color scheme of an element.

Class Styles
scheme-normal
color-scheme: normal;
scheme-dark
color-scheme: dark;
scheme-light
color-scheme: light;
scheme-light-dark
color-scheme: light dark;
scheme-only-dark
color-scheme: only dark;
scheme-only-light
color-scheme: only light;

cursor

Utilities for controlling the cursor style when hovering over an element.

Class Styles
cursor-auto
cursor: auto;
cursor-default
cursor: default;
cursor-pointer
cursor: pointer;
cursor-wait
cursor: wait;
cursor-text
cursor: text;
cursor-move
cursor: move;
cursor-help
cursor: help;
cursor-not-allowed
cursor: not-allowed;
cursor-none
cursor: none;
cursor-context-menu
cursor: context-menu;
cursor-progress
cursor: progress;
cursor-cell
cursor: cell;
cursor-crosshair
cursor: crosshair;
cursor-vertical-text
cursor: vertical-text;
cursor-alias
cursor: alias;
cursor-copy
cursor: copy;
cursor-no-drop
cursor: no-drop;
cursor-grab
cursor: grab;
cursor-grabbing
cursor: grabbing;
cursor-all-scroll
cursor: all-scroll;
cursor-col-resize
cursor: col-resize;
cursor-row-resize
cursor: row-resize;
cursor-n-resize
cursor: n-resize;
cursor-e-resize
cursor: e-resize;
cursor-s-resize
cursor: s-resize;
cursor-w-resize
cursor: w-resize;
cursor-ne-resize
cursor: ne-resize;
cursor-nw-resize
cursor: nw-resize;
cursor-se-resize
cursor: se-resize;
cursor-sw-resize
cursor: sw-resize;
cursor-ew-resize
cursor: ew-resize;
cursor-ns-resize
cursor: ns-resize;
cursor-nesw-resize
cursor: nesw-resize;
cursor-nwse-resize
cursor: nwse-resize;
cursor-zoom-in
cursor: zoom-in;
cursor-zoom-out
cursor: zoom-out;
cursor-(<custom-property>)
cursor: var(<custom-property>);
cursor-[<value>]
cursor: <value>;

field-sizing

Utilities for controlling the sizing of form controls.

Class Styles
field-sizing-fixed
field-sizing: fixed;
field-sizing-content
field-sizing: content;

pointer-events

Utilities for controlling whether an element responds to pointer events.

Class Styles
pointer-events-auto
pointer-events: auto;
pointer-events-none
pointer-events: none;

resize

Utilities for controlling how an element can be resized.

Class Styles
resize-none
resize: none;
resize
resize: both;
resize-y
resize: vertical;
resize-x
resize: horizontal;

scroll-behavior

Utilities for controlling the scroll behavior of an element.

Class Styles
scroll-auto
scroll-behavior: auto;
scroll-smooth
scroll-behavior: smooth;

scroll-margin

Utilities for controlling the scroll offset around items in a snap container.

Class Styles
scroll-m-<number>
scroll-margin: calc(var(--spacing) * <number>);
-scroll-m-<number>
scroll-margin: calc(var(--spacing) * -<number>);
scroll-m-(<custom-property>)
scroll-margin: var(<custom-property>);
scroll-m-[<value>]
scroll-margin: <value>;
scroll-mx-<number>
scroll-margin-inline: calc(var(--spacing) * <number>);
-scroll-mx-<number>
scroll-margin-inline: calc(var(--spacing) * -<number>);
scroll-mx-(<custom-property>)
scroll-margin-inline: var(<custom-property>);
scroll-mx-[<value>]
scroll-margin-inline: <value>;
scroll-my-<number>
scroll-margin-block: calc(var(--spacing) * <number>);
-scroll-my-<number>
scroll-margin-block: calc(var(--spacing) * -<number>);
scroll-my-(<custom-property>)
scroll-margin-block: var(<custom-property>);
scroll-my-[<value>]
scroll-margin-block: <value>;
scroll-ms-<number>
scroll-margin-inline-start: calc(var(--spacing) * <number>);
-scroll-ms-<number>
scroll-margin-inline-start: calc(var(--spacing) * -<number>);
scroll-ms-(<custom-property>)
scroll-margin-inline-start: var(<custom-property>);
scroll-ms-[<value>]
scroll-margin-inline-start: <value>;
scroll-me-<number>
scroll-margin-inline-end: calc(var(--spacing) * <number>);
-scroll-me-<number>
scroll-margin-inline-end: calc(var(--spacing) * -<number>);
scroll-me-(<custom-property>)
scroll-margin-inline-end: var(<custom-property>);
scroll-me-[<value>]
scroll-margin-inline-end: <value>;
scroll-mt-<number>
scroll-margin-top: calc(var(--spacing) * <number>);
-scroll-mt-<number>
scroll-margin-top: calc(var(--spacing) * -<number>);
scroll-mt-(<custom-property>)
scroll-margin-top: var(<custom-property>);
scroll-mt-[<value>]
scroll-margin-top: <value>;
scroll-mr-<number>
scroll-margin-right: calc(var(--spacing) * <number>);
-scroll-mr-<number>
scroll-margin-right: calc(var(--spacing) * -<number>);
scroll-mr-(<custom-property>)
scroll-margin-right: var(<custom-property>);
scroll-mr-[<value>]
scroll-margin-right: <value>;
scroll-mb-<number>
scroll-margin-bottom: calc(var(--spacing) * <number>);
-scroll-mb-<number>
scroll-margin-bottom: calc(var(--spacing) * -<number>);
scroll-mb-(<custom-property>)
scroll-margin-bottom: var(<custom-property>);
scroll-mb-[<value>]
scroll-margin-bottom: <value>;
scroll-ml-<number>
scroll-margin-left: calc(var(--spacing) * <number>);
-scroll-ml-<number>
scroll-margin-left: calc(var(--spacing) * -<number>);
scroll-ml-(<custom-property>)
scroll-margin-left: var(<custom-property>);
scroll-ml-[<value>]
scroll-margin-left: <value>;

scroll-padding

Utilities for controlling an element's scroll offset within a snap container.

Class Styles
scroll-p-<number>
scroll-padding: calc(var(--spacing) * <number>);
-scroll-p-<number>
scroll-padding: calc(var(--spacing) * -<number>);
scroll-p-(<custom-property>)
scroll-padding: var(<custom-property>);
scroll-p-[<value>]
scroll-padding: <value>;
scroll-px-<number>
scroll-padding-inline: calc(var(--spacing) * <number>);
-scroll-px-<number>
scroll-padding-inline: calc(var(--spacing) * -<number>);
scroll-px-(<custom-property>)
scroll-padding-inline: var(<custom-property>);
scroll-px-[<value>]
scroll-padding-inline: <value>;
scroll-py-<number>
scroll-padding-block: calc(var(--spacing) * <number>);
-scroll-py-<number>
scroll-padding-block: calc(var(--spacing) * -<number>);
scroll-py-(<custom-property>)
scroll-padding-block: var(<custom-property>);
scroll-py-[<value>]
scroll-padding-block: <value>;
scroll-ps-<number>
scroll-padding-inline-start: calc(var(--spacing) * <number>);
-scroll-ps-<number>
scroll-padding-inline-start: calc(var(--spacing) * -<number>);
scroll-ps-(<custom-property>)
scroll-padding-inline-start: var(<custom-property>);
scroll-ps-[<value>]
scroll-padding-inline-start: <value>;
scroll-pe-<number>
scroll-padding-inline-end: calc(var(--spacing) * <number>);
-scroll-pe-<number>
scroll-padding-inline-end: calc(var(--spacing) * -<number>);
scroll-pe-(<custom-property>)
scroll-padding-inline-end: var(<custom-property>);
scroll-pe-[<value>]
scroll-padding-inline-end: <value>;
scroll-pt-<number>
scroll-padding-top: calc(var(--spacing) * <number>);
-scroll-pt-<number>
scroll-padding-top: calc(var(--spacing) * -<number>);
scroll-pt-(<custom-property>)
scroll-padding-top: var(<custom-property>);
scroll-pt-[<value>]
scroll-padding-top: <value>;
scroll-pr-<number>
scroll-padding-right: calc(var(--spacing) * <number>);
-scroll-pr-<number>
scroll-padding-right: calc(var(--spacing) * -<number>);
scroll-pr-(<custom-property>)
scroll-padding-right: var(<custom-property>);
scroll-pr-[<value>]
scroll-padding-right: <value>;
scroll-pb-<number>
scroll-padding-bottom: calc(var(--spacing) * <number>);
-scroll-pb-<number>
scroll-padding-bottom: calc(var(--spacing) * -<number>);
scroll-pb-(<custom-property>)
scroll-padding-bottom: var(<custom-property>);
scroll-pb-[<value>]
scroll-padding-bottom: <value>;
scroll-pl-<number>
scroll-padding-left: calc(var(--spacing) * <number>);
-scroll-pl-<number>
scroll-padding-left: calc(var(--spacing) * -<number>);
scroll-pl-(<custom-property>)
scroll-padding-left: var(<custom-property>);
scroll-pl-[<value>]
scroll-padding-left: <value>;

scroll-snap-align

Utilities for controlling the scroll snap alignment of an element.

Class Styles
snap-start
scroll-snap-align: start;
snap-end
scroll-snap-align: end;
snap-center
scroll-snap-align: center;
snap-align-none
scroll-snap-align: none;

scroll-snap-stop

Utilities for controlling whether you can skip past possible snap positions.

Class Styles
snap-normal
scroll-snap-stop: normal;
snap-always
scroll-snap-stop: always;

scroll-snap-type

Utilities for controlling how strictly snap points are enforced in a snap container.

Class Styles
snap-none
scroll-snap-type: none;
snap-x
scroll-snap-type: x var(--tw-scroll-snap-strictness);
snap-y
scroll-snap-type: y var(--tw-scroll-snap-strictness);
snap-both
scroll-snap-type: both var(--tw-scroll-snap-strictness);
snap-mandatory
--tw-scroll-snap-strictness: mandatory;
snap-proximity
--tw-scroll-snap-strictness: proximity;

touch-action

Utilities for controlling how an element can be scrolled and zoomed on touchscreens.

Class Styles
touch-auto
touch-action: auto;
touch-none
touch-action: none;
touch-pan-x
touch-action: pan-x;
touch-pan-left
touch-action: pan-left;
touch-pan-right
touch-action: pan-right;
touch-pan-y
touch-action: pan-y;
touch-pan-up
touch-action: pan-up;
touch-pan-down
touch-action: pan-down;
touch-pinch-zoom
touch-action: pinch-zoom;
touch-manipulation
touch-action: manipulation;

user-select

Utilities for controlling whether the user can select text in an element.

Class Styles
select-none
user-select: none;
select-text
user-select: text;
select-all
user-select: all;
select-auto
user-select: auto;

will-change

Utilities for optimizing upcoming animations of elements that are expected to change.

Class Styles
will-change-auto
will-change: auto;
will-change-scroll
will-change: scroll-position;
will-change-contents
will-change: contents;
will-change-transform
will-change: transform;
will-change-<custom-property>
will-change: var(<custom-property>);
will-change-[<value>]
will-change: <value>;

fill

Utilities for styling the fill of SVG elements.

Class Styles
fill-none
fill: none;
fill-inherit
fill: inherit;
fill-current
fill: currentColor;
fill-transparent
fill: transparent;
fill-black
fill: var(--color-black); /* #000 */
fill-white
fill: var(--color-white); /* #fff */
fill-red-50
fill: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
fill-red-100
fill: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
fill-red-200
fill: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
fill-red-300
fill: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
fill-red-400
fill: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
fill-red-500
fill: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
fill-red-600
fill: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
fill-red-700
fill: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
fill-red-800
fill: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
fill-red-900
fill: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
fill-red-950
fill: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
fill-orange-50
fill: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
fill-orange-100
fill: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
fill-orange-200
fill: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
fill-orange-300
fill: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
fill-orange-400
fill: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
fill-orange-500
fill: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
fill-orange-600
fill: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
fill-orange-700
fill: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
fill-orange-800
fill: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
fill-orange-900
fill: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
fill-orange-950
fill: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
fill-amber-50
fill: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
fill-amber-100
fill: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
fill-amber-200
fill: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
fill-amber-300
fill: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
fill-amber-400
fill: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
fill-amber-500
fill: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
fill-amber-600
fill: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
fill-amber-700
fill: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
fill-amber-800
fill: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
fill-amber-900
fill: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
fill-amber-950
fill: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
fill-yellow-50
fill: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
fill-yellow-100
fill: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
fill-yellow-200
fill: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
fill-yellow-300
fill: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
fill-yellow-400
fill: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
fill-yellow-500
fill: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
fill-yellow-600
fill: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
fill-yellow-700
fill: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
fill-yellow-800
fill: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
fill-yellow-900
fill: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
fill-yellow-950
fill: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
fill-lime-50
fill: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
fill-lime-100
fill: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
fill-lime-200
fill: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
fill-lime-300
fill: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
fill-lime-400
fill: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
fill-lime-500
fill: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
fill-lime-600
fill: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
fill-lime-700
fill: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
fill-lime-800
fill: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
fill-lime-900
fill: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
fill-lime-950
fill: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
fill-green-50
fill: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
fill-green-100
fill: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
fill-green-200
fill: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
fill-green-300
fill: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
fill-green-400
fill: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
fill-green-500
fill: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
fill-green-600
fill: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
fill-green-700
fill: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
fill-green-800
fill: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
fill-green-900
fill: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
fill-green-950
fill: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
fill-emerald-50
fill: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
fill-emerald-100
fill: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
fill-emerald-200
fill: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
fill-emerald-300
fill: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
fill-emerald-400
fill: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
fill-emerald-500
fill: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
fill-emerald-600
fill: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
fill-emerald-700
fill: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
fill-emerald-800
fill: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
fill-emerald-900
fill: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
fill-emerald-950
fill: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
fill-teal-50
fill: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
fill-teal-100
fill: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
fill-teal-200
fill: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
fill-teal-300
fill: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
fill-teal-400
fill: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
fill-teal-500
fill: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
fill-teal-600
fill: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
fill-teal-700
fill: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
fill-teal-800
fill: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
fill-teal-900
fill: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
fill-teal-950
fill: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
fill-cyan-50
fill: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
fill-cyan-100
fill: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
fill-cyan-200
fill: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
fill-cyan-300
fill: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
fill-cyan-400
fill: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
fill-cyan-500
fill: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
fill-cyan-600
fill: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
fill-cyan-700
fill: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
fill-cyan-800
fill: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
fill-cyan-900
fill: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
fill-cyan-950
fill: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
fill-sky-50
fill: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
fill-sky-100
fill: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
fill-sky-200
fill: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
fill-sky-300
fill: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
fill-sky-400
fill: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
fill-sky-500
fill: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
fill-sky-600
fill: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
fill-sky-700
fill: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
fill-sky-800
fill: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
fill-sky-900
fill: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
fill-sky-950
fill: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
fill-blue-50
fill: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
fill-blue-100
fill: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
fill-blue-200
fill: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
fill-blue-300
fill: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
fill-blue-400
fill: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
fill-blue-500
fill: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
fill-blue-600
fill: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
fill-blue-700
fill: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
fill-blue-800
fill: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
fill-blue-900
fill: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
fill-blue-950
fill: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
fill-indigo-50
fill: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
fill-indigo-100
fill: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
fill-indigo-200
fill: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
fill-indigo-300
fill: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
fill-indigo-400
fill: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
fill-indigo-500
fill: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
fill-indigo-600
fill: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
fill-indigo-700
fill: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
fill-indigo-800
fill: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
fill-indigo-900
fill: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
fill-indigo-950
fill: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
fill-violet-50
fill: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
fill-violet-100
fill: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
fill-violet-200
fill: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
fill-violet-300
fill: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
fill-violet-400
fill: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
fill-violet-500
fill: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
fill-violet-600
fill: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
fill-violet-700
fill: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
fill-violet-800
fill: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
fill-violet-900
fill: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
fill-violet-950
fill: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
fill-purple-50
fill: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
fill-purple-100
fill: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
fill-purple-200
fill: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
fill-purple-300
fill: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
fill-purple-400
fill: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
fill-purple-500
fill: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
fill-purple-600
fill: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
fill-purple-700
fill: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
fill-purple-800
fill: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
fill-purple-900
fill: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
fill-purple-950
fill: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
fill-fuchsia-50
fill: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
fill-fuchsia-100
fill: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
fill-fuchsia-200
fill: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
fill-fuchsia-300
fill: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
fill-fuchsia-400
fill: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
fill-fuchsia-500
fill: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
fill-fuchsia-600
fill: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
fill-fuchsia-700
fill: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
fill-fuchsia-800
fill: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
fill-fuchsia-900
fill: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
fill-fuchsia-950
fill: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
fill-pink-50
fill: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
fill-pink-100
fill: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
fill-pink-200
fill: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
fill-pink-300
fill: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
fill-pink-400
fill: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
fill-pink-500
fill: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
fill-pink-600
fill: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
fill-pink-700
fill: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
fill-pink-800
fill: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
fill-pink-900
fill: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
fill-pink-950
fill: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
fill-rose-50
fill: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
fill-rose-100
fill: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
fill-rose-200
fill: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
fill-rose-300
fill: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
fill-rose-400
fill: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
fill-rose-500
fill: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
fill-rose-600
fill: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
fill-rose-700
fill: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
fill-rose-800
fill: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
fill-rose-900
fill: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
fill-rose-950
fill: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
fill-slate-50
fill: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
fill-slate-100
fill: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
fill-slate-200
fill: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
fill-slate-300
fill: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
fill-slate-400
fill: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
fill-slate-500
fill: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
fill-slate-600
fill: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
fill-slate-700
fill: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
fill-slate-800
fill: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
fill-slate-900
fill: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
fill-slate-950
fill: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
fill-gray-50
fill: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
fill-gray-100
fill: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
fill-gray-200
fill: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
fill-gray-300
fill: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
fill-gray-400
fill: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
fill-gray-500
fill: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
fill-gray-600
fill: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
fill-gray-700
fill: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
fill-gray-800
fill: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
fill-gray-900
fill: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
fill-gray-950
fill: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
fill-zinc-50
fill: var(--color-zinc-50); /* oklch(98.5% 0 0) */
fill-zinc-100
fill: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
fill-zinc-200
fill: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
fill-zinc-300
fill: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
fill-zinc-400
fill: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
fill-zinc-500
fill: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
fill-zinc-600
fill: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
fill-zinc-700
fill: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
fill-zinc-800
fill: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
fill-zinc-900
fill: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
fill-zinc-950
fill: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
fill-neutral-50
fill: var(--color-neutral-50); /* oklch(98.5% 0 0) */
fill-neutral-100
fill: var(--color-neutral-100); /* oklch(97% 0 0) */
fill-neutral-200
fill: var(--color-neutral-200); /* oklch(92.2% 0 0) */
fill-neutral-300
fill: var(--color-neutral-300); /* oklch(87% 0 0) */
fill-neutral-400
fill: var(--color-neutral-400); /* oklch(70.8% 0 0) */
fill-neutral-500
fill: var(--color-neutral-500); /* oklch(55.6% 0 0) */
fill-neutral-600
fill: var(--color-neutral-600); /* oklch(43.9% 0 0) */
fill-neutral-700
fill: var(--color-neutral-700); /* oklch(37.1% 0 0) */
fill-neutral-800
fill: var(--color-neutral-800); /* oklch(26.9% 0 0) */
fill-neutral-900
fill: var(--color-neutral-900); /* oklch(20.5% 0 0) */
fill-neutral-950
fill: var(--color-neutral-950); /* oklch(14.5% 0 0) */
fill-stone-50
fill: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
fill-stone-100
fill: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
fill-stone-200
fill: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
fill-stone-300
fill: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
fill-stone-400
fill: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
fill-stone-500
fill: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
fill-stone-600
fill: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
fill-stone-700
fill: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
fill-stone-800
fill: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
fill-stone-900
fill: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
fill-stone-950
fill: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
fill-(<custom-property>)
fill: var(<custom-property>);
fill-[<color>]
fill: <color>;

stroke

Utilities for styling the stroke of SVG elements.

Class Styles
stroke-none
stroke: none;
stroke-inherit
stroke: inherit;
stroke-current
stroke: currentColor;
stroke-transparent
stroke: transparent;
stroke-black
stroke: var(--color-black); /* #000 */
stroke-white
stroke: var(--color-white); /* #fff */
stroke-red-50
stroke: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
stroke-red-100
stroke: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
stroke-red-200
stroke: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
stroke-red-300
stroke: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
stroke-red-400
stroke: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
stroke-red-500
stroke: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
stroke-red-600
stroke: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
stroke-red-700
stroke: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
stroke-red-800
stroke: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
stroke-red-900
stroke: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
stroke-red-950
stroke: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
stroke-orange-50
stroke: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
stroke-orange-100
stroke: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
stroke-orange-200
stroke: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
stroke-orange-300
stroke: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
stroke-orange-400
stroke: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
stroke-orange-500
stroke: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
stroke-orange-600
stroke: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
stroke-orange-700
stroke: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
stroke-orange-800
stroke: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
stroke-orange-900
stroke: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
stroke-orange-950
stroke: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
stroke-amber-50
stroke: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
stroke-amber-100
stroke: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
stroke-amber-200
stroke: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
stroke-amber-300
stroke: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
stroke-amber-400
stroke: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
stroke-amber-500
stroke: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
stroke-amber-600
stroke: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
stroke-amber-700
stroke: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
stroke-amber-800
stroke: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
stroke-amber-900
stroke: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
stroke-amber-950
stroke: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
stroke-yellow-50
stroke: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
stroke-yellow-100
stroke: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
stroke-yellow-200
stroke: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
stroke-yellow-300
stroke: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
stroke-yellow-400
stroke: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
stroke-yellow-500
stroke: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
stroke-yellow-600
stroke: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
stroke-yellow-700
stroke: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
stroke-yellow-800
stroke: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
stroke-yellow-900
stroke: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
stroke-yellow-950
stroke: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
stroke-lime-50
stroke: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
stroke-lime-100
stroke: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
stroke-lime-200
stroke: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
stroke-lime-300
stroke: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
stroke-lime-400
stroke: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
stroke-lime-500
stroke: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
stroke-lime-600
stroke: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
stroke-lime-700
stroke: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
stroke-lime-800
stroke: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
stroke-lime-900
stroke: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
stroke-lime-950
stroke: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
stroke-green-50
stroke: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
stroke-green-100
stroke: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
stroke-green-200
stroke: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
stroke-green-300
stroke: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
stroke-green-400
stroke: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
stroke-green-500
stroke: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
stroke-green-600
stroke: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
stroke-green-700
stroke: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
stroke-green-800
stroke: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
stroke-green-900
stroke: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
stroke-green-950
stroke: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
stroke-emerald-50
stroke: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
stroke-emerald-100
stroke: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
stroke-emerald-200
stroke: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
stroke-emerald-300
stroke: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
stroke-emerald-400
stroke: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
stroke-emerald-500
stroke: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
stroke-emerald-600
stroke: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
stroke-emerald-700
stroke: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
stroke-emerald-800
stroke: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
stroke-emerald-900
stroke: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
stroke-emerald-950
stroke: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
stroke-teal-50
stroke: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
stroke-teal-100
stroke: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
stroke-teal-200
stroke: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
stroke-teal-300
stroke: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
stroke-teal-400
stroke: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
stroke-teal-500
stroke: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
stroke-teal-600
stroke: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
stroke-teal-700
stroke: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
stroke-teal-800
stroke: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
stroke-teal-900
stroke: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
stroke-teal-950
stroke: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
stroke-cyan-50
stroke: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
stroke-cyan-100
stroke: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
stroke-cyan-200
stroke: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
stroke-cyan-300
stroke: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
stroke-cyan-400
stroke: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
stroke-cyan-500
stroke: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
stroke-cyan-600
stroke: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
stroke-cyan-700
stroke: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
stroke-cyan-800
stroke: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
stroke-cyan-900
stroke: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
stroke-cyan-950
stroke: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
stroke-sky-50
stroke: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
stroke-sky-100
stroke: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
stroke-sky-200
stroke: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
stroke-sky-300
stroke: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
stroke-sky-400
stroke: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
stroke-sky-500
stroke: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
stroke-sky-600
stroke: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
stroke-sky-700
stroke: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
stroke-sky-800
stroke: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
stroke-sky-900
stroke: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
stroke-sky-950
stroke: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
stroke-blue-50
stroke: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
stroke-blue-100
stroke: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
stroke-blue-200
stroke: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
stroke-blue-300
stroke: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
stroke-blue-400
stroke: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
stroke-blue-500
stroke: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
stroke-blue-600
stroke: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
stroke-blue-700
stroke: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
stroke-blue-800
stroke: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
stroke-blue-900
stroke: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
stroke-blue-950
stroke: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
stroke-indigo-50
stroke: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
stroke-indigo-100
stroke: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
stroke-indigo-200
stroke: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
stroke-indigo-300
stroke: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
stroke-indigo-400
stroke: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
stroke-indigo-500
stroke: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
stroke-indigo-600
stroke: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
stroke-indigo-700
stroke: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
stroke-indigo-800
stroke: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
stroke-indigo-900
stroke: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
stroke-indigo-950
stroke: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
stroke-violet-50
stroke: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
stroke-violet-100
stroke: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
stroke-violet-200
stroke: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
stroke-violet-300
stroke: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
stroke-violet-400
stroke: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
stroke-violet-500
stroke: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
stroke-violet-600
stroke: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
stroke-violet-700
stroke: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
stroke-violet-800
stroke: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
stroke-violet-900
stroke: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
stroke-violet-950
stroke: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
stroke-purple-50
stroke: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
stroke-purple-100
stroke: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
stroke-purple-200
stroke: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
stroke-purple-300
stroke: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
stroke-purple-400
stroke: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
stroke-purple-500
stroke: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
stroke-purple-600
stroke: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
stroke-purple-700
stroke: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
stroke-purple-800
stroke: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
stroke-purple-900
stroke: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
stroke-purple-950
stroke: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
stroke-fuchsia-50
stroke: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
stroke-fuchsia-100
stroke: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
stroke-fuchsia-200
stroke: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
stroke-fuchsia-300
stroke: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
stroke-fuchsia-400
stroke: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
stroke-fuchsia-500
stroke: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
stroke-fuchsia-600
stroke: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
stroke-fuchsia-700
stroke: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
stroke-fuchsia-800
stroke: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
stroke-fuchsia-900
stroke: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
stroke-fuchsia-950
stroke: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
stroke-pink-50
stroke: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
stroke-pink-100
stroke: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
stroke-pink-200
stroke: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
stroke-pink-300
stroke: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
stroke-pink-400
stroke: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
stroke-pink-500
stroke: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
stroke-pink-600
stroke: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
stroke-pink-700
stroke: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
stroke-pink-800
stroke: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
stroke-pink-900
stroke: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
stroke-pink-950
stroke: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
stroke-rose-50
stroke: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
stroke-rose-100
stroke: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
stroke-rose-200
stroke: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
stroke-rose-300
stroke: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
stroke-rose-400
stroke: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
stroke-rose-500
stroke: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
stroke-rose-600
stroke: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
stroke-rose-700
stroke: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
stroke-rose-800
stroke: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
stroke-rose-900
stroke: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
stroke-rose-950
stroke: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
stroke-slate-50
stroke: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
stroke-slate-100
stroke: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
stroke-slate-200
stroke: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
stroke-slate-300
stroke: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
stroke-slate-400
stroke: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
stroke-slate-500
stroke: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
stroke-slate-600
stroke: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
stroke-slate-700
stroke: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
stroke-slate-800
stroke: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
stroke-slate-900
stroke: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
stroke-slate-950
stroke: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
stroke-gray-50
stroke: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
stroke-gray-100
stroke: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
stroke-gray-200
stroke: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
stroke-gray-300
stroke: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
stroke-gray-400
stroke: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
stroke-gray-500
stroke: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
stroke-gray-600
stroke: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
stroke-gray-700
stroke: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
stroke-gray-800
stroke: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
stroke-gray-900
stroke: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
stroke-gray-950
stroke: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
stroke-zinc-50
stroke: var(--color-zinc-50); /* oklch(98.5% 0 0) */
stroke-zinc-100
stroke: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
stroke-zinc-200
stroke: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
stroke-zinc-300
stroke: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
stroke-zinc-400
stroke: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
stroke-zinc-500
stroke: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
stroke-zinc-600
stroke: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
stroke-zinc-700
stroke: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
stroke-zinc-800
stroke: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
stroke-zinc-900
stroke: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
stroke-zinc-950
stroke: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
stroke-neutral-50
stroke: var(--color-neutral-50); /* oklch(98.5% 0 0) */
stroke-neutral-100
stroke: var(--color-neutral-100); /* oklch(97% 0 0) */
stroke-neutral-200
stroke: var(--color-neutral-200); /* oklch(92.2% 0 0) */
stroke-neutral-300
stroke: var(--color-neutral-300); /* oklch(87% 0 0) */
stroke-neutral-400
stroke: var(--color-neutral-400); /* oklch(70.8% 0 0) */
stroke-neutral-500
stroke: var(--color-neutral-500); /* oklch(55.6% 0 0) */
stroke-neutral-600
stroke: var(--color-neutral-600); /* oklch(43.9% 0 0) */
stroke-neutral-700
stroke: var(--color-neutral-700); /* oklch(37.1% 0 0) */
stroke-neutral-800
stroke: var(--color-neutral-800); /* oklch(26.9% 0 0) */
stroke-neutral-900
stroke: var(--color-neutral-900); /* oklch(20.5% 0 0) */
stroke-neutral-950
stroke: var(--color-neutral-950); /* oklch(14.5% 0 0) */
stroke-stone-50
stroke: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
stroke-stone-100
stroke: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
stroke-stone-200
stroke: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
stroke-stone-300
stroke: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
stroke-stone-400
stroke: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
stroke-stone-500
stroke: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
stroke-stone-600
stroke: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
stroke-stone-700
stroke: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
stroke-stone-800
stroke: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
stroke-stone-900
stroke: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
stroke-stone-950
stroke: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
stroke-(<custom-property>)
stroke: var(<custom-property>);
stroke-[<color>]
stroke: <color>;

stroke-width

Utilities for styling the stroke width of SVG elements.

Class Styles
stroke-<number>
stroke-width: <number>;
stroke-(length:<custom-property>)
stroke-width: var(<custom-property>);
stroke-[<value>]
stroke-width: <value>;

forced-color-adjust

Utilities for opting in and out of forced colors.

Class Styles
forced-color-adjust-auto
forced-color-adjust: auto;
forced-color-adjust-none
forced-color-adjust: none;