⌘ K
Layout
aspect-ratio
Utilities for controlling the aspect ratio of an element.
.aspect-<ratio> | aspect-ratio: <ratio>; | |
.aspect-square | aspect-ratio: 1 / 1; | |
.aspect-video | aspect-ratio: var(--aspect-ratio-video); /* 16 / 9 */ | /* 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.
.columns-<number> | columns: <number>; | |
.columns-3xs | columns: var(--container-3xs); /* 16rem (256px) */ | /* 16rem (256px) */ |
.columns-2xs | columns: var(--container-2xs); /* 18rem (288px) */ | /* 18rem (288px) */ |
.columns-xs | columns: var(--container-xs); /* 20rem (320px) */ | /* 20rem (320px) */ |
.columns-sm | columns: var(--container-sm); /* 24rem (384px) */ | /* 24rem (384px) */ |
.columns-md | columns: var(--container-md); /* 28rem (448px) */ | /* 28rem (448px) */ |
.columns-lg | columns: var(--container-lg); /* 32rem (512px) */ | /* 32rem (512px) */ |
.columns-xl | columns: var(--container-xl); /* 36rem (576px) */ | /* 36rem (576px) */ |
.columns-2xl | columns: var(--container-2xl); /* 42rem (672px) */ | /* 42rem (672px) */ |
.columns-3xl | columns: var(--container-3xl); /* 48rem (768px) */ | /* 48rem (768px) */ |
.columns-4xl | columns: var(--container-4xl); /* 56rem (896px) */ | /* 56rem (896px) */ |
.columns-5xl | columns: var(--container-5xl); /* 64rem (1024px) */ | /* 64rem (1024px) */ |
.columns-6xl | columns: var(--container-6xl); /* 72rem (1152px) */ | /* 72rem (1152px) */ |
.columns-7xl | columns: var(--container-7xl); /* 80rem (1280px) */ | /* 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.
.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.
.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.
.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.
.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.
.box-border | box-sizing: border-box | |
.box-content | box-sizing: content-box |
display
Utilities for controlling the display box type of an element.
.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.
.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.
.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.
.isolate | isolation: isolate; | |
.isolation-auto | isolation: auto; |
object-fit
Utilities for controlling how a replaced element's content should be resized.
.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.
.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.
.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.
.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.
.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.
.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.
.visible | visibility: visible; | |
.invisible | visibility: hidden; | |
.collapse | visibility: collapse; | |
.#100 | Pendant Publishing | |
.#101 | Kruger Industrial Smoothing | |
.#102 | J. Peterman | |
.#100 | Pendant Publishing | |
.#101 | Kruger Industrial Smoothing | |
.#102 | J. Peterman | |
.#100 | Pendant Publishing | |
.#101 | Kruger Industrial Smoothing | |
.#102 | J. Peterman |
z-index
Utilities for controlling the stack order of an element.
.z-<number> | z-index: <number>; | |
.z-auto | z-index: auto; | |
.z-[<value>] | z-index: <value>; | |
.z-(<custom-property>) | z-index: var(<custom-property>); |
Flexbox & Grid
flex-basis
Utilities for controlling the initial size of flex items.
.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) */ | /* 16rem (256px) */ |
.basis-2xs | flex-basis: var(--container-2xs); /* 18rem (288px) */ | /* 18rem (288px) */ |
.basis-xs | flex-basis: var(--container-xs); /* 20rem (320px) */ | /* 20rem (320px) */ |
.basis-sm | flex-basis: var(--container-sm); /* 24rem (384px) */ | /* 24rem (384px) */ |
.basis-md | flex-basis: var(--container-md); /* 28rem (448px) */ | /* 28rem (448px) */ |
.basis-lg | flex-basis: var(--container-lg); /* 32rem (512px) */ | /* 32rem (512px) */ |
.basis-xl | flex-basis: var(--container-xl); /* 36rem (576px) */ | /* 36rem (576px) */ |
.basis-2xl | flex-basis: var(--container-2xl); /* 42rem (672px) */ | /* 42rem (672px) */ |
.basis-3xl | flex-basis: var(--container-3xl); /* 48rem (768px) */ | /* 48rem (768px) */ |
.basis-4xl | flex-basis: var(--container-4xl); /* 56rem (896px) */ | /* 56rem (896px) */ |
.basis-5xl | flex-basis: var(--container-5xl); /* 64rem (1024px) */ | /* 64rem (1024px) */ |
.basis-6xl | flex-basis: var(--container-6xl); /* 72rem (1152px) */ | /* 72rem (1152px) */ |
.basis-7xl | flex-basis: var(--container-7xl); /* 80rem (1280px) */ | /* 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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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; |
Spacing
padding
Utilities for controlling an element's padding.
.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.
.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;
} |
Sizing
width
Utilities for setting the width of an element.
.w-<number> | width: calc(var(--spacing) * <number>); | |
.w-<fraction> | width: calc(<fraction> * 100%); | |
.w-3xs | width: var(--container-3xs); /* 16rem (256px) */ | /* 16rem (256px) */ |
.w-2xs | width: var(--container-2xs); /* 18rem (288px) */ | /* 18rem (288px) */ |
.w-xs | width: var(--container-xs); /* 20rem (320px) */ | /* 20rem (320px) */ |
.w-sm | width: var(--container-sm); /* 24rem (384px) */ | /* 24rem (384px) */ |
.w-md | width: var(--container-md); /* 28rem (448px) */ | /* 28rem (448px) */ |
.w-lg | width: var(--container-lg); /* 32rem (512px) */ | /* 32rem (512px) */ |
.w-xl | width: var(--container-xl); /* 36rem (576px) */ | /* 36rem (576px) */ |
.w-2xl | width: var(--container-2xl); /* 42rem (672px) */ | /* 42rem (672px) */ |
.w-3xl | width: var(--container-3xl); /* 48rem (768px) */ | /* 48rem (768px) */ |
.w-4xl | width: var(--container-4xl); /* 56rem (896px) */ | /* 56rem (896px) */ |
.w-5xl | width: var(--container-5xl); /* 64rem (1024px) */ | /* 64rem (1024px) */ |
.w-6xl | width: var(--container-6xl); /* 72rem (1152px) */ | /* 72rem (1152px) */ |
.w-7xl | width: var(--container-7xl); /* 80rem (1280px) */ | /* 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.
.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) */ | /* 16rem (256px) */ |
.min-w-2xs | min-width: var(--container-2xs); /* 18rem (288px) */ | /* 18rem (288px) */ |
.min-w-xs | min-width: var(--container-xs); /* 20rem (320px) */ | /* 20rem (320px) */ |
.min-w-sm | min-width: var(--container-sm); /* 24rem (384px) */ | /* 24rem (384px) */ |
.min-w-md | min-width: var(--container-md); /* 28rem (448px) */ | /* 28rem (448px) */ |
.min-w-lg | min-width: var(--container-lg); /* 32rem (512px) */ | /* 32rem (512px) */ |
.min-w-xl | min-width: var(--container-xl); /* 36rem (576px) */ | /* 36rem (576px) */ |
.min-w-2xl | min-width: var(--container-2xl); /* 42rem (672px) */ | /* 42rem (672px) */ |
.min-w-3xl | min-width: var(--container-3xl); /* 48rem (768px) */ | /* 48rem (768px) */ |
.min-w-4xl | min-width: var(--container-4xl); /* 56rem (896px) */ | /* 56rem (896px) */ |
.min-w-5xl | min-width: var(--container-5xl); /* 64rem (1024px) */ | /* 64rem (1024px) */ |
.min-w-6xl | min-width: var(--container-6xl); /* 72rem (1152px) */ | /* 72rem (1152px) */ |
.min-w-7xl | min-width: var(--container-7xl); /* 80rem (1280px) */ | /* 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.
.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) */ | /* 16rem (256px) */ |
.max-w-2xs | max-width: var(--container-2xs); /* 18rem (288px) */ | /* 18rem (288px) */ |
.max-w-xs | max-width: var(--container-xs); /* 20rem (320px) */ | /* 20rem (320px) */ |
.max-w-sm | max-width: var(--container-sm); /* 24rem (384px) */ | /* 24rem (384px) */ |
.max-w-md | max-width: var(--container-md); /* 28rem (448px) */ | /* 28rem (448px) */ |
.max-w-lg | max-width: var(--container-lg); /* 32rem (512px) */ | /* 32rem (512px) */ |
.max-w-xl | max-width: var(--container-xl); /* 36rem (576px) */ | /* 36rem (576px) */ |
.max-w-2xl | max-width: var(--container-2xl); /* 42rem (672px) */ | /* 42rem (672px) */ |
.max-w-3xl | max-width: var(--container-3xl); /* 48rem (768px) */ | /* 48rem (768px) */ |
.max-w-4xl | max-width: var(--container-4xl); /* 56rem (896px) */ | /* 56rem (896px) */ |
.max-w-5xl | max-width: var(--container-5xl); /* 64rem (1024px) */ | /* 64rem (1024px) */ |
.max-w-6xl | max-width: var(--container-6xl); /* 72rem (1152px) */ | /* 72rem (1152px) */ |
.max-w-7xl | max-width: var(--container-7xl); /* 80rem (1280px) */ | /* 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.
.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-(<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.
.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-(<custom-property>) | min-height: var(<custom-property>); | |
.min-h-[<value>] | min-height: <value>; |
max-height
Utilities for setting the maximum height of an element.
.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-(<custom-property>) | max-height: var(<custom-property>); | |
.max-h-[<value>] | max-height: <value>; |
Typography
font-family
Utilities for controlling the font family of an element.
.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' */ | /* 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 */ | /* 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 */ | /* 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.
.text-xs | font-size: var(--text-xs); /* 0.75rem (12px) */
line-height: var(--text-xs--line-height); /* calc(1 / 0.75) */ | /* 0.75rem (12px) */ |
.text-sm | font-size: var(--text-sm); /* 0.875rem (14px) */
line-height: var(--text-sm--line-height); /* calc(1.25 / 0.875) */ | /* 0.875rem (14px) */ |
.text-base | font-size: var(--text-base); /* 1rem (16px) */
line-height: var(--text-base--line-height); /* calc(1.5 / 1) */ | /* 1rem (16px) */ |
.text-lg | font-size: var(--text-lg); /* 1.125rem (18px) */
line-height: var(--text-lg--line-height); /* calc(1.75 / 1.125) */ | /* 1.125rem (18px) */ |
.text-xl | font-size: var(--text-xl); /* 1.25rem (20px) */
line-height: var(--text-xl--line-height); /* calc(1.75 / 1.25) */ | /* 1.25rem (20px) */ |
.text-2xl | font-size: var(--text-2xl); /* 1.5rem (24px) */
line-height: var(--text-2xl--line-height); /* calc(2 / 1.5) */ | /* 1.5rem (24px) */ |
.text-3xl | font-size: var(--text-3xl); /* 1.875rem (30px) */
line-height: var(--text-3xl--line-height); /* calc(2.25 / 1.875) */ | /* 1.875rem (30px) */ |
.text-4xl | font-size: var(--text-4xl); /* 2.25rem (36px) */
line-height: var(--text-4xl--line-height); /* calc(2.5 / 2.25) */ | /* 2.25rem (36px) */ |
.text-5xl | font-size: var(--text-5xl); /* 3rem (48px) */
line-height: var(--text-5xl--line-height); /* 1 */ | /* 3rem (48px) */ |
.text-6xl | font-size: var(--text-6xl); /* 3.75rem (60px) */
line-height: var(--text-6xl--line-height); /* 1 */ | /* 3.75rem (60px) */ |
.text-7xl | font-size: var(--text-7xl); /* 4.5rem (72px) */
line-height: var(--text-7xl--line-height); /* 1 */ | /* 4.5rem (72px) */ |
.text-8xl | font-size: var(--text-8xl); /* 6rem (96px) */
line-height: var(--text-8xl--line-height); /* 1 */ | /* 6rem (96px) */ |
.text-9xl | font-size: var(--text-9xl); /* 8rem (128px) */
line-height: var(--text-9xl--line-height); /* 1 */ | /* 8rem (128px) */ |
.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.
.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.
.italic | font-style: italic; | |
.not-italic | font-style: normal; |
font-weight
Utilities for controlling the font weight of an element.
.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.
.font-stretch-ultra-condensed | font-stretch: ultra-condensed; /* 50% */ | /* 50% */ |
.font-stretch-extra-condensed | font-stretch: extra-condensed; /* 62.5% */ | /* 62.5% */ |
.font-stretch-condensed | font-stretch: condensed; /* 75% */ | /* 75% */ |
.font-stretch-semi-condensed | font-stretch: semi-condensed; /* 87.5% */ | /* 87.5% */ |
.font-stretch-normal | font-stretch: normal; /* 100% */ | /* 100% */ |
.font-stretch-semi-expanded | font-stretch: semi-expanded; /* 112.5% */ | /* 112.5% */ |
.font-stretch-expanded | font-stretch: expanded; /* 125% */ | /* 125% */ |
.font-stretch-extra-expanded | font-stretch: extra-expanded; /* 150% */ | /* 150% */ |
.font-stretch-ultra-expanded | font-stretch: ultra-expanded; /* 200% */ | /* 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.
.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.
.tracking-tighter | letter-spacing: var(--tracking-tighter); /* -0.05em */ | /* -0.05em */ |
.tracking-tight | letter-spacing: var(--tracking-tight); /* -0.025em */ | /* -0.025em */ |
.tracking-normal | letter-spacing: var(--tracking-normal); /* 0em */ | /* 0em */ |
.tracking-wide | letter-spacing: var(--tracking-wide); /* 0.025em */ | /* 0.025em */ |
.tracking-wider | letter-spacing: var(--tracking-wider); /* 0.05em */ | /* 0.05em */ |
.tracking-widest | letter-spacing: var(--tracking-widest); /* 0.1em */ | /* 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.
.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.
.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.
.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.
.list-inside | list-style-position: inside; | |
.list-outside | list-style-position: outside; |
list-style-type
Utilities for controlling the marker style of a list.
.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.
.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.
.text-inherit | color: inherit; | |
.text-current | color: currentColor; | |
.text-transparent | color: transparent; | |
.text-black | color: var(--color-black); /* #000 */ | /* #000 */ |
.text-white | color: var(--color-white); /* #fff */ | /* #fff */ |
.text-red-50 | color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* oklch(97.1% 0.013 17.38) */ |
.text-red-100 | color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | /* oklch(93.6% 0.032 17.717) */ |
.text-red-200 | color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | /* oklch(88.5% 0.062 18.334) */ |
.text-red-300 | color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | /* oklch(80.8% 0.114 19.571) */ |
.text-red-400 | color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | /* oklch(70.4% 0.191 22.216) */ |
.text-red-500 | color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | /* oklch(63.7% 0.237 25.331) */ |
.text-red-600 | color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | /* oklch(57.7% 0.245 27.325) */ |
.text-red-700 | color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | /* oklch(50.5% 0.213 27.518) */ |
.text-red-800 | color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | /* oklch(44.4% 0.177 26.899) */ |
.text-red-900 | color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | /* oklch(39.6% 0.141 25.723) */ |
.text-red-950 | color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | /* oklch(25.8% 0.092 26.042) */ |
.text-orange-50 | color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.text-orange-100 | color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* oklch(95.4% 0.038 75.164) */ |
.text-orange-200 | color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | /* oklch(90.1% 0.076 70.697) */ |
.text-orange-300 | color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | /* oklch(83.7% 0.128 66.29) */ |
.text-orange-400 | color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.text-orange-500 | color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* oklch(70.5% 0.213 47.604) */ |
.text-orange-600 | color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | /* oklch(64.6% 0.222 41.116) */ |
.text-orange-700 | color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | /* oklch(55.3% 0.195 38.402) */ |
.text-orange-800 | color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.text-orange-900 | color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* oklch(40.8% 0.123 38.172) */ |
.text-orange-950 | color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | /* oklch(26.6% 0.079 36.259) */ |
.text-amber-50 | color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | /* oklch(98.7% 0.022 95.277) */ |
.text-amber-100 | color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | /* oklch(96.2% 0.059 95.617) */ |
.text-amber-200 | color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | /* oklch(92.4% 0.12 95.746) */ |
.text-amber-300 | color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | /* oklch(87.9% 0.169 91.605) */ |
.text-amber-400 | color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | /* oklch(82.8% 0.189 84.429) */ |
.text-amber-500 | color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | /* oklch(76.9% 0.188 70.08) */ |
.text-amber-600 | color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | /* oklch(66.6% 0.179 58.318) */ |
.text-amber-700 | color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | /* oklch(55.5% 0.163 48.998) */ |
.text-amber-800 | color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | /* oklch(47.3% 0.137 46.201) */ |
.text-amber-900 | color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | /* oklch(41.4% 0.112 45.904) */ |
.text-amber-950 | color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | /* oklch(27.9% 0.077 45.635) */ |
.text-yellow-50 | color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | /* oklch(98.7% 0.026 102.212) */ |
.text-yellow-100 | color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | /* oklch(97.3% 0.071 103.193) */ |
.text-yellow-200 | color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | /* oklch(94.5% 0.129 101.54) */ |
.text-yellow-300 | color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | /* oklch(90.5% 0.182 98.111) */ |
.text-yellow-400 | color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | /* oklch(85.2% 0.199 91.936) */ |
.text-yellow-500 | color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | /* oklch(79.5% 0.184 86.047) */ |
.text-yellow-600 | color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | /* oklch(68.1% 0.162 75.834) */ |
.text-yellow-700 | color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | /* oklch(55.4% 0.135 66.442) */ |
.text-yellow-800 | color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | /* oklch(47.6% 0.114 61.907) */ |
.text-yellow-900 | color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | /* oklch(42.1% 0.095 57.708) */ |
.text-yellow-950 | color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | /* oklch(28.6% 0.066 53.813) */ |
.text-lime-50 | color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | /* oklch(98.6% 0.031 120.757) */ |
.text-lime-100 | color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | /* oklch(96.7% 0.067 122.328) */ |
.text-lime-200 | color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | /* oklch(93.8% 0.127 124.321) */ |
.text-lime-300 | color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | /* oklch(89.7% 0.196 126.665) */ |
.text-lime-400 | color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | /* oklch(84.1% 0.238 128.85) */ |
.text-lime-500 | color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | /* oklch(76.8% 0.233 130.85) */ |
.text-lime-600 | color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | /* oklch(64.8% 0.2 131.684) */ |
.text-lime-700 | color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | /* oklch(53.2% 0.157 131.589) */ |
.text-lime-800 | color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | /* oklch(45.3% 0.124 130.933) */ |
.text-lime-900 | color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | /* oklch(40.5% 0.101 131.063) */ |
.text-lime-950 | color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | /* oklch(27.4% 0.072 132.109) */ |
.text-green-50 | color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | /* oklch(98.2% 0.018 155.826) */ |
.text-green-100 | color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | /* oklch(96.2% 0.044 156.743) */ |
.text-green-200 | color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | /* oklch(92.5% 0.084 155.995) */ |
.text-green-300 | color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | /* oklch(87.1% 0.15 154.449) */ |
.text-green-400 | color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | /* oklch(79.2% 0.209 151.711) */ |
.text-green-500 | color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | /* oklch(72.3% 0.219 149.579) */ |
.text-green-600 | color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | /* oklch(62.7% 0.194 149.214) */ |
.text-green-700 | color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | /* oklch(52.7% 0.154 150.069) */ |
.text-green-800 | color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | /* oklch(44.8% 0.119 151.328) */ |
.text-green-900 | color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | /* oklch(39.3% 0.095 152.535) */ |
.text-green-950 | color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | /* oklch(26.6% 0.065 152.934) */ |
.text-emerald-50 | color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | /* oklch(97.9% 0.021 166.113) */ |
.text-emerald-100 | color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.text-emerald-200 | color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* oklch(90.5% 0.093 164.15) */ |
.text-emerald-300 | color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | /* oklch(84.5% 0.143 164.978) */ |
.text-emerald-400 | color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | /* oklch(76.5% 0.177 163.223) */ |
.text-emerald-500 | color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | /* oklch(69.6% 0.17 162.48) */ |
.text-emerald-600 | color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | /* oklch(59.6% 0.145 163.225) */ |
.text-emerald-700 | color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | /* oklch(50.8% 0.118 165.612) */ |
.text-emerald-800 | color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | /* oklch(43.2% 0.095 166.913) */ |
.text-emerald-900 | color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | /* oklch(37.8% 0.077 168.94) */ |
.text-emerald-950 | color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | /* oklch(26.2% 0.051 172.552) */ |
.text-teal-50 | color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | /* oklch(98.4% 0.014 180.72) */ |
.text-teal-100 | color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | /* oklch(95.3% 0.051 180.801) */ |
.text-teal-200 | color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.text-teal-300 | color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* oklch(85.5% 0.138 181.071) */ |
.text-teal-400 | color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | /* oklch(77.7% 0.152 181.912) */ |
.text-teal-500 | color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | /* oklch(70.4% 0.14 182.503) */ |
.text-teal-600 | color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.text-teal-700 | color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* oklch(51.1% 0.096 186.391) */ |
.text-teal-800 | color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | /* oklch(43.7% 0.078 188.216) */ |
.text-teal-900 | color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | /* oklch(38.6% 0.063 188.416) */ |
.text-teal-950 | color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | /* oklch(27.7% 0.046 192.524) */ |
.text-cyan-50 | color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | /* oklch(98.4% 0.019 200.873) */ |
.text-cyan-100 | color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | /* oklch(95.6% 0.045 203.388) */ |
.text-cyan-200 | color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | /* oklch(91.7% 0.08 205.041) */ |
.text-cyan-300 | color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | /* oklch(86.5% 0.127 207.078) */ |
.text-cyan-400 | color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | /* oklch(78.9% 0.154 211.53) */ |
.text-cyan-500 | color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | /* oklch(71.5% 0.143 215.221) */ |
.text-cyan-600 | color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | /* oklch(60.9% 0.126 221.723) */ |
.text-cyan-700 | color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.text-cyan-800 | color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.text-cyan-900 | color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* oklch(39.8% 0.07 227.392) */ |
.text-cyan-950 | color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | /* oklch(30.2% 0.056 229.695) */ |
.text-sky-50 | color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | /* oklch(97.7% 0.013 236.62) */ |
.text-sky-100 | color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | /* oklch(95.1% 0.026 236.824) */ |
.text-sky-200 | color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | /* oklch(90.1% 0.058 230.902) */ |
.text-sky-300 | color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | /* oklch(82.8% 0.111 230.318) */ |
.text-sky-400 | color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | /* oklch(74.6% 0.16 232.661) */ |
.text-sky-500 | color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | /* oklch(68.5% 0.169 237.323) */ |
.text-sky-600 | color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | /* oklch(58.8% 0.158 241.966) */ |
.text-sky-700 | color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.text-sky-800 | color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* oklch(44.3% 0.11 240.79) */ |
.text-sky-900 | color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | /* oklch(39.1% 0.09 240.876) */ |
.text-sky-950 | color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | /* oklch(29.3% 0.066 243.157) */ |
.text-blue-50 | color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.text-blue-100 | color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* oklch(93.2% 0.032 255.585) */ |
.text-blue-200 | color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | /* oklch(88.2% 0.059 254.128) */ |
.text-blue-300 | color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | /* oklch(80.9% 0.105 251.813) */ |
.text-blue-400 | color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | /* oklch(70.7% 0.165 254.624) */ |
.text-blue-500 | color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | /* oklch(62.3% 0.214 259.815) */ |
.text-blue-600 | color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | /* oklch(54.6% 0.245 262.881) */ |
.text-blue-700 | color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | /* oklch(48.8% 0.243 264.376) */ |
.text-blue-800 | color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | /* oklch(42.4% 0.199 265.638) */ |
.text-blue-900 | color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | /* oklch(37.9% 0.146 265.522) */ |
.text-blue-950 | color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | /* oklch(28.2% 0.091 267.935) */ |
.text-indigo-50 | color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | /* oklch(96.2% 0.018 272.314) */ |
.text-indigo-100 | color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.text-indigo-200 | color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.text-indigo-300 | color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* oklch(78.5% 0.115 274.713) */ |
.text-indigo-400 | color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | /* oklch(67.3% 0.182 276.935) */ |
.text-indigo-500 | color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | /* oklch(58.5% 0.233 277.117) */ |
.text-indigo-600 | color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | /* oklch(51.1% 0.262 276.966) */ |
.text-indigo-700 | color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | /* oklch(45.7% 0.24 277.023) */ |
.text-indigo-800 | color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | /* oklch(39.8% 0.195 277.366) */ |
.text-indigo-900 | color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | /* oklch(35.9% 0.144 278.697) */ |
.text-indigo-950 | color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | /* oklch(25.7% 0.09 281.288) */ |
.text-violet-50 | color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | /* oklch(96.9% 0.016 293.756) */ |
.text-violet-100 | color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | /* oklch(94.3% 0.029 294.588) */ |
.text-violet-200 | color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | /* oklch(89.4% 0.057 293.283) */ |
.text-violet-300 | color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | /* oklch(81.1% 0.111 293.571) */ |
.text-violet-400 | color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | /* oklch(70.2% 0.183 293.541) */ |
.text-violet-500 | color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | /* oklch(60.6% 0.25 292.717) */ |
.text-violet-600 | color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | /* oklch(54.1% 0.281 293.009) */ |
.text-violet-700 | color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | /* oklch(49.1% 0.27 292.581) */ |
.text-violet-800 | color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | /* oklch(43.2% 0.232 292.759) */ |
.text-violet-900 | color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.text-violet-950 | color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* oklch(28.3% 0.141 291.089) */ |
.text-purple-50 | color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | /* oklch(97.7% 0.014 308.299) */ |
.text-purple-100 | color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | /* oklch(94.6% 0.033 307.174) */ |
.text-purple-200 | color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | /* oklch(90.2% 0.063 306.703) */ |
.text-purple-300 | color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | /* oklch(82.7% 0.119 306.383) */ |
.text-purple-400 | color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | /* oklch(71.4% 0.203 305.504) */ |
.text-purple-500 | color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | /* oklch(62.7% 0.265 303.9) */ |
.text-purple-600 | color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | /* oklch(55.8% 0.288 302.321) */ |
.text-purple-700 | color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | /* oklch(49.6% 0.265 301.924) */ |
.text-purple-800 | color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | /* oklch(43.8% 0.218 303.724) */ |
.text-purple-900 | color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | /* oklch(38.1% 0.176 304.987) */ |
.text-purple-950 | color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | /* oklch(29.1% 0.149 302.717) */ |
.text-fuchsia-50 | color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | /* oklch(97.7% 0.017 320.058) */ |
.text-fuchsia-100 | color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | /* oklch(95.2% 0.037 318.852) */ |
.text-fuchsia-200 | color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | /* oklch(90.3% 0.076 319.62) */ |
.text-fuchsia-300 | color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | /* oklch(83.3% 0.145 321.434) */ |
.text-fuchsia-400 | color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.text-fuchsia-500 | color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* oklch(66.7% 0.295 322.15) */ |
.text-fuchsia-600 | color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | /* oklch(59.1% 0.293 322.896) */ |
.text-fuchsia-700 | color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | /* oklch(51.8% 0.253 323.949) */ |
.text-fuchsia-800 | color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | /* oklch(45.2% 0.211 324.591) */ |
.text-fuchsia-900 | color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | /* oklch(40.1% 0.17 325.612) */ |
.text-fuchsia-950 | color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | /* oklch(29.3% 0.136 325.661) */ |
.text-pink-50 | color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | /* oklch(97.1% 0.014 343.198) */ |
.text-pink-100 | color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | /* oklch(94.8% 0.028 342.258) */ |
.text-pink-200 | color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | /* oklch(89.9% 0.061 343.231) */ |
.text-pink-300 | color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | /* oklch(82.3% 0.12 346.018) */ |
.text-pink-400 | color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | /* oklch(71.8% 0.202 349.761) */ |
.text-pink-500 | color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | /* oklch(65.6% 0.241 354.308) */ |
.text-pink-600 | color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | /* oklch(59.2% 0.249 0.584) */ |
.text-pink-700 | color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | /* oklch(52.5% 0.223 3.958) */ |
.text-pink-800 | color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | /* oklch(45.9% 0.187 3.815) */ |
.text-pink-900 | color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | /* oklch(40.8% 0.153 2.432) */ |
.text-pink-950 | color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | /* oklch(28.4% 0.109 3.907) */ |
.text-rose-50 | color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | /* oklch(96.9% 0.015 12.422) */ |
.text-rose-100 | color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | /* oklch(94.1% 0.03 12.58) */ |
.text-rose-200 | color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | /* oklch(89.2% 0.058 10.001) */ |
.text-rose-300 | color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.text-rose-400 | color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* oklch(71.2% 0.194 13.428) */ |
.text-rose-500 | color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | /* oklch(64.5% 0.246 16.439) */ |
.text-rose-600 | color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | /* oklch(58.6% 0.253 17.585) */ |
.text-rose-700 | color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | /* oklch(51.4% 0.222 16.935) */ |
.text-rose-800 | color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | /* oklch(45.5% 0.188 13.697) */ |
.text-rose-900 | color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.text-rose-950 | color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* oklch(27.1% 0.105 12.094) */ |
.text-slate-50 | color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | /* oklch(98.4% 0.003 247.858) */ |
.text-slate-100 | color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | /* oklch(96.8% 0.007 247.896) */ |
.text-slate-200 | color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | /* oklch(92.9% 0.013 255.508) */ |
.text-slate-300 | color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | /* oklch(86.9% 0.022 252.894) */ |
.text-slate-400 | color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | /* oklch(70.4% 0.04 256.788) */ |
.text-slate-500 | color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | /* oklch(55.4% 0.046 257.417) */ |
.text-slate-600 | color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | /* oklch(44.6% 0.043 257.281) */ |
.text-slate-700 | color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | /* oklch(37.2% 0.044 257.287) */ |
.text-slate-800 | color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | /* oklch(27.9% 0.041 260.031) */ |
.text-slate-900 | color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | /* oklch(20.8% 0.042 265.755) */ |
.text-slate-950 | color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | /* oklch(12.9% 0.042 264.695) */ |
.text-gray-50 | color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | /* oklch(98.5% 0.002 247.839) */ |
.text-gray-100 | color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | /* oklch(96.7% 0.003 264.542) */ |
.text-gray-200 | color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | /* oklch(92.8% 0.006 264.531) */ |
.text-gray-300 | color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | /* oklch(87.2% 0.01 258.338) */ |
.text-gray-400 | color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | /* oklch(70.7% 0.022 261.325) */ |
.text-gray-500 | color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | /* oklch(55.1% 0.027 264.364) */ |
.text-gray-600 | color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | /* oklch(44.6% 0.03 256.802) */ |
.text-gray-700 | color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | /* oklch(37.3% 0.034 259.733) */ |
.text-gray-800 | color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | /* oklch(27.8% 0.033 256.848) */ |
.text-gray-900 | color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.text-gray-950 | color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.text-zinc-50 | color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.text-zinc-100 | color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.text-zinc-200 | color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.text-zinc-300 | color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* oklch(87.1% 0.006 286.286) */ |
.text-zinc-400 | color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | /* oklch(70.5% 0.015 286.067) */ |
.text-zinc-500 | color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | /* oklch(55.2% 0.016 285.938) */ |
.text-zinc-600 | color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | /* oklch(44.2% 0.017 285.786) */ |
.text-zinc-700 | color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.text-zinc-800 | color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.text-zinc-900 | color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.text-zinc-950 | color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.text-neutral-50 | color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.text-neutral-100 | color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.text-neutral-200 | color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.text-neutral-300 | color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.text-neutral-400 | color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.text-neutral-500 | color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.text-neutral-600 | color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.text-neutral-700 | color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.text-neutral-800 | color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.text-neutral-900 | color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.text-neutral-950 | color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.text-stone-50 | color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.text-stone-100 | color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.text-stone-200 | color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* oklch(92.3% 0.003 48.717) */ |
.text-stone-300 | color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | /* oklch(86.9% 0.005 56.366) */ |
.text-stone-400 | color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | /* oklch(70.9% 0.01 56.259) */ |
.text-stone-500 | color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | /* oklch(55.3% 0.013 58.071) */ |
.text-stone-600 | color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | /* oklch(44.4% 0.011 73.639) */ |
.text-stone-700 | color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | /* oklch(37.4% 0.01 67.558) */ |
.text-stone-800 | color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | /* oklch(26.8% 0.007 34.298) */ |
.text-stone-900 | color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | /* oklch(21.6% 0.006 56.043) */ |
.text-stone-950 | color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | /* 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.
.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.
.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 */ | /* #000 */ |
.decoration-white | text-decoration-color: var(--color-white); /* #fff */ | /* #fff */ |
.decoration-red-50 | text-decoration-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* oklch(97.1% 0.013 17.38) */ |
.decoration-red-100 | text-decoration-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | /* oklch(93.6% 0.032 17.717) */ |
.decoration-red-200 | text-decoration-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | /* oklch(88.5% 0.062 18.334) */ |
.decoration-red-300 | text-decoration-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | /* oklch(80.8% 0.114 19.571) */ |
.decoration-red-400 | text-decoration-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | /* oklch(70.4% 0.191 22.216) */ |
.decoration-red-500 | text-decoration-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | /* oklch(63.7% 0.237 25.331) */ |
.decoration-red-600 | text-decoration-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | /* oklch(57.7% 0.245 27.325) */ |
.decoration-red-700 | text-decoration-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | /* oklch(50.5% 0.213 27.518) */ |
.decoration-red-800 | text-decoration-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | /* oklch(44.4% 0.177 26.899) */ |
.decoration-red-900 | text-decoration-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | /* oklch(39.6% 0.141 25.723) */ |
.decoration-red-950 | text-decoration-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | /* oklch(25.8% 0.092 26.042) */ |
.decoration-orange-50 | text-decoration-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.decoration-orange-100 | text-decoration-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* oklch(95.4% 0.038 75.164) */ |
.decoration-orange-200 | text-decoration-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | /* oklch(90.1% 0.076 70.697) */ |
.decoration-orange-300 | text-decoration-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | /* oklch(83.7% 0.128 66.29) */ |
.decoration-orange-400 | text-decoration-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.decoration-orange-500 | text-decoration-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* oklch(70.5% 0.213 47.604) */ |
.decoration-orange-600 | text-decoration-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | /* oklch(64.6% 0.222 41.116) */ |
.decoration-orange-700 | text-decoration-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | /* oklch(55.3% 0.195 38.402) */ |
.decoration-orange-800 | text-decoration-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.decoration-orange-900 | text-decoration-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* oklch(40.8% 0.123 38.172) */ |
.decoration-orange-950 | text-decoration-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | /* oklch(26.6% 0.079 36.259) */ |
.decoration-amber-50 | text-decoration-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | /* oklch(98.7% 0.022 95.277) */ |
.decoration-amber-100 | text-decoration-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | /* oklch(96.2% 0.059 95.617) */ |
.decoration-amber-200 | text-decoration-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | /* oklch(92.4% 0.12 95.746) */ |
.decoration-amber-300 | text-decoration-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | /* oklch(87.9% 0.169 91.605) */ |
.decoration-amber-400 | text-decoration-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | /* oklch(82.8% 0.189 84.429) */ |
.decoration-amber-500 | text-decoration-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | /* oklch(76.9% 0.188 70.08) */ |
.decoration-amber-600 | text-decoration-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | /* oklch(66.6% 0.179 58.318) */ |
.decoration-amber-700 | text-decoration-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | /* oklch(55.5% 0.163 48.998) */ |
.decoration-amber-800 | text-decoration-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | /* oklch(47.3% 0.137 46.201) */ |
.decoration-amber-900 | text-decoration-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | /* oklch(41.4% 0.112 45.904) */ |
.decoration-amber-950 | text-decoration-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | /* oklch(27.9% 0.077 45.635) */ |
.decoration-yellow-50 | text-decoration-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | /* oklch(98.7% 0.026 102.212) */ |
.decoration-yellow-100 | text-decoration-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | /* oklch(97.3% 0.071 103.193) */ |
.decoration-yellow-200 | text-decoration-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | /* oklch(94.5% 0.129 101.54) */ |
.decoration-yellow-300 | text-decoration-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | /* oklch(90.5% 0.182 98.111) */ |
.decoration-yellow-400 | text-decoration-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | /* oklch(85.2% 0.199 91.936) */ |
.decoration-yellow-500 | text-decoration-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | /* oklch(79.5% 0.184 86.047) */ |
.decoration-yellow-600 | text-decoration-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | /* oklch(68.1% 0.162 75.834) */ |
.decoration-yellow-700 | text-decoration-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | /* oklch(55.4% 0.135 66.442) */ |
.decoration-yellow-800 | text-decoration-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | /* oklch(47.6% 0.114 61.907) */ |
.decoration-yellow-900 | text-decoration-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | /* oklch(42.1% 0.095 57.708) */ |
.decoration-yellow-950 | text-decoration-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | /* oklch(28.6% 0.066 53.813) */ |
.decoration-lime-50 | text-decoration-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | /* oklch(98.6% 0.031 120.757) */ |
.decoration-lime-100 | text-decoration-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | /* oklch(96.7% 0.067 122.328) */ |
.decoration-lime-200 | text-decoration-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | /* oklch(93.8% 0.127 124.321) */ |
.decoration-lime-300 | text-decoration-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | /* oklch(89.7% 0.196 126.665) */ |
.decoration-lime-400 | text-decoration-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | /* oklch(84.1% 0.238 128.85) */ |
.decoration-lime-500 | text-decoration-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | /* oklch(76.8% 0.233 130.85) */ |
.decoration-lime-600 | text-decoration-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | /* oklch(64.8% 0.2 131.684) */ |
.decoration-lime-700 | text-decoration-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | /* oklch(53.2% 0.157 131.589) */ |
.decoration-lime-800 | text-decoration-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | /* oklch(45.3% 0.124 130.933) */ |
.decoration-lime-900 | text-decoration-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | /* oklch(40.5% 0.101 131.063) */ |
.decoration-lime-950 | text-decoration-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | /* oklch(27.4% 0.072 132.109) */ |
.decoration-green-50 | text-decoration-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | /* oklch(98.2% 0.018 155.826) */ |
.decoration-green-100 | text-decoration-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | /* oklch(96.2% 0.044 156.743) */ |
.decoration-green-200 | text-decoration-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | /* oklch(92.5% 0.084 155.995) */ |
.decoration-green-300 | text-decoration-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | /* oklch(87.1% 0.15 154.449) */ |
.decoration-green-400 | text-decoration-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | /* oklch(79.2% 0.209 151.711) */ |
.decoration-green-500 | text-decoration-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | /* oklch(72.3% 0.219 149.579) */ |
.decoration-green-600 | text-decoration-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | /* oklch(62.7% 0.194 149.214) */ |
.decoration-green-700 | text-decoration-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | /* oklch(52.7% 0.154 150.069) */ |
.decoration-green-800 | text-decoration-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | /* oklch(44.8% 0.119 151.328) */ |
.decoration-green-900 | text-decoration-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | /* oklch(39.3% 0.095 152.535) */ |
.decoration-green-950 | text-decoration-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | /* oklch(26.6% 0.065 152.934) */ |
.decoration-emerald-50 | text-decoration-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | /* oklch(97.9% 0.021 166.113) */ |
.decoration-emerald-100 | text-decoration-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.decoration-emerald-200 | text-decoration-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* oklch(90.5% 0.093 164.15) */ |
.decoration-emerald-300 | text-decoration-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | /* oklch(84.5% 0.143 164.978) */ |
.decoration-emerald-400 | text-decoration-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | /* oklch(76.5% 0.177 163.223) */ |
.decoration-emerald-500 | text-decoration-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | /* oklch(69.6% 0.17 162.48) */ |
.decoration-emerald-600 | text-decoration-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | /* oklch(59.6% 0.145 163.225) */ |
.decoration-emerald-700 | text-decoration-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | /* oklch(50.8% 0.118 165.612) */ |
.decoration-emerald-800 | text-decoration-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | /* oklch(43.2% 0.095 166.913) */ |
.decoration-emerald-900 | text-decoration-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | /* oklch(37.8% 0.077 168.94) */ |
.decoration-emerald-950 | text-decoration-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | /* oklch(26.2% 0.051 172.552) */ |
.decoration-teal-50 | text-decoration-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | /* oklch(98.4% 0.014 180.72) */ |
.decoration-teal-100 | text-decoration-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | /* oklch(95.3% 0.051 180.801) */ |
.decoration-teal-200 | text-decoration-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.decoration-teal-300 | text-decoration-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* oklch(85.5% 0.138 181.071) */ |
.decoration-teal-400 | text-decoration-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | /* oklch(77.7% 0.152 181.912) */ |
.decoration-teal-500 | text-decoration-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | /* oklch(70.4% 0.14 182.503) */ |
.decoration-teal-600 | text-decoration-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.decoration-teal-700 | text-decoration-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* oklch(51.1% 0.096 186.391) */ |
.decoration-teal-800 | text-decoration-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | /* oklch(43.7% 0.078 188.216) */ |
.decoration-teal-900 | text-decoration-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | /* oklch(38.6% 0.063 188.416) */ |
.decoration-teal-950 | text-decoration-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | /* oklch(27.7% 0.046 192.524) */ |
.decoration-cyan-50 | text-decoration-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | /* oklch(98.4% 0.019 200.873) */ |
.decoration-cyan-100 | text-decoration-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | /* oklch(95.6% 0.045 203.388) */ |
.decoration-cyan-200 | text-decoration-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | /* oklch(91.7% 0.08 205.041) */ |
.decoration-cyan-300 | text-decoration-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | /* oklch(86.5% 0.127 207.078) */ |
.decoration-cyan-400 | text-decoration-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | /* oklch(78.9% 0.154 211.53) */ |
.decoration-cyan-500 | text-decoration-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | /* oklch(71.5% 0.143 215.221) */ |
.decoration-cyan-600 | text-decoration-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | /* oklch(60.9% 0.126 221.723) */ |
.decoration-cyan-700 | text-decoration-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.decoration-cyan-800 | text-decoration-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.decoration-cyan-900 | text-decoration-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* oklch(39.8% 0.07 227.392) */ |
.decoration-cyan-950 | text-decoration-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | /* oklch(30.2% 0.056 229.695) */ |
.decoration-sky-50 | text-decoration-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | /* oklch(97.7% 0.013 236.62) */ |
.decoration-sky-100 | text-decoration-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | /* oklch(95.1% 0.026 236.824) */ |
.decoration-sky-200 | text-decoration-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | /* oklch(90.1% 0.058 230.902) */ |
.decoration-sky-300 | text-decoration-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | /* oklch(82.8% 0.111 230.318) */ |
.decoration-sky-400 | text-decoration-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | /* oklch(74.6% 0.16 232.661) */ |
.decoration-sky-500 | text-decoration-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | /* oklch(68.5% 0.169 237.323) */ |
.decoration-sky-600 | text-decoration-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | /* oklch(58.8% 0.158 241.966) */ |
.decoration-sky-700 | text-decoration-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.decoration-sky-800 | text-decoration-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* oklch(44.3% 0.11 240.79) */ |
.decoration-sky-900 | text-decoration-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | /* oklch(39.1% 0.09 240.876) */ |
.decoration-sky-950 | text-decoration-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | /* oklch(29.3% 0.066 243.157) */ |
.decoration-blue-50 | text-decoration-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.decoration-blue-100 | text-decoration-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* oklch(93.2% 0.032 255.585) */ |
.decoration-blue-200 | text-decoration-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | /* oklch(88.2% 0.059 254.128) */ |
.decoration-blue-300 | text-decoration-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | /* oklch(80.9% 0.105 251.813) */ |
.decoration-blue-400 | text-decoration-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | /* oklch(70.7% 0.165 254.624) */ |
.decoration-blue-500 | text-decoration-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | /* oklch(62.3% 0.214 259.815) */ |
.decoration-blue-600 | text-decoration-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | /* oklch(54.6% 0.245 262.881) */ |
.decoration-blue-700 | text-decoration-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | /* oklch(48.8% 0.243 264.376) */ |
.decoration-blue-800 | text-decoration-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | /* oklch(42.4% 0.199 265.638) */ |
.decoration-blue-900 | text-decoration-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | /* oklch(37.9% 0.146 265.522) */ |
.decoration-blue-950 | text-decoration-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | /* oklch(28.2% 0.091 267.935) */ |
.decoration-indigo-50 | text-decoration-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | /* oklch(96.2% 0.018 272.314) */ |
.decoration-indigo-100 | text-decoration-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.decoration-indigo-200 | text-decoration-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.decoration-indigo-300 | text-decoration-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* oklch(78.5% 0.115 274.713) */ |
.decoration-indigo-400 | text-decoration-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | /* oklch(67.3% 0.182 276.935) */ |
.decoration-indigo-500 | text-decoration-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | /* oklch(58.5% 0.233 277.117) */ |
.decoration-indigo-600 | text-decoration-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | /* oklch(51.1% 0.262 276.966) */ |
.decoration-indigo-700 | text-decoration-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | /* oklch(45.7% 0.24 277.023) */ |
.decoration-indigo-800 | text-decoration-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | /* oklch(39.8% 0.195 277.366) */ |
.decoration-indigo-900 | text-decoration-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | /* oklch(35.9% 0.144 278.697) */ |
.decoration-indigo-950 | text-decoration-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | /* oklch(25.7% 0.09 281.288) */ |
.decoration-violet-50 | text-decoration-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | /* oklch(96.9% 0.016 293.756) */ |
.decoration-violet-100 | text-decoration-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | /* oklch(94.3% 0.029 294.588) */ |
.decoration-violet-200 | text-decoration-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | /* oklch(89.4% 0.057 293.283) */ |
.decoration-violet-300 | text-decoration-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | /* oklch(81.1% 0.111 293.571) */ |
.decoration-violet-400 | text-decoration-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | /* oklch(70.2% 0.183 293.541) */ |
.decoration-violet-500 | text-decoration-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | /* oklch(60.6% 0.25 292.717) */ |
.decoration-violet-600 | text-decoration-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | /* oklch(54.1% 0.281 293.009) */ |
.decoration-violet-700 | text-decoration-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | /* oklch(49.1% 0.27 292.581) */ |
.decoration-violet-800 | text-decoration-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | /* oklch(43.2% 0.232 292.759) */ |
.decoration-violet-900 | text-decoration-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.decoration-violet-950 | text-decoration-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* oklch(28.3% 0.141 291.089) */ |
.decoration-purple-50 | text-decoration-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | /* oklch(97.7% 0.014 308.299) */ |
.decoration-purple-100 | text-decoration-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | /* oklch(94.6% 0.033 307.174) */ |
.decoration-purple-200 | text-decoration-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | /* oklch(90.2% 0.063 306.703) */ |
.decoration-purple-300 | text-decoration-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | /* oklch(82.7% 0.119 306.383) */ |
.decoration-purple-400 | text-decoration-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | /* oklch(71.4% 0.203 305.504) */ |
.decoration-purple-500 | text-decoration-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | /* oklch(62.7% 0.265 303.9) */ |
.decoration-purple-600 | text-decoration-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | /* oklch(55.8% 0.288 302.321) */ |
.decoration-purple-700 | text-decoration-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | /* oklch(49.6% 0.265 301.924) */ |
.decoration-purple-800 | text-decoration-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | /* oklch(43.8% 0.218 303.724) */ |
.decoration-purple-900 | text-decoration-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | /* oklch(38.1% 0.176 304.987) */ |
.decoration-purple-950 | text-decoration-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | /* oklch(29.1% 0.149 302.717) */ |
.decoration-fuchsia-50 | text-decoration-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | /* oklch(97.7% 0.017 320.058) */ |
.decoration-fuchsia-100 | text-decoration-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | /* oklch(95.2% 0.037 318.852) */ |
.decoration-fuchsia-200 | text-decoration-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | /* oklch(90.3% 0.076 319.62) */ |
.decoration-fuchsia-300 | text-decoration-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | /* oklch(83.3% 0.145 321.434) */ |
.decoration-fuchsia-400 | text-decoration-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.decoration-fuchsia-500 | text-decoration-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* oklch(66.7% 0.295 322.15) */ |
.decoration-fuchsia-600 | text-decoration-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | /* oklch(59.1% 0.293 322.896) */ |
.decoration-fuchsia-700 | text-decoration-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | /* oklch(51.8% 0.253 323.949) */ |
.decoration-fuchsia-800 | text-decoration-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | /* oklch(45.2% 0.211 324.591) */ |
.decoration-fuchsia-900 | text-decoration-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | /* oklch(40.1% 0.17 325.612) */ |
.decoration-fuchsia-950 | text-decoration-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | /* oklch(29.3% 0.136 325.661) */ |
.decoration-pink-50 | text-decoration-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | /* oklch(97.1% 0.014 343.198) */ |
.decoration-pink-100 | text-decoration-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | /* oklch(94.8% 0.028 342.258) */ |
.decoration-pink-200 | text-decoration-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | /* oklch(89.9% 0.061 343.231) */ |
.decoration-pink-300 | text-decoration-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | /* oklch(82.3% 0.12 346.018) */ |
.decoration-pink-400 | text-decoration-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | /* oklch(71.8% 0.202 349.761) */ |
.decoration-pink-500 | text-decoration-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | /* oklch(65.6% 0.241 354.308) */ |
.decoration-pink-600 | text-decoration-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | /* oklch(59.2% 0.249 0.584) */ |
.decoration-pink-700 | text-decoration-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | /* oklch(52.5% 0.223 3.958) */ |
.decoration-pink-800 | text-decoration-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | /* oklch(45.9% 0.187 3.815) */ |
.decoration-pink-900 | text-decoration-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | /* oklch(40.8% 0.153 2.432) */ |
.decoration-pink-950 | text-decoration-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | /* oklch(28.4% 0.109 3.907) */ |
.decoration-rose-50 | text-decoration-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | /* oklch(96.9% 0.015 12.422) */ |
.decoration-rose-100 | text-decoration-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | /* oklch(94.1% 0.03 12.58) */ |
.decoration-rose-200 | text-decoration-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | /* oklch(89.2% 0.058 10.001) */ |
.decoration-rose-300 | text-decoration-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.decoration-rose-400 | text-decoration-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* oklch(71.2% 0.194 13.428) */ |
.decoration-rose-500 | text-decoration-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | /* oklch(64.5% 0.246 16.439) */ |
.decoration-rose-600 | text-decoration-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | /* oklch(58.6% 0.253 17.585) */ |
.decoration-rose-700 | text-decoration-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | /* oklch(51.4% 0.222 16.935) */ |
.decoration-rose-800 | text-decoration-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | /* oklch(45.5% 0.188 13.697) */ |
.decoration-rose-900 | text-decoration-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.decoration-rose-950 | text-decoration-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* oklch(27.1% 0.105 12.094) */ |
.decoration-slate-50 | text-decoration-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | /* oklch(98.4% 0.003 247.858) */ |
.decoration-slate-100 | text-decoration-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | /* oklch(96.8% 0.007 247.896) */ |
.decoration-slate-200 | text-decoration-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | /* oklch(92.9% 0.013 255.508) */ |
.decoration-slate-300 | text-decoration-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | /* oklch(86.9% 0.022 252.894) */ |
.decoration-slate-400 | text-decoration-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | /* oklch(70.4% 0.04 256.788) */ |
.decoration-slate-500 | text-decoration-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | /* oklch(55.4% 0.046 257.417) */ |
.decoration-slate-600 | text-decoration-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | /* oklch(44.6% 0.043 257.281) */ |
.decoration-slate-700 | text-decoration-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | /* oklch(37.2% 0.044 257.287) */ |
.decoration-slate-800 | text-decoration-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | /* oklch(27.9% 0.041 260.031) */ |
.decoration-slate-900 | text-decoration-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | /* oklch(20.8% 0.042 265.755) */ |
.decoration-slate-950 | text-decoration-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | /* oklch(12.9% 0.042 264.695) */ |
.decoration-gray-50 | text-decoration-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | /* oklch(98.5% 0.002 247.839) */ |
.decoration-gray-100 | text-decoration-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | /* oklch(96.7% 0.003 264.542) */ |
.decoration-gray-200 | text-decoration-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | /* oklch(92.8% 0.006 264.531) */ |
.decoration-gray-300 | text-decoration-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | /* oklch(87.2% 0.01 258.338) */ |
.decoration-gray-400 | text-decoration-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | /* oklch(70.7% 0.022 261.325) */ |
.decoration-gray-500 | text-decoration-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | /* oklch(55.1% 0.027 264.364) */ |
.decoration-gray-600 | text-decoration-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | /* oklch(44.6% 0.03 256.802) */ |
.decoration-gray-700 | text-decoration-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | /* oklch(37.3% 0.034 259.733) */ |
.decoration-gray-800 | text-decoration-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | /* oklch(27.8% 0.033 256.848) */ |
.decoration-gray-900 | text-decoration-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.decoration-gray-950 | text-decoration-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.decoration-zinc-50 | text-decoration-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.decoration-zinc-100 | text-decoration-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.decoration-zinc-200 | text-decoration-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.decoration-zinc-300 | text-decoration-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* oklch(87.1% 0.006 286.286) */ |
.decoration-zinc-400 | text-decoration-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | /* oklch(70.5% 0.015 286.067) */ |
.decoration-zinc-500 | text-decoration-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | /* oklch(55.2% 0.016 285.938) */ |
.decoration-zinc-600 | text-decoration-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | /* oklch(44.2% 0.017 285.786) */ |
.decoration-zinc-700 | text-decoration-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.decoration-zinc-800 | text-decoration-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.decoration-zinc-900 | text-decoration-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.decoration-zinc-950 | text-decoration-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.decoration-neutral-50 | text-decoration-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.decoration-neutral-100 | text-decoration-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.decoration-neutral-200 | text-decoration-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.decoration-neutral-300 | text-decoration-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.decoration-neutral-400 | text-decoration-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.decoration-neutral-500 | text-decoration-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.decoration-neutral-600 | text-decoration-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.decoration-neutral-700 | text-decoration-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.decoration-neutral-800 | text-decoration-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.decoration-neutral-900 | text-decoration-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.decoration-neutral-950 | text-decoration-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.decoration-stone-50 | text-decoration-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.decoration-stone-100 | text-decoration-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.decoration-stone-200 | text-decoration-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* oklch(92.3% 0.003 48.717) */ |
.decoration-stone-300 | text-decoration-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | /* oklch(86.9% 0.005 56.366) */ |
.decoration-stone-400 | text-decoration-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | /* oklch(70.9% 0.01 56.259) */ |
.decoration-stone-500 | text-decoration-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | /* oklch(55.3% 0.013 58.071) */ |
.decoration-stone-600 | text-decoration-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | /* oklch(44.4% 0.011 73.639) */ |
.decoration-stone-700 | text-decoration-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | /* oklch(37.4% 0.01 67.558) */ |
.decoration-stone-800 | text-decoration-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | /* oklch(26.8% 0.007 34.298) */ |
.decoration-stone-900 | text-decoration-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | /* oklch(21.6% 0.006 56.043) */ |
.decoration-stone-950 | text-decoration-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | /* 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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.content-[<value>] | content: <value>; | |
.content-(<custom-property>) | content: var(<custom-property>); | |
.content-none | content: none; |
Backgrounds
background-attachment
Utilities for controlling how a background image behaves when scrolling.
.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.
.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.
.bg-inherit | background-color: inherit; | |
.bg-current | background-color: currentColor; | |
.bg-transparent | background-color: transparent; | |
.bg-black | background-color: var(--color-black); /* #000 */ | /* #000 */ |
.bg-white | background-color: var(--color-white); /* #fff */ | /* #fff */ |
.bg-red-50 | background-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* oklch(97.1% 0.013 17.38) */ |
.bg-red-100 | background-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | /* oklch(93.6% 0.032 17.717) */ |
.bg-red-200 | background-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | /* oklch(88.5% 0.062 18.334) */ |
.bg-red-300 | background-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | /* oklch(80.8% 0.114 19.571) */ |
.bg-red-400 | background-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | /* oklch(70.4% 0.191 22.216) */ |
.bg-red-500 | background-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | /* oklch(63.7% 0.237 25.331) */ |
.bg-red-600 | background-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | /* oklch(57.7% 0.245 27.325) */ |
.bg-red-700 | background-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | /* oklch(50.5% 0.213 27.518) */ |
.bg-red-800 | background-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | /* oklch(44.4% 0.177 26.899) */ |
.bg-red-900 | background-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | /* oklch(39.6% 0.141 25.723) */ |
.bg-red-950 | background-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | /* oklch(25.8% 0.092 26.042) */ |
.bg-orange-50 | background-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.bg-orange-100 | background-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* oklch(95.4% 0.038 75.164) */ |
.bg-orange-200 | background-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | /* oklch(90.1% 0.076 70.697) */ |
.bg-orange-300 | background-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | /* oklch(83.7% 0.128 66.29) */ |
.bg-orange-400 | background-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.bg-orange-500 | background-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* oklch(70.5% 0.213 47.604) */ |
.bg-orange-600 | background-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | /* oklch(64.6% 0.222 41.116) */ |
.bg-orange-700 | background-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | /* oklch(55.3% 0.195 38.402) */ |
.bg-orange-800 | background-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.bg-orange-900 | background-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* oklch(40.8% 0.123 38.172) */ |
.bg-orange-950 | background-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | /* oklch(26.6% 0.079 36.259) */ |
.bg-amber-50 | background-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | /* oklch(98.7% 0.022 95.277) */ |
.bg-amber-100 | background-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | /* oklch(96.2% 0.059 95.617) */ |
.bg-amber-200 | background-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | /* oklch(92.4% 0.12 95.746) */ |
.bg-amber-300 | background-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | /* oklch(87.9% 0.169 91.605) */ |
.bg-amber-400 | background-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | /* oklch(82.8% 0.189 84.429) */ |
.bg-amber-500 | background-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | /* oklch(76.9% 0.188 70.08) */ |
.bg-amber-600 | background-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | /* oklch(66.6% 0.179 58.318) */ |
.bg-amber-700 | background-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | /* oklch(55.5% 0.163 48.998) */ |
.bg-amber-800 | background-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | /* oklch(47.3% 0.137 46.201) */ |
.bg-amber-900 | background-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | /* oklch(41.4% 0.112 45.904) */ |
.bg-amber-950 | background-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | /* oklch(27.9% 0.077 45.635) */ |
.bg-yellow-50 | background-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | /* oklch(98.7% 0.026 102.212) */ |
.bg-yellow-100 | background-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | /* oklch(97.3% 0.071 103.193) */ |
.bg-yellow-200 | background-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | /* oklch(94.5% 0.129 101.54) */ |
.bg-yellow-300 | background-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | /* oklch(90.5% 0.182 98.111) */ |
.bg-yellow-400 | background-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | /* oklch(85.2% 0.199 91.936) */ |
.bg-yellow-500 | background-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | /* oklch(79.5% 0.184 86.047) */ |
.bg-yellow-600 | background-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | /* oklch(68.1% 0.162 75.834) */ |
.bg-yellow-700 | background-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | /* oklch(55.4% 0.135 66.442) */ |
.bg-yellow-800 | background-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | /* oklch(47.6% 0.114 61.907) */ |
.bg-yellow-900 | background-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | /* oklch(42.1% 0.095 57.708) */ |
.bg-yellow-950 | background-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | /* oklch(28.6% 0.066 53.813) */ |
.bg-lime-50 | background-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | /* oklch(98.6% 0.031 120.757) */ |
.bg-lime-100 | background-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | /* oklch(96.7% 0.067 122.328) */ |
.bg-lime-200 | background-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | /* oklch(93.8% 0.127 124.321) */ |
.bg-lime-300 | background-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | /* oklch(89.7% 0.196 126.665) */ |
.bg-lime-400 | background-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | /* oklch(84.1% 0.238 128.85) */ |
.bg-lime-500 | background-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | /* oklch(76.8% 0.233 130.85) */ |
.bg-lime-600 | background-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | /* oklch(64.8% 0.2 131.684) */ |
.bg-lime-700 | background-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | /* oklch(53.2% 0.157 131.589) */ |
.bg-lime-800 | background-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | /* oklch(45.3% 0.124 130.933) */ |
.bg-lime-900 | background-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | /* oklch(40.5% 0.101 131.063) */ |
.bg-lime-950 | background-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | /* oklch(27.4% 0.072 132.109) */ |
.bg-green-50 | background-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | /* oklch(98.2% 0.018 155.826) */ |
.bg-green-100 | background-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | /* oklch(96.2% 0.044 156.743) */ |
.bg-green-200 | background-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | /* oklch(92.5% 0.084 155.995) */ |
.bg-green-300 | background-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | /* oklch(87.1% 0.15 154.449) */ |
.bg-green-400 | background-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | /* oklch(79.2% 0.209 151.711) */ |
.bg-green-500 | background-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | /* oklch(72.3% 0.219 149.579) */ |
.bg-green-600 | background-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | /* oklch(62.7% 0.194 149.214) */ |
.bg-green-700 | background-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | /* oklch(52.7% 0.154 150.069) */ |
.bg-green-800 | background-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | /* oklch(44.8% 0.119 151.328) */ |
.bg-green-900 | background-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | /* oklch(39.3% 0.095 152.535) */ |
.bg-green-950 | background-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | /* oklch(26.6% 0.065 152.934) */ |
.bg-emerald-50 | background-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | /* oklch(97.9% 0.021 166.113) */ |
.bg-emerald-100 | background-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.bg-emerald-200 | background-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* oklch(90.5% 0.093 164.15) */ |
.bg-emerald-300 | background-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | /* oklch(84.5% 0.143 164.978) */ |
.bg-emerald-400 | background-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | /* oklch(76.5% 0.177 163.223) */ |
.bg-emerald-500 | background-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | /* oklch(69.6% 0.17 162.48) */ |
.bg-emerald-600 | background-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | /* oklch(59.6% 0.145 163.225) */ |
.bg-emerald-700 | background-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | /* oklch(50.8% 0.118 165.612) */ |
.bg-emerald-800 | background-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | /* oklch(43.2% 0.095 166.913) */ |
.bg-emerald-900 | background-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | /* oklch(37.8% 0.077 168.94) */ |
.bg-emerald-950 | background-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | /* oklch(26.2% 0.051 172.552) */ |
.bg-teal-50 | background-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | /* oklch(98.4% 0.014 180.72) */ |
.bg-teal-100 | background-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | /* oklch(95.3% 0.051 180.801) */ |
.bg-teal-200 | background-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.bg-teal-300 | background-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* oklch(85.5% 0.138 181.071) */ |
.bg-teal-400 | background-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | /* oklch(77.7% 0.152 181.912) */ |
.bg-teal-500 | background-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | /* oklch(70.4% 0.14 182.503) */ |
.bg-teal-600 | background-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.bg-teal-700 | background-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* oklch(51.1% 0.096 186.391) */ |
.bg-teal-800 | background-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | /* oklch(43.7% 0.078 188.216) */ |
.bg-teal-900 | background-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | /* oklch(38.6% 0.063 188.416) */ |
.bg-teal-950 | background-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | /* oklch(27.7% 0.046 192.524) */ |
.bg-cyan-50 | background-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | /* oklch(98.4% 0.019 200.873) */ |
.bg-cyan-100 | background-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | /* oklch(95.6% 0.045 203.388) */ |
.bg-cyan-200 | background-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | /* oklch(91.7% 0.08 205.041) */ |
.bg-cyan-300 | background-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | /* oklch(86.5% 0.127 207.078) */ |
.bg-cyan-400 | background-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | /* oklch(78.9% 0.154 211.53) */ |
.bg-cyan-500 | background-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | /* oklch(71.5% 0.143 215.221) */ |
.bg-cyan-600 | background-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | /* oklch(60.9% 0.126 221.723) */ |
.bg-cyan-700 | background-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.bg-cyan-800 | background-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.bg-cyan-900 | background-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* oklch(39.8% 0.07 227.392) */ |
.bg-cyan-950 | background-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | /* oklch(30.2% 0.056 229.695) */ |
.bg-sky-50 | background-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | /* oklch(97.7% 0.013 236.62) */ |
.bg-sky-100 | background-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | /* oklch(95.1% 0.026 236.824) */ |
.bg-sky-200 | background-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | /* oklch(90.1% 0.058 230.902) */ |
.bg-sky-300 | background-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | /* oklch(82.8% 0.111 230.318) */ |
.bg-sky-400 | background-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | /* oklch(74.6% 0.16 232.661) */ |
.bg-sky-500 | background-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | /* oklch(68.5% 0.169 237.323) */ |
.bg-sky-600 | background-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | /* oklch(58.8% 0.158 241.966) */ |
.bg-sky-700 | background-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.bg-sky-800 | background-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* oklch(44.3% 0.11 240.79) */ |
.bg-sky-900 | background-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | /* oklch(39.1% 0.09 240.876) */ |
.bg-sky-950 | background-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | /* oklch(29.3% 0.066 243.157) */ |
.bg-blue-50 | background-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.bg-blue-100 | background-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* oklch(93.2% 0.032 255.585) */ |
.bg-blue-200 | background-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | /* oklch(88.2% 0.059 254.128) */ |
.bg-blue-300 | background-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | /* oklch(80.9% 0.105 251.813) */ |
.bg-blue-400 | background-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | /* oklch(70.7% 0.165 254.624) */ |
.bg-blue-500 | background-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | /* oklch(62.3% 0.214 259.815) */ |
.bg-blue-600 | background-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | /* oklch(54.6% 0.245 262.881) */ |
.bg-blue-700 | background-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | /* oklch(48.8% 0.243 264.376) */ |
.bg-blue-800 | background-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | /* oklch(42.4% 0.199 265.638) */ |
.bg-blue-900 | background-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | /* oklch(37.9% 0.146 265.522) */ |
.bg-blue-950 | background-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | /* oklch(28.2% 0.091 267.935) */ |
.bg-indigo-50 | background-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | /* oklch(96.2% 0.018 272.314) */ |
.bg-indigo-100 | background-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.bg-indigo-200 | background-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.bg-indigo-300 | background-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* oklch(78.5% 0.115 274.713) */ |
.bg-indigo-400 | background-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | /* oklch(67.3% 0.182 276.935) */ |
.bg-indigo-500 | background-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | /* oklch(58.5% 0.233 277.117) */ |
.bg-indigo-600 | background-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | /* oklch(51.1% 0.262 276.966) */ |
.bg-indigo-700 | background-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | /* oklch(45.7% 0.24 277.023) */ |
.bg-indigo-800 | background-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | /* oklch(39.8% 0.195 277.366) */ |
.bg-indigo-900 | background-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | /* oklch(35.9% 0.144 278.697) */ |
.bg-indigo-950 | background-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | /* oklch(25.7% 0.09 281.288) */ |
.bg-violet-50 | background-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | /* oklch(96.9% 0.016 293.756) */ |
.bg-violet-100 | background-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | /* oklch(94.3% 0.029 294.588) */ |
.bg-violet-200 | background-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | /* oklch(89.4% 0.057 293.283) */ |
.bg-violet-300 | background-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | /* oklch(81.1% 0.111 293.571) */ |
.bg-violet-400 | background-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | /* oklch(70.2% 0.183 293.541) */ |
.bg-violet-500 | background-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | /* oklch(60.6% 0.25 292.717) */ |
.bg-violet-600 | background-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | /* oklch(54.1% 0.281 293.009) */ |
.bg-violet-700 | background-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | /* oklch(49.1% 0.27 292.581) */ |
.bg-violet-800 | background-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | /* oklch(43.2% 0.232 292.759) */ |
.bg-violet-900 | background-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.bg-violet-950 | background-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* oklch(28.3% 0.141 291.089) */ |
.bg-purple-50 | background-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | /* oklch(97.7% 0.014 308.299) */ |
.bg-purple-100 | background-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | /* oklch(94.6% 0.033 307.174) */ |
.bg-purple-200 | background-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | /* oklch(90.2% 0.063 306.703) */ |
.bg-purple-300 | background-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | /* oklch(82.7% 0.119 306.383) */ |
.bg-purple-400 | background-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | /* oklch(71.4% 0.203 305.504) */ |
.bg-purple-500 | background-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | /* oklch(62.7% 0.265 303.9) */ |
.bg-purple-600 | background-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | /* oklch(55.8% 0.288 302.321) */ |
.bg-purple-700 | background-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | /* oklch(49.6% 0.265 301.924) */ |
.bg-purple-800 | background-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | /* oklch(43.8% 0.218 303.724) */ |
.bg-purple-900 | background-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | /* oklch(38.1% 0.176 304.987) */ |
.bg-purple-950 | background-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | /* oklch(29.1% 0.149 302.717) */ |
.bg-fuchsia-50 | background-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | /* oklch(97.7% 0.017 320.058) */ |
.bg-fuchsia-100 | background-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | /* oklch(95.2% 0.037 318.852) */ |
.bg-fuchsia-200 | background-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | /* oklch(90.3% 0.076 319.62) */ |
.bg-fuchsia-300 | background-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | /* oklch(83.3% 0.145 321.434) */ |
.bg-fuchsia-400 | background-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.bg-fuchsia-500 | background-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* oklch(66.7% 0.295 322.15) */ |
.bg-fuchsia-600 | background-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | /* oklch(59.1% 0.293 322.896) */ |
.bg-fuchsia-700 | background-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | /* oklch(51.8% 0.253 323.949) */ |
.bg-fuchsia-800 | background-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | /* oklch(45.2% 0.211 324.591) */ |
.bg-fuchsia-900 | background-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | /* oklch(40.1% 0.17 325.612) */ |
.bg-fuchsia-950 | background-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | /* oklch(29.3% 0.136 325.661) */ |
.bg-pink-50 | background-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | /* oklch(97.1% 0.014 343.198) */ |
.bg-pink-100 | background-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | /* oklch(94.8% 0.028 342.258) */ |
.bg-pink-200 | background-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | /* oklch(89.9% 0.061 343.231) */ |
.bg-pink-300 | background-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | /* oklch(82.3% 0.12 346.018) */ |
.bg-pink-400 | background-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | /* oklch(71.8% 0.202 349.761) */ |
.bg-pink-500 | background-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | /* oklch(65.6% 0.241 354.308) */ |
.bg-pink-600 | background-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | /* oklch(59.2% 0.249 0.584) */ |
.bg-pink-700 | background-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | /* oklch(52.5% 0.223 3.958) */ |
.bg-pink-800 | background-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | /* oklch(45.9% 0.187 3.815) */ |
.bg-pink-900 | background-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | /* oklch(40.8% 0.153 2.432) */ |
.bg-pink-950 | background-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | /* oklch(28.4% 0.109 3.907) */ |
.bg-rose-50 | background-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | /* oklch(96.9% 0.015 12.422) */ |
.bg-rose-100 | background-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | /* oklch(94.1% 0.03 12.58) */ |
.bg-rose-200 | background-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | /* oklch(89.2% 0.058 10.001) */ |
.bg-rose-300 | background-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.bg-rose-400 | background-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* oklch(71.2% 0.194 13.428) */ |
.bg-rose-500 | background-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | /* oklch(64.5% 0.246 16.439) */ |
.bg-rose-600 | background-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | /* oklch(58.6% 0.253 17.585) */ |
.bg-rose-700 | background-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | /* oklch(51.4% 0.222 16.935) */ |
.bg-rose-800 | background-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | /* oklch(45.5% 0.188 13.697) */ |
.bg-rose-900 | background-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.bg-rose-950 | background-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* oklch(27.1% 0.105 12.094) */ |
.bg-slate-50 | background-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | /* oklch(98.4% 0.003 247.858) */ |
.bg-slate-100 | background-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | /* oklch(96.8% 0.007 247.896) */ |
.bg-slate-200 | background-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | /* oklch(92.9% 0.013 255.508) */ |
.bg-slate-300 | background-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | /* oklch(86.9% 0.022 252.894) */ |
.bg-slate-400 | background-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | /* oklch(70.4% 0.04 256.788) */ |
.bg-slate-500 | background-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | /* oklch(55.4% 0.046 257.417) */ |
.bg-slate-600 | background-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | /* oklch(44.6% 0.043 257.281) */ |
.bg-slate-700 | background-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | /* oklch(37.2% 0.044 257.287) */ |
.bg-slate-800 | background-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | /* oklch(27.9% 0.041 260.031) */ |
.bg-slate-900 | background-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | /* oklch(20.8% 0.042 265.755) */ |
.bg-slate-950 | background-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | /* oklch(12.9% 0.042 264.695) */ |
.bg-gray-50 | background-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | /* oklch(98.5% 0.002 247.839) */ |
.bg-gray-100 | background-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | /* oklch(96.7% 0.003 264.542) */ |
.bg-gray-200 | background-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | /* oklch(92.8% 0.006 264.531) */ |
.bg-gray-300 | background-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | /* oklch(87.2% 0.01 258.338) */ |
.bg-gray-400 | background-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | /* oklch(70.7% 0.022 261.325) */ |
.bg-gray-500 | background-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | /* oklch(55.1% 0.027 264.364) */ |
.bg-gray-600 | background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | /* oklch(44.6% 0.03 256.802) */ |
.bg-gray-700 | background-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | /* oklch(37.3% 0.034 259.733) */ |
.bg-gray-800 | background-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | /* oklch(27.8% 0.033 256.848) */ |
.bg-gray-900 | background-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.bg-gray-950 | background-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.bg-zinc-50 | background-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.bg-zinc-100 | background-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.bg-zinc-200 | background-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.bg-zinc-300 | background-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* oklch(87.1% 0.006 286.286) */ |
.bg-zinc-400 | background-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | /* oklch(70.5% 0.015 286.067) */ |
.bg-zinc-500 | background-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | /* oklch(55.2% 0.016 285.938) */ |
.bg-zinc-600 | background-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | /* oklch(44.2% 0.017 285.786) */ |
.bg-zinc-700 | background-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.bg-zinc-800 | background-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.bg-zinc-900 | background-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.bg-zinc-950 | background-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.bg-neutral-50 | background-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.bg-neutral-100 | background-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.bg-neutral-200 | background-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.bg-neutral-300 | background-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.bg-neutral-400 | background-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.bg-neutral-500 | background-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.bg-neutral-600 | background-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.bg-neutral-700 | background-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.bg-neutral-800 | background-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.bg-neutral-900 | background-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.bg-neutral-950 | background-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.bg-stone-50 | background-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.bg-stone-100 | background-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.bg-stone-200 | background-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* oklch(92.3% 0.003 48.717) */ |
.bg-stone-300 | background-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | /* oklch(86.9% 0.005 56.366) */ |
.bg-stone-400 | background-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | /* oklch(70.9% 0.01 56.259) */ |
.bg-stone-500 | background-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | /* oklch(55.3% 0.013 58.071) */ |
.bg-stone-600 | background-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | /* oklch(44.4% 0.011 73.639) */ |
.bg-stone-700 | background-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | /* oklch(37.4% 0.01 67.558) */ |
.bg-stone-800 | background-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | /* oklch(26.8% 0.007 34.298) */ |
.bg-stone-900 | background-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | /* oklch(21.6% 0.006 56.043) */ |
.bg-stone-950 | background-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | /* 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.
.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.
.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.
.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.
.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.
.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>; |
Borders
border-radius
Utilities for controlling the border radius of an element.
.rounded-xs | border-radius: var(--radius-xs); /* 0.125rem (2px) */ | /* 0.125rem (2px) */ |
.rounded-sm | border-radius: var(--radius-sm); /* 0.25rem (4px) */ | /* 0.25rem (4px) */ |
.rounded-md | border-radius: var(--radius-md); /* 0.375rem (6px) */ | /* 0.375rem (6px) */ |
.rounded-lg | border-radius: var(--radius-lg); /* 0.5rem (8px) */ | /* 0.5rem (8px) */ |
.rounded-xl | border-radius: var(--radius-xl); /* 0.75rem (12px) */ | /* 0.75rem (12px) */ |
.rounded-2xl | border-radius: var(--radius-2xl); /* 1rem (16px) */ | /* 1rem (16px) */ |
.rounded-3xl | border-radius: var(--radius-3xl); /* 1.5rem (24px) */ | /* 1.5rem (24px) */ |
.rounded-4xl | border-radius: var(--radius-4xl); /* 2rem (32px) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 0.75rem (12px) */ |
.rounded-s-2xl | border-start-start-radius: var(--radius-2xl); /* 1rem (16px) */
border-end-start-radius: var(--radius-2xl); /* 1rem (16px) */ | /* 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) */ | /* 1.5rem (24px) */ |
.rounded-s-4xl | border-start-start-radius: var(--radius-4xl); /* 2rem (32px) */
border-end-start-radius: var(--radius-4xl); /* 2rem (32px) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 0.75rem (12px) */ |
.rounded-e-2xl | border-start-end-radius: var(--radius-2xl); /* 1rem (16px) */
border-end-end-radius: var(--radius-2xl); /* 1rem (16px) */ | /* 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) */ | /* 1.5rem (24px) */ |
.rounded-e-4xl | border-start-end-radius: var(--radius-4xl); /* 2rem (32px) */
border-end-end-radius: var(--radius-4xl); /* 2rem (32px) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 0.75rem (12px) */ |
.rounded-t-2xl | border-top-left-radius: var(--radius-2xl); /* 1rem (16px) */
border-top-right-radius: var(--radius-2xl); /* 1rem (16px) */ | /* 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) */ | /* 1.5rem (24px) */ |
.rounded-t-4xl | border-top-left-radius: var(--radius-4xl); /* 2rem (32px) */
border-top-right-radius: var(--radius-4xl); /* 2rem (32px) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 0.75rem (12px) */ |
.rounded-r-2xl | border-top-right-radius: var(--radius-2xl); /* 1rem (16px) */
border-bottom-right-radius: var(--radius-2xl); /* 1rem (16px) */ | /* 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) */ | /* 1.5rem (24px) */ |
.rounded-r-4xl | border-top-right-radius: var(--radius-4xl); /* 2rem (32px) */
border-bottom-right-radius: var(--radius-4xl); /* 2rem (32px) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 0.75rem (12px) */ |
.rounded-b-2xl | border-bottom-right-radius: var(--radius-2xl); /* 1rem (16px) */
border-bottom-left-radius: var(--radius-2xl); /* 1rem (16px) */ | /* 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) */ | /* 1.5rem (24px) */ |
.rounded-b-4xl | border-bottom-right-radius: var(--radius-4xl); /* 2rem (32px) */
border-bottom-left-radius: var(--radius-4xl); /* 2rem (32px) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 0.75rem (12px) */ |
.rounded-l-2xl | border-top-left-radius: var(--radius-2xl); /* 1rem (16px) */
border-bottom-left-radius: var(--radius-2xl); /* 1rem (16px) */ | /* 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) */ | /* 1.5rem (24px) */ |
.rounded-l-4xl | border-top-left-radius: var(--radius-4xl); /* 2rem (32px) */
border-bottom-left-radius: var(--radius-4xl); /* 2rem (32px) */ | /* 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) */ | /* 0.125rem (2px) */ |
.rounded-ss-sm | border-start-start-radius: var(--radius-sm); /* 0.25rem (4px) */ | /* 0.25rem (4px) */ |
.rounded-ss-md | border-start-start-radius: var(--radius-md); /* 0.375rem (6px) */ | /* 0.375rem (6px) */ |
.rounded-ss-lg | border-start-start-radius: var(--radius-lg); /* 0.5rem (8px) */ | /* 0.5rem (8px) */ |
.rounded-ss-xl | border-start-start-radius: var(--radius-xl); /* 0.75rem (12px) */ | /* 0.75rem (12px) */ |
.rounded-ss-2xl | border-start-start-radius: var(--radius-2xl); /* 1rem (16px) */ | /* 1rem (16px) */ |
.rounded-ss-3xl | border-start-start-radius: var(--radius-3xl); /* 1.5rem (24px) */ | /* 1.5rem (24px) */ |
.rounded-ss-4xl | border-start-start-radius: var(--radius-4xl); /* 2rem (32px) */ | /* 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) */ | /* 0.125rem (2px) */ |
.rounded-se-sm | border-start-end-radius: var(--radius-sm); /* 0.25rem (4px) */ | /* 0.25rem (4px) */ |
.rounded-se-md | border-start-end-radius: var(--radius-md); /* 0.375rem (6px) */ | /* 0.375rem (6px) */ |
.rounded-se-lg | border-start-end-radius: var(--radius-lg); /* 0.5rem (8px) */ | /* 0.5rem (8px) */ |
.rounded-se-xl | border-start-end-radius: var(--radius-xl); /* 0.75rem (12px) */ | /* 0.75rem (12px) */ |
.rounded-se-2xl | border-start-end-radius: var(--radius-2xl); /* 1rem (16px) */ | /* 1rem (16px) */ |
.rounded-se-3xl | border-start-end-radius: var(--radius-3xl); /* 1.5rem (24px) */ | /* 1.5rem (24px) */ |
.rounded-se-4xl | border-start-end-radius: var(--radius-4xl); /* 2rem (32px) */ | /* 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) */ | /* 0.125rem (2px) */ |
.rounded-ee-sm | border-end-end-radius: var(--radius-sm); /* 0.25rem (4px) */ | /* 0.25rem (4px) */ |
.rounded-ee-md | border-end-end-radius: var(--radius-md); /* 0.375rem (6px) */ | /* 0.375rem (6px) */ |
.rounded-ee-lg | border-end-end-radius: var(--radius-lg); /* 0.5rem (8px) */ | /* 0.5rem (8px) */ |
.rounded-ee-xl | border-end-end-radius: var(--radius-xl); /* 0.75rem (12px) */ | /* 0.75rem (12px) */ |
.rounded-ee-2xl | border-end-end-radius: var(--radius-2xl); /* 1rem (16px) */ | /* 1rem (16px) */ |
.rounded-ee-3xl | border-end-end-radius: var(--radius-3xl); /* 1.5rem (24px) */ | /* 1.5rem (24px) */ |
.rounded-ee-4xl | border-end-end-radius: var(--radius-4xl); /* 2rem (32px) */ | /* 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) */ | /* 0.125rem (2px) */ |
.rounded-es-sm | border-end-start-radius: var(--radius-sm); /* 0.25rem (4px) */ | /* 0.25rem (4px) */ |
.rounded-es-md | border-end-start-radius: var(--radius-md); /* 0.375rem (6px) */ | /* 0.375rem (6px) */ |
.rounded-es-lg | border-end-start-radius: var(--radius-lg); /* 0.5rem (8px) */ | /* 0.5rem (8px) */ |
.rounded-es-xl | border-end-start-radius: var(--radius-xl); /* 0.75rem (12px) */ | /* 0.75rem (12px) */ |
.rounded-es-2xl | border-end-start-radius: var(--radius-2xl); /* 1rem (16px) */ | /* 1rem (16px) */ |
.rounded-es-3xl | border-end-start-radius: var(--radius-3xl); /* 1.5rem (24px) */ | /* 1.5rem (24px) */ |
.rounded-es-4xl | border-end-start-radius: var(--radius-4xl); /* 2rem (32px) */ | /* 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) */ | /* 0.125rem (2px) */ |
.rounded-tl-sm | border-top-left-radius: var(--radius-sm); /* 0.25rem (4px) */ | /* 0.25rem (4px) */ |
.rounded-tl-md | border-top-left-radius: var(--radius-md); /* 0.375rem (6px) */ | /* 0.375rem (6px) */ |
.rounded-tl-lg | border-top-left-radius: var(--radius-lg); /* 0.5rem (8px) */ | /* 0.5rem (8px) */ |
.rounded-tl-xl | border-top-left-radius: var(--radius-xl); /* 0.75rem (12px) */ | /* 0.75rem (12px) */ |
.rounded-tl-2xl | border-top-left-radius: var(--radius-2xl); /* 1rem (16px) */ | /* 1rem (16px) */ |
.rounded-tl-3xl | border-top-left-radius: var(--radius-3xl); /* 1.5rem (24px) */ | /* 1.5rem (24px) */ |
.rounded-tl-4xl | border-top-left-radius: var(--radius-4xl); /* 2rem (32px) */ | /* 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) */ | /* 0.125rem (2px) */ |
.rounded-tr-sm | border-top-right-radius: var(--radius-sm); /* 0.25rem (4px) */ | /* 0.25rem (4px) */ |
.rounded-tr-md | border-top-right-radius: var(--radius-md); /* 0.375rem (6px) */ | /* 0.375rem (6px) */ |
.rounded-tr-lg | border-top-right-radius: var(--radius-lg); /* 0.5rem (8px) */ | /* 0.5rem (8px) */ |
.rounded-tr-xl | border-top-right-radius: var(--radius-xl); /* 0.75rem (12px) */ | /* 0.75rem (12px) */ |
.rounded-tr-2xl | border-top-right-radius: var(--radius-2xl); /* 1rem (16px) */ | /* 1rem (16px) */ |
.rounded-tr-3xl | border-top-right-radius: var(--radius-3xl); /* 1.5rem (24px) */ | /* 1.5rem (24px) */ |
.rounded-tr-4xl | border-top-right-radius: var(--radius-4xl); /* 2rem (32px) */ | /* 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) */ | /* 0.125rem (2px) */ |
.rounded-br-sm | border-bottom-right-radius: var(--radius-sm); /* 0.25rem (4px) */ | /* 0.25rem (4px) */ |
.rounded-br-md | border-bottom-right-radius: var(--radius-md); /* 0.375rem (6px) */ | /* 0.375rem (6px) */ |
.rounded-br-lg | border-bottom-right-radius: var(--radius-lg); /* 0.5rem (8px) */ | /* 0.5rem (8px) */ |
.rounded-br-xl | border-bottom-right-radius: var(--radius-xl); /* 0.75rem (12px) */ | /* 0.75rem (12px) */ |
.rounded-br-2xl | border-bottom-right-radius: var(--radius-2xl); /* 1rem (16px) */ | /* 1rem (16px) */ |
.rounded-br-3xl | border-bottom-right-radius: var(--radius-3xl); /* 1.5rem (24px) */ | /* 1.5rem (24px) */ |
.rounded-br-4xl | border-bottom-right-radius: var(--radius-4xl); /* 2rem (32px) */ | /* 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) */ | /* 0.125rem (2px) */ |
.rounded-bl-sm | border-bottom-left-radius: var(--radius-sm); /* 0.25rem (4px) */ | /* 0.25rem (4px) */ |
.rounded-bl-md | border-bottom-left-radius: var(--radius-md); /* 0.375rem (6px) */ | /* 0.375rem (6px) */ |
.rounded-bl-lg | border-bottom-left-radius: var(--radius-lg); /* 0.5rem (8px) */ | /* 0.5rem (8px) */ |
.rounded-bl-xl | border-bottom-left-radius: var(--radius-xl); /* 0.75rem (12px) */ | /* 0.75rem (12px) */ |
.rounded-bl-2xl | border-bottom-left-radius: var(--radius-2xl); /* 1rem (16px) */ | /* 1rem (16px) */ |
.rounded-bl-3xl | border-bottom-left-radius: var(--radius-3xl); /* 1.5rem (24px) */ | /* 1.5rem (24px) */ |
.rounded-bl-4xl | border-bottom-left-radius: var(--radius-4xl); /* 2rem (32px) */ | /* 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>; | |
.rounded-s-* | rounded-l-* | |
.rounded-e-* | rounded-r-* | |
.rounded-ss-* | rounded-tl-* | |
.rounded-se-* | rounded-tr-* | |
.rounded-es-* | rounded-bl-* | |
.rounded-ee-* | rounded-br-* |
border-width
Utilities for controlling the width of an element's borders.
.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.
.border-inherit | border-color: inherit; | |
.border-current | border-color: currentColor; | |
.border-transparent | border-color: transparent; | |
.border-black | border-color: var(--color-black); /* #000 */ | /* #000 */ |
.border-white | border-color: var(--color-white); /* #fff */ | /* #fff */ |
.border-red-50 | border-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* oklch(97.1% 0.013 17.38) */ |
.border-red-100 | border-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | /* oklch(93.6% 0.032 17.717) */ |
.border-red-200 | border-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | /* oklch(88.5% 0.062 18.334) */ |
.border-red-300 | border-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | /* oklch(80.8% 0.114 19.571) */ |
.border-red-400 | border-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | /* oklch(70.4% 0.191 22.216) */ |
.border-red-500 | border-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | /* oklch(63.7% 0.237 25.331) */ |
.border-red-600 | border-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | /* oklch(57.7% 0.245 27.325) */ |
.border-red-700 | border-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | /* oklch(50.5% 0.213 27.518) */ |
.border-red-800 | border-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | /* oklch(44.4% 0.177 26.899) */ |
.border-red-900 | border-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | /* oklch(39.6% 0.141 25.723) */ |
.border-red-950 | border-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | /* oklch(25.8% 0.092 26.042) */ |
.border-orange-50 | border-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.border-orange-100 | border-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* oklch(95.4% 0.038 75.164) */ |
.border-orange-200 | border-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | /* oklch(90.1% 0.076 70.697) */ |
.border-orange-300 | border-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | /* oklch(83.7% 0.128 66.29) */ |
.border-orange-400 | border-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.border-orange-500 | border-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* oklch(70.5% 0.213 47.604) */ |
.border-orange-600 | border-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | /* oklch(64.6% 0.222 41.116) */ |
.border-orange-700 | border-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | /* oklch(55.3% 0.195 38.402) */ |
.border-orange-800 | border-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.border-orange-900 | border-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* oklch(40.8% 0.123 38.172) */ |
.border-orange-950 | border-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | /* oklch(26.6% 0.079 36.259) */ |
.border-amber-50 | border-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | /* oklch(98.7% 0.022 95.277) */ |
.border-amber-100 | border-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | /* oklch(96.2% 0.059 95.617) */ |
.border-amber-200 | border-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | /* oklch(92.4% 0.12 95.746) */ |
.border-amber-300 | border-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | /* oklch(87.9% 0.169 91.605) */ |
.border-amber-400 | border-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | /* oklch(82.8% 0.189 84.429) */ |
.border-amber-500 | border-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | /* oklch(76.9% 0.188 70.08) */ |
.border-amber-600 | border-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | /* oklch(66.6% 0.179 58.318) */ |
.border-amber-700 | border-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | /* oklch(55.5% 0.163 48.998) */ |
.border-amber-800 | border-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | /* oklch(47.3% 0.137 46.201) */ |
.border-amber-900 | border-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | /* oklch(41.4% 0.112 45.904) */ |
.border-amber-950 | border-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | /* oklch(27.9% 0.077 45.635) */ |
.border-yellow-50 | border-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | /* oklch(98.7% 0.026 102.212) */ |
.border-yellow-100 | border-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | /* oklch(97.3% 0.071 103.193) */ |
.border-yellow-200 | border-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | /* oklch(94.5% 0.129 101.54) */ |
.border-yellow-300 | border-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | /* oklch(90.5% 0.182 98.111) */ |
.border-yellow-400 | border-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | /* oklch(85.2% 0.199 91.936) */ |
.border-yellow-500 | border-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | /* oklch(79.5% 0.184 86.047) */ |
.border-yellow-600 | border-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | /* oklch(68.1% 0.162 75.834) */ |
.border-yellow-700 | border-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | /* oklch(55.4% 0.135 66.442) */ |
.border-yellow-800 | border-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | /* oklch(47.6% 0.114 61.907) */ |
.border-yellow-900 | border-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | /* oklch(42.1% 0.095 57.708) */ |
.border-yellow-950 | border-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | /* oklch(28.6% 0.066 53.813) */ |
.border-lime-50 | border-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | /* oklch(98.6% 0.031 120.757) */ |
.border-lime-100 | border-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | /* oklch(96.7% 0.067 122.328) */ |
.border-lime-200 | border-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | /* oklch(93.8% 0.127 124.321) */ |
.border-lime-300 | border-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | /* oklch(89.7% 0.196 126.665) */ |
.border-lime-400 | border-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | /* oklch(84.1% 0.238 128.85) */ |
.border-lime-500 | border-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | /* oklch(76.8% 0.233 130.85) */ |
.border-lime-600 | border-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | /* oklch(64.8% 0.2 131.684) */ |
.border-lime-700 | border-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | /* oklch(53.2% 0.157 131.589) */ |
.border-lime-800 | border-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | /* oklch(45.3% 0.124 130.933) */ |
.border-lime-900 | border-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | /* oklch(40.5% 0.101 131.063) */ |
.border-lime-950 | border-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | /* oklch(27.4% 0.072 132.109) */ |
.border-green-50 | border-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | /* oklch(98.2% 0.018 155.826) */ |
.border-green-100 | border-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | /* oklch(96.2% 0.044 156.743) */ |
.border-green-200 | border-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | /* oklch(92.5% 0.084 155.995) */ |
.border-green-300 | border-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | /* oklch(87.1% 0.15 154.449) */ |
.border-green-400 | border-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | /* oklch(79.2% 0.209 151.711) */ |
.border-green-500 | border-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | /* oklch(72.3% 0.219 149.579) */ |
.border-green-600 | border-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | /* oklch(62.7% 0.194 149.214) */ |
.border-green-700 | border-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | /* oklch(52.7% 0.154 150.069) */ |
.border-green-800 | border-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | /* oklch(44.8% 0.119 151.328) */ |
.border-green-900 | border-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | /* oklch(39.3% 0.095 152.535) */ |
.border-green-950 | border-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | /* oklch(26.6% 0.065 152.934) */ |
.border-emerald-50 | border-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | /* oklch(97.9% 0.021 166.113) */ |
.border-emerald-100 | border-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.border-emerald-200 | border-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* oklch(90.5% 0.093 164.15) */ |
.border-emerald-300 | border-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | /* oklch(84.5% 0.143 164.978) */ |
.border-emerald-400 | border-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | /* oklch(76.5% 0.177 163.223) */ |
.border-emerald-500 | border-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | /* oklch(69.6% 0.17 162.48) */ |
.border-emerald-600 | border-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | /* oklch(59.6% 0.145 163.225) */ |
.border-emerald-700 | border-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | /* oklch(50.8% 0.118 165.612) */ |
.border-emerald-800 | border-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | /* oklch(43.2% 0.095 166.913) */ |
.border-emerald-900 | border-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | /* oklch(37.8% 0.077 168.94) */ |
.border-emerald-950 | border-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | /* oklch(26.2% 0.051 172.552) */ |
.border-teal-50 | border-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | /* oklch(98.4% 0.014 180.72) */ |
.border-teal-100 | border-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | /* oklch(95.3% 0.051 180.801) */ |
.border-teal-200 | border-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.border-teal-300 | border-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* oklch(85.5% 0.138 181.071) */ |
.border-teal-400 | border-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | /* oklch(77.7% 0.152 181.912) */ |
.border-teal-500 | border-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | /* oklch(70.4% 0.14 182.503) */ |
.border-teal-600 | border-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.border-teal-700 | border-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* oklch(51.1% 0.096 186.391) */ |
.border-teal-800 | border-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | /* oklch(43.7% 0.078 188.216) */ |
.border-teal-900 | border-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | /* oklch(38.6% 0.063 188.416) */ |
.border-teal-950 | border-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | /* oklch(27.7% 0.046 192.524) */ |
.border-cyan-50 | border-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | /* oklch(98.4% 0.019 200.873) */ |
.border-cyan-100 | border-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | /* oklch(95.6% 0.045 203.388) */ |
.border-cyan-200 | border-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | /* oklch(91.7% 0.08 205.041) */ |
.border-cyan-300 | border-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | /* oklch(86.5% 0.127 207.078) */ |
.border-cyan-400 | border-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | /* oklch(78.9% 0.154 211.53) */ |
.border-cyan-500 | border-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | /* oklch(71.5% 0.143 215.221) */ |
.border-cyan-600 | border-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | /* oklch(60.9% 0.126 221.723) */ |
.border-cyan-700 | border-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.border-cyan-800 | border-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.border-cyan-900 | border-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* oklch(39.8% 0.07 227.392) */ |
.border-cyan-950 | border-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | /* oklch(30.2% 0.056 229.695) */ |
.border-sky-50 | border-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | /* oklch(97.7% 0.013 236.62) */ |
.border-sky-100 | border-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | /* oklch(95.1% 0.026 236.824) */ |
.border-sky-200 | border-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | /* oklch(90.1% 0.058 230.902) */ |
.border-sky-300 | border-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | /* oklch(82.8% 0.111 230.318) */ |
.border-sky-400 | border-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | /* oklch(74.6% 0.16 232.661) */ |
.border-sky-500 | border-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | /* oklch(68.5% 0.169 237.323) */ |
.border-sky-600 | border-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | /* oklch(58.8% 0.158 241.966) */ |
.border-sky-700 | border-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.border-sky-800 | border-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* oklch(44.3% 0.11 240.79) */ |
.border-sky-900 | border-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | /* oklch(39.1% 0.09 240.876) */ |
.border-sky-950 | border-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | /* oklch(29.3% 0.066 243.157) */ |
.border-blue-50 | border-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.border-blue-100 | border-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* oklch(93.2% 0.032 255.585) */ |
.border-blue-200 | border-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | /* oklch(88.2% 0.059 254.128) */ |
.border-blue-300 | border-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | /* oklch(80.9% 0.105 251.813) */ |
.border-blue-400 | border-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | /* oklch(70.7% 0.165 254.624) */ |
.border-blue-500 | border-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | /* oklch(62.3% 0.214 259.815) */ |
.border-blue-600 | border-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | /* oklch(54.6% 0.245 262.881) */ |
.border-blue-700 | border-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | /* oklch(48.8% 0.243 264.376) */ |
.border-blue-800 | border-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | /* oklch(42.4% 0.199 265.638) */ |
.border-blue-900 | border-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | /* oklch(37.9% 0.146 265.522) */ |
.border-blue-950 | border-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | /* oklch(28.2% 0.091 267.935) */ |
.border-indigo-50 | border-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | /* oklch(96.2% 0.018 272.314) */ |
.border-indigo-100 | border-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.border-indigo-200 | border-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.border-indigo-300 | border-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* oklch(78.5% 0.115 274.713) */ |
.border-indigo-400 | border-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | /* oklch(67.3% 0.182 276.935) */ |
.border-indigo-500 | border-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | /* oklch(58.5% 0.233 277.117) */ |
.border-indigo-600 | border-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | /* oklch(51.1% 0.262 276.966) */ |
.border-indigo-700 | border-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | /* oklch(45.7% 0.24 277.023) */ |
.border-indigo-800 | border-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | /* oklch(39.8% 0.195 277.366) */ |
.border-indigo-900 | border-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | /* oklch(35.9% 0.144 278.697) */ |
.border-indigo-950 | border-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | /* oklch(25.7% 0.09 281.288) */ |
.border-violet-50 | border-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | /* oklch(96.9% 0.016 293.756) */ |
.border-violet-100 | border-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | /* oklch(94.3% 0.029 294.588) */ |
.border-violet-200 | border-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | /* oklch(89.4% 0.057 293.283) */ |
.border-violet-300 | border-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | /* oklch(81.1% 0.111 293.571) */ |
.border-violet-400 | border-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | /* oklch(70.2% 0.183 293.541) */ |
.border-violet-500 | border-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | /* oklch(60.6% 0.25 292.717) */ |
.border-violet-600 | border-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | /* oklch(54.1% 0.281 293.009) */ |
.border-violet-700 | border-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | /* oklch(49.1% 0.27 292.581) */ |
.border-violet-800 | border-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | /* oklch(43.2% 0.232 292.759) */ |
.border-violet-900 | border-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.border-violet-950 | border-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* oklch(28.3% 0.141 291.089) */ |
.border-purple-50 | border-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | /* oklch(97.7% 0.014 308.299) */ |
.border-purple-100 | border-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | /* oklch(94.6% 0.033 307.174) */ |
.border-purple-200 | border-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | /* oklch(90.2% 0.063 306.703) */ |
.border-purple-300 | border-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | /* oklch(82.7% 0.119 306.383) */ |
.border-purple-400 | border-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | /* oklch(71.4% 0.203 305.504) */ |
.border-purple-500 | border-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | /* oklch(62.7% 0.265 303.9) */ |
.border-purple-600 | border-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | /* oklch(55.8% 0.288 302.321) */ |
.border-purple-700 | border-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | /* oklch(49.6% 0.265 301.924) */ |
.border-purple-800 | border-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | /* oklch(43.8% 0.218 303.724) */ |
.border-purple-900 | border-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | /* oklch(38.1% 0.176 304.987) */ |
.border-purple-950 | border-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | /* oklch(29.1% 0.149 302.717) */ |
.border-fuchsia-50 | border-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | /* oklch(97.7% 0.017 320.058) */ |
.border-fuchsia-100 | border-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | /* oklch(95.2% 0.037 318.852) */ |
.border-fuchsia-200 | border-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | /* oklch(90.3% 0.076 319.62) */ |
.border-fuchsia-300 | border-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | /* oklch(83.3% 0.145 321.434) */ |
.border-fuchsia-400 | border-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.border-fuchsia-500 | border-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* oklch(66.7% 0.295 322.15) */ |
.border-fuchsia-600 | border-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | /* oklch(59.1% 0.293 322.896) */ |
.border-fuchsia-700 | border-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | /* oklch(51.8% 0.253 323.949) */ |
.border-fuchsia-800 | border-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | /* oklch(45.2% 0.211 324.591) */ |
.border-fuchsia-900 | border-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | /* oklch(40.1% 0.17 325.612) */ |
.border-fuchsia-950 | border-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | /* oklch(29.3% 0.136 325.661) */ |
.border-pink-50 | border-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | /* oklch(97.1% 0.014 343.198) */ |
.border-pink-100 | border-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | /* oklch(94.8% 0.028 342.258) */ |
.border-pink-200 | border-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | /* oklch(89.9% 0.061 343.231) */ |
.border-pink-300 | border-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | /* oklch(82.3% 0.12 346.018) */ |
.border-pink-400 | border-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | /* oklch(71.8% 0.202 349.761) */ |
.border-pink-500 | border-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | /* oklch(65.6% 0.241 354.308) */ |
.border-pink-600 | border-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | /* oklch(59.2% 0.249 0.584) */ |
.border-pink-700 | border-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | /* oklch(52.5% 0.223 3.958) */ |
.border-pink-800 | border-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | /* oklch(45.9% 0.187 3.815) */ |
.border-pink-900 | border-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | /* oklch(40.8% 0.153 2.432) */ |
.border-pink-950 | border-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | /* oklch(28.4% 0.109 3.907) */ |
.border-rose-50 | border-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | /* oklch(96.9% 0.015 12.422) */ |
.border-rose-100 | border-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | /* oklch(94.1% 0.03 12.58) */ |
.border-rose-200 | border-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | /* oklch(89.2% 0.058 10.001) */ |
.border-rose-300 | border-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.border-rose-400 | border-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* oklch(71.2% 0.194 13.428) */ |
.border-rose-500 | border-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | /* oklch(64.5% 0.246 16.439) */ |
.border-rose-600 | border-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | /* oklch(58.6% 0.253 17.585) */ |
.border-rose-700 | border-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | /* oklch(51.4% 0.222 16.935) */ |
.border-rose-800 | border-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | /* oklch(45.5% 0.188 13.697) */ |
.border-rose-900 | border-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.border-rose-950 | border-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* oklch(27.1% 0.105 12.094) */ |
.border-slate-50 | border-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | /* oklch(98.4% 0.003 247.858) */ |
.border-slate-100 | border-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | /* oklch(96.8% 0.007 247.896) */ |
.border-slate-200 | border-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | /* oklch(92.9% 0.013 255.508) */ |
.border-slate-300 | border-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | /* oklch(86.9% 0.022 252.894) */ |
.border-slate-400 | border-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | /* oklch(70.4% 0.04 256.788) */ |
.border-slate-500 | border-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | /* oklch(55.4% 0.046 257.417) */ |
.border-slate-600 | border-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | /* oklch(44.6% 0.043 257.281) */ |
.border-slate-700 | border-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | /* oklch(37.2% 0.044 257.287) */ |
.border-slate-800 | border-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | /* oklch(27.9% 0.041 260.031) */ |
.border-slate-900 | border-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | /* oklch(20.8% 0.042 265.755) */ |
.border-slate-950 | border-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | /* oklch(12.9% 0.042 264.695) */ |
.border-gray-50 | border-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | /* oklch(98.5% 0.002 247.839) */ |
.border-gray-100 | border-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | /* oklch(96.7% 0.003 264.542) */ |
.border-gray-200 | border-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | /* oklch(92.8% 0.006 264.531) */ |
.border-gray-300 | border-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | /* oklch(87.2% 0.01 258.338) */ |
.border-gray-400 | border-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | /* oklch(70.7% 0.022 261.325) */ |
.border-gray-500 | border-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | /* oklch(55.1% 0.027 264.364) */ |
.border-gray-600 | border-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | /* oklch(44.6% 0.03 256.802) */ |
.border-gray-700 | border-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | /* oklch(37.3% 0.034 259.733) */ |
.border-gray-800 | border-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | /* oklch(27.8% 0.033 256.848) */ |
.border-gray-900 | border-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.border-gray-950 | border-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.border-zinc-50 | border-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-zinc-100 | border-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.border-zinc-200 | border-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.border-zinc-300 | border-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* oklch(87.1% 0.006 286.286) */ |
.border-zinc-400 | border-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | /* oklch(70.5% 0.015 286.067) */ |
.border-zinc-500 | border-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | /* oklch(55.2% 0.016 285.938) */ |
.border-zinc-600 | border-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | /* oklch(44.2% 0.017 285.786) */ |
.border-zinc-700 | border-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.border-zinc-800 | border-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.border-zinc-900 | border-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.border-zinc-950 | border-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.border-neutral-50 | border-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-neutral-100 | border-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.border-neutral-200 | border-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.border-neutral-300 | border-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.border-neutral-400 | border-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.border-neutral-500 | border-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.border-neutral-600 | border-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.border-neutral-700 | border-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.border-neutral-800 | border-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.border-neutral-900 | border-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.border-neutral-950 | border-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.border-stone-50 | border-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.border-stone-100 | border-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.border-stone-200 | border-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* oklch(92.3% 0.003 48.717) */ |
.border-stone-300 | border-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | /* oklch(86.9% 0.005 56.366) */ |
.border-stone-400 | border-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | /* oklch(70.9% 0.01 56.259) */ |
.border-stone-500 | border-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | /* oklch(55.3% 0.013 58.071) */ |
.border-stone-600 | border-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | /* oklch(44.4% 0.011 73.639) */ |
.border-stone-700 | border-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | /* oklch(37.4% 0.01 67.558) */ |
.border-stone-800 | border-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | /* oklch(26.8% 0.007 34.298) */ |
.border-stone-900 | border-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | /* oklch(21.6% 0.006 56.043) */ |
.border-stone-950 | border-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | /* 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 */ | /* #000 */ |
.border-x-white | border-inline-color: var(--color-white); /* #fff */ | /* #fff */ |
.border-x-red-50 | border-inline-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(25.8% 0.092 26.042) */ |
.border-x-orange-50 | border-inline-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.border-x-orange-100 | border-inline-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* 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) */ | /* 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) */ | /* oklch(83.7% 0.128 66.29) */ |
.border-x-orange-400 | border-inline-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.border-x-orange-500 | border-inline-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* 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) */ | /* 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) */ | /* oklch(55.3% 0.195 38.402) */ |
.border-x-orange-800 | border-inline-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.border-x-orange-900 | border-inline-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(97.9% 0.021 166.113) */ |
.border-x-emerald-100 | border-inline-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.border-x-emerald-200 | border-inline-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(95.3% 0.051 180.801) */ |
.border-x-teal-200 | border-inline-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.border-x-teal-300 | border-inline-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* 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) */ | /* 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) */ | /* oklch(70.4% 0.14 182.503) */ |
.border-x-teal-600 | border-inline-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.border-x-teal-700 | border-inline-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(60.9% 0.126 221.723) */ |
.border-x-cyan-700 | border-inline-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.border-x-cyan-800 | border-inline-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.border-x-cyan-900 | border-inline-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(58.8% 0.158 241.966) */ |
.border-x-sky-700 | border-inline-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.border-x-sky-800 | border-inline-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* 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) */ | /* 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) */ | /* oklch(29.3% 0.066 243.157) */ |
.border-x-blue-50 | border-inline-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.border-x-blue-100 | border-inline-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(96.2% 0.018 272.314) */ |
.border-x-indigo-100 | border-inline-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.border-x-indigo-200 | border-inline-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.border-x-indigo-300 | border-inline-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(43.2% 0.232 292.759) */ |
.border-x-violet-900 | border-inline-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.border-x-violet-950 | border-inline-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(83.3% 0.145 321.434) */ |
.border-x-fuchsia-400 | border-inline-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.border-x-fuchsia-500 | border-inline-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(89.2% 0.058 10.001) */ |
.border-x-rose-300 | border-inline-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.border-x-rose-400 | border-inline-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(45.5% 0.188 13.697) */ |
.border-x-rose-900 | border-inline-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.border-x-rose-950 | border-inline-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(27.8% 0.033 256.848) */ |
.border-x-gray-900 | border-inline-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.border-x-gray-950 | border-inline-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.border-x-zinc-50 | border-inline-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-x-zinc-100 | border-inline-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.border-x-zinc-200 | border-inline-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.border-x-zinc-300 | border-inline-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(44.2% 0.017 285.786) */ |
.border-x-zinc-700 | border-inline-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.border-x-zinc-800 | border-inline-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.border-x-zinc-900 | border-inline-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.border-x-zinc-950 | border-inline-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.border-x-neutral-50 | border-inline-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-x-neutral-100 | border-inline-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.border-x-neutral-200 | border-inline-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.border-x-neutral-300 | border-inline-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.border-x-neutral-400 | border-inline-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.border-x-neutral-500 | border-inline-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.border-x-neutral-600 | border-inline-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.border-x-neutral-700 | border-inline-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.border-x-neutral-800 | border-inline-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.border-x-neutral-900 | border-inline-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.border-x-neutral-950 | border-inline-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.border-x-stone-50 | border-inline-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.border-x-stone-100 | border-inline-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.border-x-stone-200 | border-inline-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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 */ | /* #000 */ |
.border-y-white | border-block-color: var(--color-white); /* #fff */ | /* #fff */ |
.border-y-red-50 | border-block-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(25.8% 0.092 26.042) */ |
.border-y-orange-50 | border-block-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.border-y-orange-100 | border-block-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* 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) */ | /* 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) */ | /* oklch(83.7% 0.128 66.29) */ |
.border-y-orange-400 | border-block-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.border-y-orange-500 | border-block-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* 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) */ | /* 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) */ | /* oklch(55.3% 0.195 38.402) */ |
.border-y-orange-800 | border-block-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.border-y-orange-900 | border-block-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(97.9% 0.021 166.113) */ |
.border-y-emerald-100 | border-block-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.border-y-emerald-200 | border-block-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(95.3% 0.051 180.801) */ |
.border-y-teal-200 | border-block-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.border-y-teal-300 | border-block-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* 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) */ | /* 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) */ | /* oklch(70.4% 0.14 182.503) */ |
.border-y-teal-600 | border-block-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.border-y-teal-700 | border-block-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(60.9% 0.126 221.723) */ |
.border-y-cyan-700 | border-block-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.border-y-cyan-800 | border-block-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.border-y-cyan-900 | border-block-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(58.8% 0.158 241.966) */ |
.border-y-sky-700 | border-block-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.border-y-sky-800 | border-block-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* 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) */ | /* 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) */ | /* oklch(29.3% 0.066 243.157) */ |
.border-y-blue-50 | border-block-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.border-y-blue-100 | border-block-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(96.2% 0.018 272.314) */ |
.border-y-indigo-100 | border-block-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.border-y-indigo-200 | border-block-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.border-y-indigo-300 | border-block-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(43.2% 0.232 292.759) */ |
.border-y-violet-900 | border-block-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.border-y-violet-950 | border-block-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(83.3% 0.145 321.434) */ |
.border-y-fuchsia-400 | border-block-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.border-y-fuchsia-500 | border-block-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(89.2% 0.058 10.001) */ |
.border-y-rose-300 | border-block-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.border-y-rose-400 | border-block-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(45.5% 0.188 13.697) */ |
.border-y-rose-900 | border-block-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.border-y-rose-950 | border-block-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(27.8% 0.033 256.848) */ |
.border-y-gray-900 | border-block-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.border-y-gray-950 | border-block-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.border-y-zinc-50 | border-block-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-y-zinc-100 | border-block-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.border-y-zinc-200 | border-block-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.border-y-zinc-300 | border-block-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(44.2% 0.017 285.786) */ |
.border-y-zinc-700 | border-block-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.border-y-zinc-800 | border-block-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.border-y-zinc-900 | border-block-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.border-y-zinc-950 | border-block-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.border-y-neutral-50 | border-block-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-y-neutral-100 | border-block-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.border-y-neutral-200 | border-block-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.border-y-neutral-300 | border-block-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.border-y-neutral-400 | border-block-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.border-y-neutral-500 | border-block-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.border-y-neutral-600 | border-block-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.border-y-neutral-700 | border-block-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.border-y-neutral-800 | border-block-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.border-y-neutral-900 | border-block-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.border-y-neutral-950 | border-block-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.border-y-stone-50 | border-block-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.border-y-stone-100 | border-block-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.border-y-stone-200 | border-block-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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 */ | /* #000 */ |
.border-s-white | border-inline-start-color: var(--color-white); /* #fff */ | /* #fff */ |
.border-s-red-50 | border-inline-start-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(52% 0.105 223.128) */ |
.border-s-cyan-800 | border-inline-start-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(93% 0.034 272.788) */ |
.border-s-indigo-200 | border-inline-start-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(21% 0.034 264.665) */ |
.border-s-gray-950 | border-inline-start-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.border-s-zinc-50 | border-inline-start-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-s-zinc-100 | border-inline-start-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(14.1% 0.005 285.823) */ |
.border-s-neutral-50 | border-inline-start-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-s-neutral-100 | border-inline-start-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.border-s-neutral-200 | border-inline-start-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.border-s-neutral-300 | border-inline-start-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.border-s-neutral-400 | border-inline-start-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.border-s-neutral-500 | border-inline-start-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.border-s-neutral-600 | border-inline-start-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.border-s-neutral-700 | border-inline-start-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.border-s-neutral-800 | border-inline-start-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.border-s-neutral-900 | border-inline-start-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.border-s-neutral-950 | border-inline-start-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.border-s-stone-50 | border-inline-start-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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 */ | /* #000 */ |
.border-e-white | border-inline-end-color: var(--color-white); /* #fff */ | /* #fff */ |
.border-e-red-50 | border-inline-end-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(52% 0.105 223.128) */ |
.border-e-cyan-800 | border-inline-end-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(93% 0.034 272.788) */ |
.border-e-indigo-200 | border-inline-end-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(21% 0.034 264.665) */ |
.border-e-gray-950 | border-inline-end-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.border-e-zinc-50 | border-inline-end-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-e-zinc-100 | border-inline-end-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(14.1% 0.005 285.823) */ |
.border-e-neutral-50 | border-inline-end-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-e-neutral-100 | border-inline-end-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.border-e-neutral-200 | border-inline-end-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.border-e-neutral-300 | border-inline-end-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.border-e-neutral-400 | border-inline-end-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.border-e-neutral-500 | border-inline-end-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.border-e-neutral-600 | border-inline-end-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.border-e-neutral-700 | border-inline-end-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.border-e-neutral-800 | border-inline-end-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.border-e-neutral-900 | border-inline-end-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.border-e-neutral-950 | border-inline-end-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.border-e-stone-50 | border-inline-end-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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 */ | /* #000 */ |
.border-t-white | border-top-color: var(--color-white); /* #fff */ | /* #fff */ |
.border-t-red-50 | border-top-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(25.8% 0.092 26.042) */ |
.border-t-orange-50 | border-top-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.border-t-orange-100 | border-top-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* 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) */ | /* 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) */ | /* oklch(83.7% 0.128 66.29) */ |
.border-t-orange-400 | border-top-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.border-t-orange-500 | border-top-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* 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) */ | /* 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) */ | /* oklch(55.3% 0.195 38.402) */ |
.border-t-orange-800 | border-top-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.border-t-orange-900 | border-top-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(97.9% 0.021 166.113) */ |
.border-t-emerald-100 | border-top-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.border-t-emerald-200 | border-top-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(95.3% 0.051 180.801) */ |
.border-t-teal-200 | border-top-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.border-t-teal-300 | border-top-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* 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) */ | /* 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) */ | /* oklch(70.4% 0.14 182.503) */ |
.border-t-teal-600 | border-top-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.border-t-teal-700 | border-top-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(60.9% 0.126 221.723) */ |
.border-t-cyan-700 | border-top-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.border-t-cyan-800 | border-top-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.border-t-cyan-900 | border-top-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(58.8% 0.158 241.966) */ |
.border-t-sky-700 | border-top-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.border-t-sky-800 | border-top-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* 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) */ | /* 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) */ | /* oklch(29.3% 0.066 243.157) */ |
.border-t-blue-50 | border-top-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.border-t-blue-100 | border-top-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(96.2% 0.018 272.314) */ |
.border-t-indigo-100 | border-top-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.border-t-indigo-200 | border-top-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.border-t-indigo-300 | border-top-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(43.2% 0.232 292.759) */ |
.border-t-violet-900 | border-top-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.border-t-violet-950 | border-top-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(83.3% 0.145 321.434) */ |
.border-t-fuchsia-400 | border-top-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.border-t-fuchsia-500 | border-top-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(89.2% 0.058 10.001) */ |
.border-t-rose-300 | border-top-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.border-t-rose-400 | border-top-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(45.5% 0.188 13.697) */ |
.border-t-rose-900 | border-top-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.border-t-rose-950 | border-top-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(27.8% 0.033 256.848) */ |
.border-t-gray-900 | border-top-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.border-t-gray-950 | border-top-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.border-t-zinc-50 | border-top-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-t-zinc-100 | border-top-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.border-t-zinc-200 | border-top-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.border-t-zinc-300 | border-top-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(44.2% 0.017 285.786) */ |
.border-t-zinc-700 | border-top-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.border-t-zinc-800 | border-top-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.border-t-zinc-900 | border-top-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.border-t-zinc-950 | border-top-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.border-t-neutral-50 | border-top-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-t-neutral-100 | border-top-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.border-t-neutral-200 | border-top-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.border-t-neutral-300 | border-top-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.border-t-neutral-400 | border-top-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.border-t-neutral-500 | border-top-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.border-t-neutral-600 | border-top-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.border-t-neutral-700 | border-top-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.border-t-neutral-800 | border-top-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.border-t-neutral-900 | border-top-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.border-t-neutral-950 | border-top-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.border-t-stone-50 | border-top-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.border-t-stone-100 | border-top-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.border-t-stone-200 | border-top-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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 */ | /* #000 */ |
.border-r-white | border-right-color: var(--color-white); /* #fff */ | /* #fff */ |
.border-r-red-50 | border-right-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(25.8% 0.092 26.042) */ |
.border-r-orange-50 | border-right-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.border-r-orange-100 | border-right-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* 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) */ | /* 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) */ | /* oklch(83.7% 0.128 66.29) */ |
.border-r-orange-400 | border-right-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.border-r-orange-500 | border-right-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* 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) */ | /* 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) */ | /* oklch(55.3% 0.195 38.402) */ |
.border-r-orange-800 | border-right-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.border-r-orange-900 | border-right-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(97.9% 0.021 166.113) */ |
.border-r-emerald-100 | border-right-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.border-r-emerald-200 | border-right-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(95.3% 0.051 180.801) */ |
.border-r-teal-200 | border-right-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.border-r-teal-300 | border-right-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* 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) */ | /* 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) */ | /* oklch(70.4% 0.14 182.503) */ |
.border-r-teal-600 | border-right-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.border-r-teal-700 | border-right-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(60.9% 0.126 221.723) */ |
.border-r-cyan-700 | border-right-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.border-r-cyan-800 | border-right-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.border-r-cyan-900 | border-right-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(58.8% 0.158 241.966) */ |
.border-r-sky-700 | border-right-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.border-r-sky-800 | border-right-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* 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) */ | /* 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) */ | /* oklch(29.3% 0.066 243.157) */ |
.border-r-blue-50 | border-right-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.border-r-blue-100 | border-right-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(96.2% 0.018 272.314) */ |
.border-r-indigo-100 | border-right-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.border-r-indigo-200 | border-right-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.border-r-indigo-300 | border-right-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(43.2% 0.232 292.759) */ |
.border-r-violet-900 | border-right-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.border-r-violet-950 | border-right-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(83.3% 0.145 321.434) */ |
.border-r-fuchsia-400 | border-right-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.border-r-fuchsia-500 | border-right-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(89.2% 0.058 10.001) */ |
.border-r-rose-300 | border-right-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.border-r-rose-400 | border-right-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(45.5% 0.188 13.697) */ |
.border-r-rose-900 | border-right-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.border-r-rose-950 | border-right-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(27.8% 0.033 256.848) */ |
.border-r-gray-900 | border-right-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.border-r-gray-950 | border-right-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.border-r-zinc-50 | border-right-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-r-zinc-100 | border-right-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.border-r-zinc-200 | border-right-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.border-r-zinc-300 | border-right-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(44.2% 0.017 285.786) */ |
.border-r-zinc-700 | border-right-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.border-r-zinc-800 | border-right-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.border-r-zinc-900 | border-right-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.border-r-zinc-950 | border-right-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.border-r-neutral-50 | border-right-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-r-neutral-100 | border-right-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.border-r-neutral-200 | border-right-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.border-r-neutral-300 | border-right-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.border-r-neutral-400 | border-right-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.border-r-neutral-500 | border-right-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.border-r-neutral-600 | border-right-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.border-r-neutral-700 | border-right-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.border-r-neutral-800 | border-right-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.border-r-neutral-900 | border-right-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.border-r-neutral-950 | border-right-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.border-r-stone-50 | border-right-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.border-r-stone-100 | border-right-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.border-r-stone-200 | border-right-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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 */ | /* #000 */ |
.border-b-white | border-bottom-color: var(--color-white); /* #fff */ | /* #fff */ |
.border-b-red-50 | border-bottom-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(25.8% 0.092 26.042) */ |
.border-b-orange-50 | border-bottom-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.border-b-orange-100 | border-bottom-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* 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) */ | /* 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) */ | /* oklch(83.7% 0.128 66.29) */ |
.border-b-orange-400 | border-bottom-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.border-b-orange-500 | border-bottom-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* 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) */ | /* 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) */ | /* oklch(55.3% 0.195 38.402) */ |
.border-b-orange-800 | border-bottom-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.border-b-orange-900 | border-bottom-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(97.9% 0.021 166.113) */ |
.border-b-emerald-100 | border-bottom-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.border-b-emerald-200 | border-bottom-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(95.3% 0.051 180.801) */ |
.border-b-teal-200 | border-bottom-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.border-b-teal-300 | border-bottom-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* 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) */ | /* 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) */ | /* oklch(70.4% 0.14 182.503) */ |
.border-b-teal-600 | border-bottom-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.border-b-teal-700 | border-bottom-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(60.9% 0.126 221.723) */ |
.border-b-cyan-700 | border-bottom-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.border-b-cyan-800 | border-bottom-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.border-b-cyan-900 | border-bottom-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(58.8% 0.158 241.966) */ |
.border-b-sky-700 | border-bottom-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.border-b-sky-800 | border-bottom-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* 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) */ | /* 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) */ | /* oklch(29.3% 0.066 243.157) */ |
.border-b-blue-50 | border-bottom-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.border-b-blue-100 | border-bottom-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(96.2% 0.018 272.314) */ |
.border-b-indigo-100 | border-bottom-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.border-b-indigo-200 | border-bottom-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.border-b-indigo-300 | border-bottom-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(43.2% 0.232 292.759) */ |
.border-b-violet-900 | border-bottom-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.border-b-violet-950 | border-bottom-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(83.3% 0.145 321.434) */ |
.border-b-fuchsia-400 | border-bottom-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.border-b-fuchsia-500 | border-bottom-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(89.2% 0.058 10.001) */ |
.border-b-rose-300 | border-bottom-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.border-b-rose-400 | border-bottom-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(45.5% 0.188 13.697) */ |
.border-b-rose-900 | border-bottom-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.border-b-rose-950 | border-bottom-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(27.8% 0.033 256.848) */ |
.border-b-gray-900 | border-bottom-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.border-b-gray-950 | border-bottom-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.border-b-zinc-50 | border-bottom-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-b-zinc-100 | border-bottom-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.border-b-zinc-200 | border-bottom-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.border-b-zinc-300 | border-bottom-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(44.2% 0.017 285.786) */ |
.border-b-zinc-700 | border-bottom-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.border-b-zinc-800 | border-bottom-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.border-b-zinc-900 | border-bottom-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.border-b-zinc-950 | border-bottom-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.border-b-neutral-50 | border-bottom-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-b-neutral-100 | border-bottom-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.border-b-neutral-200 | border-bottom-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.border-b-neutral-300 | border-bottom-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.border-b-neutral-400 | border-bottom-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.border-b-neutral-500 | border-bottom-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.border-b-neutral-600 | border-bottom-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.border-b-neutral-700 | border-bottom-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.border-b-neutral-800 | border-bottom-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.border-b-neutral-900 | border-bottom-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.border-b-neutral-950 | border-bottom-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.border-b-stone-50 | border-bottom-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.border-b-stone-100 | border-bottom-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.border-b-stone-200 | border-bottom-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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 */ | /* #000 */ |
.border-l-white | border-left-color: var(--color-white); /* #fff */ | /* #fff */ |
.border-l-red-50 | border-left-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(25.8% 0.092 26.042) */ |
.border-l-orange-50 | border-left-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.border-l-orange-100 | border-left-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* 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) */ | /* 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) */ | /* oklch(83.7% 0.128 66.29) */ |
.border-l-orange-400 | border-left-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.border-l-orange-500 | border-left-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* 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) */ | /* 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) */ | /* oklch(55.3% 0.195 38.402) */ |
.border-l-orange-800 | border-left-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.border-l-orange-900 | border-left-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(97.9% 0.021 166.113) */ |
.border-l-emerald-100 | border-left-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.border-l-emerald-200 | border-left-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(95.3% 0.051 180.801) */ |
.border-l-teal-200 | border-left-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.border-l-teal-300 | border-left-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* 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) */ | /* 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) */ | /* oklch(70.4% 0.14 182.503) */ |
.border-l-teal-600 | border-left-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.border-l-teal-700 | border-left-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(60.9% 0.126 221.723) */ |
.border-l-cyan-700 | border-left-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.border-l-cyan-800 | border-left-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.border-l-cyan-900 | border-left-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(58.8% 0.158 241.966) */ |
.border-l-sky-700 | border-left-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.border-l-sky-800 | border-left-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* 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) */ | /* 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) */ | /* oklch(29.3% 0.066 243.157) */ |
.border-l-blue-50 | border-left-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.border-l-blue-100 | border-left-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(96.2% 0.018 272.314) */ |
.border-l-indigo-100 | border-left-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.border-l-indigo-200 | border-left-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.border-l-indigo-300 | border-left-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(43.2% 0.232 292.759) */ |
.border-l-violet-900 | border-left-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.border-l-violet-950 | border-left-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(83.3% 0.145 321.434) */ |
.border-l-fuchsia-400 | border-left-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.border-l-fuchsia-500 | border-left-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(89.2% 0.058 10.001) */ |
.border-l-rose-300 | border-left-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.border-l-rose-400 | border-left-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(45.5% 0.188 13.697) */ |
.border-l-rose-900 | border-left-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.border-l-rose-950 | border-left-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(27.8% 0.033 256.848) */ |
.border-l-gray-900 | border-left-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.border-l-gray-950 | border-left-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.border-l-zinc-50 | border-left-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-l-zinc-100 | border-left-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.border-l-zinc-200 | border-left-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.border-l-zinc-300 | border-left-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(44.2% 0.017 285.786) */ |
.border-l-zinc-700 | border-left-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.border-l-zinc-800 | border-left-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.border-l-zinc-900 | border-left-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.border-l-zinc-950 | border-left-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.border-l-neutral-50 | border-left-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.border-l-neutral-100 | border-left-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.border-l-neutral-200 | border-left-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.border-l-neutral-300 | border-left-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.border-l-neutral-400 | border-left-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.border-l-neutral-500 | border-left-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.border-l-neutral-600 | border-left-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.border-l-neutral-700 | border-left-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.border-l-neutral-800 | border-left-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.border-l-neutral-900 | border-left-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.border-l-neutral-950 | border-left-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.border-l-stone-50 | border-left-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.border-l-stone-100 | border-left-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.border-l-stone-200 | border-left-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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 */
} | /* #000 */ |
.divide-white | & > :not(:last-child) {
border-color: var(--color-white); /* #fff */
} | /* #fff */ |
.divide-red-50 | & > :not(:last-child) {
border-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* oklch(52% 0.105 223.128) */ |
.divide-cyan-800 | & > :not(:last-child) {
border-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* oklch(93% 0.034 272.788) */ |
.divide-indigo-200 | & > :not(:last-child) {
border-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* oklch(21% 0.034 264.665) */ |
.divide-gray-950 | & > :not(:last-child) {
border-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
} | /* oklch(13% 0.028 261.692) */ |
.divide-zinc-50 | & > :not(:last-child) {
border-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
} | /* oklch(98.5% 0 0) */ |
.divide-zinc-100 | & > :not(:last-child) {
border-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* oklch(14.1% 0.005 285.823) */ |
.divide-neutral-50 | & > :not(:last-child) {
border-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
} | /* oklch(98.5% 0 0) */ |
.divide-neutral-100 | & > :not(:last-child) {
border-color: var(--color-neutral-100); /* oklch(97% 0 0) */
} | /* oklch(97% 0 0) */ |
.divide-neutral-200 | & > :not(:last-child) {
border-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
} | /* oklch(92.2% 0 0) */ |
.divide-neutral-300 | & > :not(:last-child) {
border-color: var(--color-neutral-300); /* oklch(87% 0 0) */
} | /* oklch(87% 0 0) */ |
.divide-neutral-400 | & > :not(:last-child) {
border-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
} | /* oklch(70.8% 0 0) */ |
.divide-neutral-500 | & > :not(:last-child) {
border-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
} | /* oklch(55.6% 0 0) */ |
.divide-neutral-600 | & > :not(:last-child) {
border-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
} | /* oklch(43.9% 0 0) */ |
.divide-neutral-700 | & > :not(:last-child) {
border-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
} | /* oklch(37.1% 0 0) */ |
.divide-neutral-800 | & > :not(:last-child) {
border-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
} | /* oklch(26.9% 0 0) */ |
.divide-neutral-900 | & > :not(:last-child) {
border-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
} | /* oklch(20.5% 0 0) */ |
.divide-neutral-950 | & > :not(:last-child) {
border-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
} | /* oklch(14.5% 0 0) */ |
.divide-stone-50 | & > :not(:last-child) {
border-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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) */
} | /* 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.
.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.
.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.
.outline-inherit | outline-color: inherit; | |
.outline-current | outline-color: currentColor; | |
.outline-transparent | outline-color: transparent; | |
.outline-black | outline-color: var(--color-black); /* #000 */ | /* #000 */ |
.outline-white | outline-color: var(--color-white); /* #fff */ | /* #fff */ |
.outline-red-50 | outline-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* oklch(97.1% 0.013 17.38) */ |
.outline-red-100 | outline-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | /* oklch(93.6% 0.032 17.717) */ |
.outline-red-200 | outline-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | /* oklch(88.5% 0.062 18.334) */ |
.outline-red-300 | outline-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | /* oklch(80.8% 0.114 19.571) */ |
.outline-red-400 | outline-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | /* oklch(70.4% 0.191 22.216) */ |
.outline-red-500 | outline-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | /* oklch(63.7% 0.237 25.331) */ |
.outline-red-600 | outline-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | /* oklch(57.7% 0.245 27.325) */ |
.outline-red-700 | outline-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | /* oklch(50.5% 0.213 27.518) */ |
.outline-red-800 | outline-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | /* oklch(44.4% 0.177 26.899) */ |
.outline-red-900 | outline-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | /* oklch(39.6% 0.141 25.723) */ |
.outline-red-950 | outline-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | /* oklch(25.8% 0.092 26.042) */ |
.outline-orange-50 | outline-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.outline-orange-100 | outline-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* oklch(95.4% 0.038 75.164) */ |
.outline-orange-200 | outline-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | /* oklch(90.1% 0.076 70.697) */ |
.outline-orange-300 | outline-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | /* oklch(83.7% 0.128 66.29) */ |
.outline-orange-400 | outline-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.outline-orange-500 | outline-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* oklch(70.5% 0.213 47.604) */ |
.outline-orange-600 | outline-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | /* oklch(64.6% 0.222 41.116) */ |
.outline-orange-700 | outline-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | /* oklch(55.3% 0.195 38.402) */ |
.outline-orange-800 | outline-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.outline-orange-900 | outline-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* oklch(40.8% 0.123 38.172) */ |
.outline-orange-950 | outline-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | /* oklch(26.6% 0.079 36.259) */ |
.outline-amber-50 | outline-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | /* oklch(98.7% 0.022 95.277) */ |
.outline-amber-100 | outline-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | /* oklch(96.2% 0.059 95.617) */ |
.outline-amber-200 | outline-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | /* oklch(92.4% 0.12 95.746) */ |
.outline-amber-300 | outline-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | /* oklch(87.9% 0.169 91.605) */ |
.outline-amber-400 | outline-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | /* oklch(82.8% 0.189 84.429) */ |
.outline-amber-500 | outline-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | /* oklch(76.9% 0.188 70.08) */ |
.outline-amber-600 | outline-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | /* oklch(66.6% 0.179 58.318) */ |
.outline-amber-700 | outline-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | /* oklch(55.5% 0.163 48.998) */ |
.outline-amber-800 | outline-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | /* oklch(47.3% 0.137 46.201) */ |
.outline-amber-900 | outline-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | /* oklch(41.4% 0.112 45.904) */ |
.outline-amber-950 | outline-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | /* oklch(27.9% 0.077 45.635) */ |
.outline-yellow-50 | outline-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | /* oklch(98.7% 0.026 102.212) */ |
.outline-yellow-100 | outline-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | /* oklch(97.3% 0.071 103.193) */ |
.outline-yellow-200 | outline-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | /* oklch(94.5% 0.129 101.54) */ |
.outline-yellow-300 | outline-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | /* oklch(90.5% 0.182 98.111) */ |
.outline-yellow-400 | outline-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | /* oklch(85.2% 0.199 91.936) */ |
.outline-yellow-500 | outline-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | /* oklch(79.5% 0.184 86.047) */ |
.outline-yellow-600 | outline-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | /* oklch(68.1% 0.162 75.834) */ |
.outline-yellow-700 | outline-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | /* oklch(55.4% 0.135 66.442) */ |
.outline-yellow-800 | outline-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | /* oklch(47.6% 0.114 61.907) */ |
.outline-yellow-900 | outline-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | /* oklch(42.1% 0.095 57.708) */ |
.outline-yellow-950 | outline-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | /* oklch(28.6% 0.066 53.813) */ |
.outline-lime-50 | outline-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | /* oklch(98.6% 0.031 120.757) */ |
.outline-lime-100 | outline-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | /* oklch(96.7% 0.067 122.328) */ |
.outline-lime-200 | outline-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | /* oklch(93.8% 0.127 124.321) */ |
.outline-lime-300 | outline-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | /* oklch(89.7% 0.196 126.665) */ |
.outline-lime-400 | outline-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | /* oklch(84.1% 0.238 128.85) */ |
.outline-lime-500 | outline-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | /* oklch(76.8% 0.233 130.85) */ |
.outline-lime-600 | outline-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | /* oklch(64.8% 0.2 131.684) */ |
.outline-lime-700 | outline-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | /* oklch(53.2% 0.157 131.589) */ |
.outline-lime-800 | outline-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | /* oklch(45.3% 0.124 130.933) */ |
.outline-lime-900 | outline-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | /* oklch(40.5% 0.101 131.063) */ |
.outline-lime-950 | outline-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | /* oklch(27.4% 0.072 132.109) */ |
.outline-green-50 | outline-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | /* oklch(98.2% 0.018 155.826) */ |
.outline-green-100 | outline-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | /* oklch(96.2% 0.044 156.743) */ |
.outline-green-200 | outline-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | /* oklch(92.5% 0.084 155.995) */ |
.outline-green-300 | outline-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | /* oklch(87.1% 0.15 154.449) */ |
.outline-green-400 | outline-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | /* oklch(79.2% 0.209 151.711) */ |
.outline-green-500 | outline-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | /* oklch(72.3% 0.219 149.579) */ |
.outline-green-600 | outline-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | /* oklch(62.7% 0.194 149.214) */ |
.outline-green-700 | outline-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | /* oklch(52.7% 0.154 150.069) */ |
.outline-green-800 | outline-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | /* oklch(44.8% 0.119 151.328) */ |
.outline-green-900 | outline-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | /* oklch(39.3% 0.095 152.535) */ |
.outline-green-950 | outline-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | /* oklch(26.6% 0.065 152.934) */ |
.outline-emerald-50 | outline-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | /* oklch(97.9% 0.021 166.113) */ |
.outline-emerald-100 | outline-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.outline-emerald-200 | outline-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* oklch(90.5% 0.093 164.15) */ |
.outline-emerald-300 | outline-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | /* oklch(84.5% 0.143 164.978) */ |
.outline-emerald-400 | outline-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | /* oklch(76.5% 0.177 163.223) */ |
.outline-emerald-500 | outline-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | /* oklch(69.6% 0.17 162.48) */ |
.outline-emerald-600 | outline-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | /* oklch(59.6% 0.145 163.225) */ |
.outline-emerald-700 | outline-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | /* oklch(50.8% 0.118 165.612) */ |
.outline-emerald-800 | outline-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | /* oklch(43.2% 0.095 166.913) */ |
.outline-emerald-900 | outline-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | /* oklch(37.8% 0.077 168.94) */ |
.outline-emerald-950 | outline-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | /* oklch(26.2% 0.051 172.552) */ |
.outline-teal-50 | outline-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | /* oklch(98.4% 0.014 180.72) */ |
.outline-teal-100 | outline-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | /* oklch(95.3% 0.051 180.801) */ |
.outline-teal-200 | outline-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.outline-teal-300 | outline-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* oklch(85.5% 0.138 181.071) */ |
.outline-teal-400 | outline-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | /* oklch(77.7% 0.152 181.912) */ |
.outline-teal-500 | outline-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | /* oklch(70.4% 0.14 182.503) */ |
.outline-teal-600 | outline-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.outline-teal-700 | outline-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* oklch(51.1% 0.096 186.391) */ |
.outline-teal-800 | outline-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | /* oklch(43.7% 0.078 188.216) */ |
.outline-teal-900 | outline-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | /* oklch(38.6% 0.063 188.416) */ |
.outline-teal-950 | outline-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | /* oklch(27.7% 0.046 192.524) */ |
.outline-cyan-50 | outline-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | /* oklch(98.4% 0.019 200.873) */ |
.outline-cyan-100 | outline-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | /* oklch(95.6% 0.045 203.388) */ |
.outline-cyan-200 | outline-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | /* oklch(91.7% 0.08 205.041) */ |
.outline-cyan-300 | outline-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | /* oklch(86.5% 0.127 207.078) */ |
.outline-cyan-400 | outline-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | /* oklch(78.9% 0.154 211.53) */ |
.outline-cyan-500 | outline-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | /* oklch(71.5% 0.143 215.221) */ |
.outline-cyan-600 | outline-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | /* oklch(60.9% 0.126 221.723) */ |
.outline-cyan-700 | outline-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.outline-cyan-800 | outline-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.outline-cyan-900 | outline-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* oklch(39.8% 0.07 227.392) */ |
.outline-cyan-950 | outline-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | /* oklch(30.2% 0.056 229.695) */ |
.outline-sky-50 | outline-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | /* oklch(97.7% 0.013 236.62) */ |
.outline-sky-100 | outline-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | /* oklch(95.1% 0.026 236.824) */ |
.outline-sky-200 | outline-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | /* oklch(90.1% 0.058 230.902) */ |
.outline-sky-300 | outline-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | /* oklch(82.8% 0.111 230.318) */ |
.outline-sky-400 | outline-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | /* oklch(74.6% 0.16 232.661) */ |
.outline-sky-500 | outline-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | /* oklch(68.5% 0.169 237.323) */ |
.outline-sky-600 | outline-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | /* oklch(58.8% 0.158 241.966) */ |
.outline-sky-700 | outline-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.outline-sky-800 | outline-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* oklch(44.3% 0.11 240.79) */ |
.outline-sky-900 | outline-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | /* oklch(39.1% 0.09 240.876) */ |
.outline-sky-950 | outline-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | /* oklch(29.3% 0.066 243.157) */ |
.outline-blue-50 | outline-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.outline-blue-100 | outline-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* oklch(93.2% 0.032 255.585) */ |
.outline-blue-200 | outline-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | /* oklch(88.2% 0.059 254.128) */ |
.outline-blue-300 | outline-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | /* oklch(80.9% 0.105 251.813) */ |
.outline-blue-400 | outline-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | /* oklch(70.7% 0.165 254.624) */ |
.outline-blue-500 | outline-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | /* oklch(62.3% 0.214 259.815) */ |
.outline-blue-600 | outline-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | /* oklch(54.6% 0.245 262.881) */ |
.outline-blue-700 | outline-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | /* oklch(48.8% 0.243 264.376) */ |
.outline-blue-800 | outline-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | /* oklch(42.4% 0.199 265.638) */ |
.outline-blue-900 | outline-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | /* oklch(37.9% 0.146 265.522) */ |
.outline-blue-950 | outline-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | /* oklch(28.2% 0.091 267.935) */ |
.outline-indigo-50 | outline-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | /* oklch(96.2% 0.018 272.314) */ |
.outline-indigo-100 | outline-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.outline-indigo-200 | outline-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.outline-indigo-300 | outline-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* oklch(78.5% 0.115 274.713) */ |
.outline-indigo-400 | outline-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | /* oklch(67.3% 0.182 276.935) */ |
.outline-indigo-500 | outline-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | /* oklch(58.5% 0.233 277.117) */ |
.outline-indigo-600 | outline-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | /* oklch(51.1% 0.262 276.966) */ |
.outline-indigo-700 | outline-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | /* oklch(45.7% 0.24 277.023) */ |
.outline-indigo-800 | outline-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | /* oklch(39.8% 0.195 277.366) */ |
.outline-indigo-900 | outline-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | /* oklch(35.9% 0.144 278.697) */ |
.outline-indigo-950 | outline-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | /* oklch(25.7% 0.09 281.288) */ |
.outline-violet-50 | outline-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | /* oklch(96.9% 0.016 293.756) */ |
.outline-violet-100 | outline-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | /* oklch(94.3% 0.029 294.588) */ |
.outline-violet-200 | outline-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | /* oklch(89.4% 0.057 293.283) */ |
.outline-violet-300 | outline-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | /* oklch(81.1% 0.111 293.571) */ |
.outline-violet-400 | outline-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | /* oklch(70.2% 0.183 293.541) */ |
.outline-violet-500 | outline-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | /* oklch(60.6% 0.25 292.717) */ |
.outline-violet-600 | outline-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | /* oklch(54.1% 0.281 293.009) */ |
.outline-violet-700 | outline-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | /* oklch(49.1% 0.27 292.581) */ |
.outline-violet-800 | outline-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | /* oklch(43.2% 0.232 292.759) */ |
.outline-violet-900 | outline-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.outline-violet-950 | outline-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* oklch(28.3% 0.141 291.089) */ |
.outline-purple-50 | outline-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | /* oklch(97.7% 0.014 308.299) */ |
.outline-purple-100 | outline-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | /* oklch(94.6% 0.033 307.174) */ |
.outline-purple-200 | outline-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | /* oklch(90.2% 0.063 306.703) */ |
.outline-purple-300 | outline-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | /* oklch(82.7% 0.119 306.383) */ |
.outline-purple-400 | outline-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | /* oklch(71.4% 0.203 305.504) */ |
.outline-purple-500 | outline-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | /* oklch(62.7% 0.265 303.9) */ |
.outline-purple-600 | outline-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | /* oklch(55.8% 0.288 302.321) */ |
.outline-purple-700 | outline-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | /* oklch(49.6% 0.265 301.924) */ |
.outline-purple-800 | outline-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | /* oklch(43.8% 0.218 303.724) */ |
.outline-purple-900 | outline-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | /* oklch(38.1% 0.176 304.987) */ |
.outline-purple-950 | outline-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | /* oklch(29.1% 0.149 302.717) */ |
.outline-fuchsia-50 | outline-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | /* oklch(97.7% 0.017 320.058) */ |
.outline-fuchsia-100 | outline-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | /* oklch(95.2% 0.037 318.852) */ |
.outline-fuchsia-200 | outline-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | /* oklch(90.3% 0.076 319.62) */ |
.outline-fuchsia-300 | outline-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | /* oklch(83.3% 0.145 321.434) */ |
.outline-fuchsia-400 | outline-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.outline-fuchsia-500 | outline-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* oklch(66.7% 0.295 322.15) */ |
.outline-fuchsia-600 | outline-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | /* oklch(59.1% 0.293 322.896) */ |
.outline-fuchsia-700 | outline-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | /* oklch(51.8% 0.253 323.949) */ |
.outline-fuchsia-800 | outline-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | /* oklch(45.2% 0.211 324.591) */ |
.outline-fuchsia-900 | outline-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | /* oklch(40.1% 0.17 325.612) */ |
.outline-fuchsia-950 | outline-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | /* oklch(29.3% 0.136 325.661) */ |
.outline-pink-50 | outline-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | /* oklch(97.1% 0.014 343.198) */ |
.outline-pink-100 | outline-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | /* oklch(94.8% 0.028 342.258) */ |
.outline-pink-200 | outline-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | /* oklch(89.9% 0.061 343.231) */ |
.outline-pink-300 | outline-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | /* oklch(82.3% 0.12 346.018) */ |
.outline-pink-400 | outline-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | /* oklch(71.8% 0.202 349.761) */ |
.outline-pink-500 | outline-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | /* oklch(65.6% 0.241 354.308) */ |
.outline-pink-600 | outline-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | /* oklch(59.2% 0.249 0.584) */ |
.outline-pink-700 | outline-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | /* oklch(52.5% 0.223 3.958) */ |
.outline-pink-800 | outline-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | /* oklch(45.9% 0.187 3.815) */ |
.outline-pink-900 | outline-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | /* oklch(40.8% 0.153 2.432) */ |
.outline-pink-950 | outline-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | /* oklch(28.4% 0.109 3.907) */ |
.outline-rose-50 | outline-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | /* oklch(96.9% 0.015 12.422) */ |
.outline-rose-100 | outline-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | /* oklch(94.1% 0.03 12.58) */ |
.outline-rose-200 | outline-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | /* oklch(89.2% 0.058 10.001) */ |
.outline-rose-300 | outline-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.outline-rose-400 | outline-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* oklch(71.2% 0.194 13.428) */ |
.outline-rose-500 | outline-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | /* oklch(64.5% 0.246 16.439) */ |
.outline-rose-600 | outline-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | /* oklch(58.6% 0.253 17.585) */ |
.outline-rose-700 | outline-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | /* oklch(51.4% 0.222 16.935) */ |
.outline-rose-800 | outline-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | /* oklch(45.5% 0.188 13.697) */ |
.outline-rose-900 | outline-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.outline-rose-950 | outline-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* oklch(27.1% 0.105 12.094) */ |
.outline-slate-50 | outline-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | /* oklch(98.4% 0.003 247.858) */ |
.outline-slate-100 | outline-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | /* oklch(96.8% 0.007 247.896) */ |
.outline-slate-200 | outline-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | /* oklch(92.9% 0.013 255.508) */ |
.outline-slate-300 | outline-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | /* oklch(86.9% 0.022 252.894) */ |
.outline-slate-400 | outline-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | /* oklch(70.4% 0.04 256.788) */ |
.outline-slate-500 | outline-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | /* oklch(55.4% 0.046 257.417) */ |
.outline-slate-600 | outline-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | /* oklch(44.6% 0.043 257.281) */ |
.outline-slate-700 | outline-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | /* oklch(37.2% 0.044 257.287) */ |
.outline-slate-800 | outline-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | /* oklch(27.9% 0.041 260.031) */ |
.outline-slate-900 | outline-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | /* oklch(20.8% 0.042 265.755) */ |
.outline-slate-950 | outline-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | /* oklch(12.9% 0.042 264.695) */ |
.outline-gray-50 | outline-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | /* oklch(98.5% 0.002 247.839) */ |
.outline-gray-100 | outline-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | /* oklch(96.7% 0.003 264.542) */ |
.outline-gray-200 | outline-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | /* oklch(92.8% 0.006 264.531) */ |
.outline-gray-300 | outline-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | /* oklch(87.2% 0.01 258.338) */ |
.outline-gray-400 | outline-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | /* oklch(70.7% 0.022 261.325) */ |
.outline-gray-500 | outline-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | /* oklch(55.1% 0.027 264.364) */ |
.outline-gray-600 | outline-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | /* oklch(44.6% 0.03 256.802) */ |
.outline-gray-700 | outline-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | /* oklch(37.3% 0.034 259.733) */ |
.outline-gray-800 | outline-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | /* oklch(27.8% 0.033 256.848) */ |
.outline-gray-900 | outline-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.outline-gray-950 | outline-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.outline-zinc-50 | outline-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.outline-zinc-100 | outline-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.outline-zinc-200 | outline-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.outline-zinc-300 | outline-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* oklch(87.1% 0.006 286.286) */ |
.outline-zinc-400 | outline-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | /* oklch(70.5% 0.015 286.067) */ |
.outline-zinc-500 | outline-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | /* oklch(55.2% 0.016 285.938) */ |
.outline-zinc-600 | outline-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | /* oklch(44.2% 0.017 285.786) */ |
.outline-zinc-700 | outline-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.outline-zinc-800 | outline-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.outline-zinc-900 | outline-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.outline-zinc-950 | outline-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.outline-neutral-50 | outline-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.outline-neutral-100 | outline-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.outline-neutral-200 | outline-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.outline-neutral-300 | outline-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.outline-neutral-400 | outline-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.outline-neutral-500 | outline-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.outline-neutral-600 | outline-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.outline-neutral-700 | outline-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.outline-neutral-800 | outline-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.outline-neutral-900 | outline-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.outline-neutral-950 | outline-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.outline-stone-50 | outline-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.outline-stone-100 | outline-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.outline-stone-200 | outline-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* oklch(92.3% 0.003 48.717) */ |
.outline-stone-300 | outline-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | /* oklch(86.9% 0.005 56.366) */ |
.outline-stone-400 | outline-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | /* oklch(70.9% 0.01 56.259) */ |
.outline-stone-500 | outline-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | /* oklch(55.3% 0.013 58.071) */ |
.outline-stone-600 | outline-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | /* oklch(44.4% 0.011 73.639) */ |
.outline-stone-700 | outline-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | /* oklch(37.4% 0.01 67.558) */ |
.outline-stone-800 | outline-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | /* oklch(26.8% 0.007 34.298) */ |
.outline-stone-900 | outline-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | /* oklch(21.6% 0.006 56.043) */ |
.outline-stone-950 | outline-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | /* 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.
.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.
.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>; |
Effects
box-shadow
Utilities for controlling the box shadow of an element.
.shadow-2xs | box-shadow: var(--shadow-2xs); /* 0 1px rgb(0 0 0 / 0.05) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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 */ | /* #000 */ |
.shadow-white | --tw-shadow-color: var(--color-white); /* #fff */ | /* #fff */ |
.shadow-red-50 | --tw-shadow-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* oklch(97.1% 0.013 17.38) */ |
.shadow-red-100 | --tw-shadow-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | /* oklch(93.6% 0.032 17.717) */ |
.shadow-red-200 | --tw-shadow-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | /* oklch(88.5% 0.062 18.334) */ |
.shadow-red-300 | --tw-shadow-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | /* oklch(80.8% 0.114 19.571) */ |
.shadow-red-400 | --tw-shadow-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | /* oklch(70.4% 0.191 22.216) */ |
.shadow-red-500 | --tw-shadow-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | /* oklch(63.7% 0.237 25.331) */ |
.shadow-red-600 | --tw-shadow-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | /* oklch(57.7% 0.245 27.325) */ |
.shadow-red-700 | --tw-shadow-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | /* oklch(50.5% 0.213 27.518) */ |
.shadow-red-800 | --tw-shadow-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | /* oklch(44.4% 0.177 26.899) */ |
.shadow-red-900 | --tw-shadow-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | /* oklch(39.6% 0.141 25.723) */ |
.shadow-red-950 | --tw-shadow-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | /* oklch(25.8% 0.092 26.042) */ |
.shadow-orange-50 | --tw-shadow-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.shadow-orange-100 | --tw-shadow-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* oklch(95.4% 0.038 75.164) */ |
.shadow-orange-200 | --tw-shadow-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | /* oklch(90.1% 0.076 70.697) */ |
.shadow-orange-300 | --tw-shadow-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | /* oklch(83.7% 0.128 66.29) */ |
.shadow-orange-400 | --tw-shadow-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.shadow-orange-500 | --tw-shadow-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* oklch(70.5% 0.213 47.604) */ |
.shadow-orange-600 | --tw-shadow-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | /* oklch(64.6% 0.222 41.116) */ |
.shadow-orange-700 | --tw-shadow-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | /* oklch(55.3% 0.195 38.402) */ |
.shadow-orange-800 | --tw-shadow-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.shadow-orange-900 | --tw-shadow-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* oklch(40.8% 0.123 38.172) */ |
.shadow-orange-950 | --tw-shadow-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | /* oklch(26.6% 0.079 36.259) */ |
.shadow-amber-50 | --tw-shadow-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | /* oklch(98.7% 0.022 95.277) */ |
.shadow-amber-100 | --tw-shadow-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | /* oklch(96.2% 0.059 95.617) */ |
.shadow-amber-200 | --tw-shadow-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | /* oklch(92.4% 0.12 95.746) */ |
.shadow-amber-300 | --tw-shadow-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | /* oklch(87.9% 0.169 91.605) */ |
.shadow-amber-400 | --tw-shadow-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | /* oklch(82.8% 0.189 84.429) */ |
.shadow-amber-500 | --tw-shadow-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | /* oklch(76.9% 0.188 70.08) */ |
.shadow-amber-600 | --tw-shadow-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | /* oklch(66.6% 0.179 58.318) */ |
.shadow-amber-700 | --tw-shadow-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | /* oklch(55.5% 0.163 48.998) */ |
.shadow-amber-800 | --tw-shadow-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | /* oklch(47.3% 0.137 46.201) */ |
.shadow-amber-900 | --tw-shadow-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | /* oklch(41.4% 0.112 45.904) */ |
.shadow-amber-950 | --tw-shadow-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | /* oklch(27.9% 0.077 45.635) */ |
.shadow-yellow-50 | --tw-shadow-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | /* oklch(98.7% 0.026 102.212) */ |
.shadow-yellow-100 | --tw-shadow-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | /* oklch(97.3% 0.071 103.193) */ |
.shadow-yellow-200 | --tw-shadow-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | /* oklch(94.5% 0.129 101.54) */ |
.shadow-yellow-300 | --tw-shadow-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | /* oklch(90.5% 0.182 98.111) */ |
.shadow-yellow-400 | --tw-shadow-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | /* oklch(85.2% 0.199 91.936) */ |
.shadow-yellow-500 | --tw-shadow-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | /* oklch(79.5% 0.184 86.047) */ |
.shadow-yellow-600 | --tw-shadow-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | /* oklch(68.1% 0.162 75.834) */ |
.shadow-yellow-700 | --tw-shadow-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | /* oklch(55.4% 0.135 66.442) */ |
.shadow-yellow-800 | --tw-shadow-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | /* oklch(47.6% 0.114 61.907) */ |
.shadow-yellow-900 | --tw-shadow-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | /* oklch(42.1% 0.095 57.708) */ |
.shadow-yellow-950 | --tw-shadow-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | /* oklch(28.6% 0.066 53.813) */ |
.shadow-lime-50 | --tw-shadow-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | /* oklch(98.6% 0.031 120.757) */ |
.shadow-lime-100 | --tw-shadow-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | /* oklch(96.7% 0.067 122.328) */ |
.shadow-lime-200 | --tw-shadow-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | /* oklch(93.8% 0.127 124.321) */ |
.shadow-lime-300 | --tw-shadow-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | /* oklch(89.7% 0.196 126.665) */ |
.shadow-lime-400 | --tw-shadow-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | /* oklch(84.1% 0.238 128.85) */ |
.shadow-lime-500 | --tw-shadow-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | /* oklch(76.8% 0.233 130.85) */ |
.shadow-lime-600 | --tw-shadow-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | /* oklch(64.8% 0.2 131.684) */ |
.shadow-lime-700 | --tw-shadow-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | /* oklch(53.2% 0.157 131.589) */ |
.shadow-lime-800 | --tw-shadow-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | /* oklch(45.3% 0.124 130.933) */ |
.shadow-lime-900 | --tw-shadow-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | /* oklch(40.5% 0.101 131.063) */ |
.shadow-lime-950 | --tw-shadow-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | /* oklch(27.4% 0.072 132.109) */ |
.shadow-green-50 | --tw-shadow-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | /* oklch(98.2% 0.018 155.826) */ |
.shadow-green-100 | --tw-shadow-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | /* oklch(96.2% 0.044 156.743) */ |
.shadow-green-200 | --tw-shadow-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | /* oklch(92.5% 0.084 155.995) */ |
.shadow-green-300 | --tw-shadow-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | /* oklch(87.1% 0.15 154.449) */ |
.shadow-green-400 | --tw-shadow-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | /* oklch(79.2% 0.209 151.711) */ |
.shadow-green-500 | --tw-shadow-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | /* oklch(72.3% 0.219 149.579) */ |
.shadow-green-600 | --tw-shadow-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | /* oklch(62.7% 0.194 149.214) */ |
.shadow-green-700 | --tw-shadow-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | /* oklch(52.7% 0.154 150.069) */ |
.shadow-green-800 | --tw-shadow-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | /* oklch(44.8% 0.119 151.328) */ |
.shadow-green-900 | --tw-shadow-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | /* oklch(39.3% 0.095 152.535) */ |
.shadow-green-950 | --tw-shadow-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | /* oklch(26.6% 0.065 152.934) */ |
.shadow-emerald-50 | --tw-shadow-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | /* oklch(97.9% 0.021 166.113) */ |
.shadow-emerald-100 | --tw-shadow-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.shadow-emerald-200 | --tw-shadow-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* oklch(90.5% 0.093 164.15) */ |
.shadow-emerald-300 | --tw-shadow-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | /* oklch(84.5% 0.143 164.978) */ |
.shadow-emerald-400 | --tw-shadow-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | /* oklch(76.5% 0.177 163.223) */ |
.shadow-emerald-500 | --tw-shadow-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | /* oklch(69.6% 0.17 162.48) */ |
.shadow-emerald-600 | --tw-shadow-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | /* oklch(59.6% 0.145 163.225) */ |
.shadow-emerald-700 | --tw-shadow-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | /* oklch(50.8% 0.118 165.612) */ |
.shadow-emerald-800 | --tw-shadow-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | /* oklch(43.2% 0.095 166.913) */ |
.shadow-emerald-900 | --tw-shadow-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | /* oklch(37.8% 0.077 168.94) */ |
.shadow-emerald-950 | --tw-shadow-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | /* oklch(26.2% 0.051 172.552) */ |
.shadow-teal-50 | --tw-shadow-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | /* oklch(98.4% 0.014 180.72) */ |
.shadow-teal-100 | --tw-shadow-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | /* oklch(95.3% 0.051 180.801) */ |
.shadow-teal-200 | --tw-shadow-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.shadow-teal-300 | --tw-shadow-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* oklch(85.5% 0.138 181.071) */ |
.shadow-teal-400 | --tw-shadow-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | /* oklch(77.7% 0.152 181.912) */ |
.shadow-teal-500 | --tw-shadow-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | /* oklch(70.4% 0.14 182.503) */ |
.shadow-teal-600 | --tw-shadow-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.shadow-teal-700 | --tw-shadow-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* oklch(51.1% 0.096 186.391) */ |
.shadow-teal-800 | --tw-shadow-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | /* oklch(43.7% 0.078 188.216) */ |
.shadow-teal-900 | --tw-shadow-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | /* oklch(38.6% 0.063 188.416) */ |
.shadow-teal-950 | --tw-shadow-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | /* oklch(27.7% 0.046 192.524) */ |
.shadow-cyan-50 | --tw-shadow-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | /* oklch(98.4% 0.019 200.873) */ |
.shadow-cyan-100 | --tw-shadow-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | /* oklch(95.6% 0.045 203.388) */ |
.shadow-cyan-200 | --tw-shadow-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | /* oklch(91.7% 0.08 205.041) */ |
.shadow-cyan-300 | --tw-shadow-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | /* oklch(86.5% 0.127 207.078) */ |
.shadow-cyan-400 | --tw-shadow-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | /* oklch(78.9% 0.154 211.53) */ |
.shadow-cyan-500 | --tw-shadow-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | /* oklch(71.5% 0.143 215.221) */ |
.shadow-cyan-600 | --tw-shadow-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | /* oklch(60.9% 0.126 221.723) */ |
.shadow-cyan-700 | --tw-shadow-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.shadow-cyan-800 | --tw-shadow-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.shadow-cyan-900 | --tw-shadow-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* oklch(39.8% 0.07 227.392) */ |
.shadow-cyan-950 | --tw-shadow-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | /* oklch(30.2% 0.056 229.695) */ |
.shadow-sky-50 | --tw-shadow-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | /* oklch(97.7% 0.013 236.62) */ |
.shadow-sky-100 | --tw-shadow-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | /* oklch(95.1% 0.026 236.824) */ |
.shadow-sky-200 | --tw-shadow-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | /* oklch(90.1% 0.058 230.902) */ |
.shadow-sky-300 | --tw-shadow-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | /* oklch(82.8% 0.111 230.318) */ |
.shadow-sky-400 | --tw-shadow-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | /* oklch(74.6% 0.16 232.661) */ |
.shadow-sky-500 | --tw-shadow-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | /* oklch(68.5% 0.169 237.323) */ |
.shadow-sky-600 | --tw-shadow-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | /* oklch(58.8% 0.158 241.966) */ |
.shadow-sky-700 | --tw-shadow-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.shadow-sky-800 | --tw-shadow-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* oklch(44.3% 0.11 240.79) */ |
.shadow-sky-900 | --tw-shadow-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | /* oklch(39.1% 0.09 240.876) */ |
.shadow-sky-950 | --tw-shadow-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | /* oklch(29.3% 0.066 243.157) */ |
.shadow-blue-50 | --tw-shadow-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.shadow-blue-100 | --tw-shadow-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* oklch(93.2% 0.032 255.585) */ |
.shadow-blue-200 | --tw-shadow-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | /* oklch(88.2% 0.059 254.128) */ |
.shadow-blue-300 | --tw-shadow-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | /* oklch(80.9% 0.105 251.813) */ |
.shadow-blue-400 | --tw-shadow-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | /* oklch(70.7% 0.165 254.624) */ |
.shadow-blue-500 | --tw-shadow-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | /* oklch(62.3% 0.214 259.815) */ |
.shadow-blue-600 | --tw-shadow-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | /* oklch(54.6% 0.245 262.881) */ |
.shadow-blue-700 | --tw-shadow-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | /* oklch(48.8% 0.243 264.376) */ |
.shadow-blue-800 | --tw-shadow-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | /* oklch(42.4% 0.199 265.638) */ |
.shadow-blue-900 | --tw-shadow-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | /* oklch(37.9% 0.146 265.522) */ |
.shadow-blue-950 | --tw-shadow-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | /* oklch(28.2% 0.091 267.935) */ |
.shadow-indigo-50 | --tw-shadow-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | /* oklch(96.2% 0.018 272.314) */ |
.shadow-indigo-100 | --tw-shadow-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.shadow-indigo-200 | --tw-shadow-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.shadow-indigo-300 | --tw-shadow-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* oklch(78.5% 0.115 274.713) */ |
.shadow-indigo-400 | --tw-shadow-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | /* oklch(67.3% 0.182 276.935) */ |
.shadow-indigo-500 | --tw-shadow-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | /* oklch(58.5% 0.233 277.117) */ |
.shadow-indigo-600 | --tw-shadow-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | /* oklch(51.1% 0.262 276.966) */ |
.shadow-indigo-700 | --tw-shadow-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | /* oklch(45.7% 0.24 277.023) */ |
.shadow-indigo-800 | --tw-shadow-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | /* oklch(39.8% 0.195 277.366) */ |
.shadow-indigo-900 | --tw-shadow-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | /* oklch(35.9% 0.144 278.697) */ |
.shadow-indigo-950 | --tw-shadow-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | /* oklch(25.7% 0.09 281.288) */ |
.shadow-violet-50 | --tw-shadow-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | /* oklch(96.9% 0.016 293.756) */ |
.shadow-violet-100 | --tw-shadow-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | /* oklch(94.3% 0.029 294.588) */ |
.shadow-violet-200 | --tw-shadow-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | /* oklch(89.4% 0.057 293.283) */ |
.shadow-violet-300 | --tw-shadow-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | /* oklch(81.1% 0.111 293.571) */ |
.shadow-violet-400 | --tw-shadow-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | /* oklch(70.2% 0.183 293.541) */ |
.shadow-violet-500 | --tw-shadow-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | /* oklch(60.6% 0.25 292.717) */ |
.shadow-violet-600 | --tw-shadow-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | /* oklch(54.1% 0.281 293.009) */ |
.shadow-violet-700 | --tw-shadow-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | /* oklch(49.1% 0.27 292.581) */ |
.shadow-violet-800 | --tw-shadow-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | /* oklch(43.2% 0.232 292.759) */ |
.shadow-violet-900 | --tw-shadow-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.shadow-violet-950 | --tw-shadow-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* oklch(28.3% 0.141 291.089) */ |
.shadow-purple-50 | --tw-shadow-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | /* oklch(97.7% 0.014 308.299) */ |
.shadow-purple-100 | --tw-shadow-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | /* oklch(94.6% 0.033 307.174) */ |
.shadow-purple-200 | --tw-shadow-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | /* oklch(90.2% 0.063 306.703) */ |
.shadow-purple-300 | --tw-shadow-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | /* oklch(82.7% 0.119 306.383) */ |
.shadow-purple-400 | --tw-shadow-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | /* oklch(71.4% 0.203 305.504) */ |
.shadow-purple-500 | --tw-shadow-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | /* oklch(62.7% 0.265 303.9) */ |
.shadow-purple-600 | --tw-shadow-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | /* oklch(55.8% 0.288 302.321) */ |
.shadow-purple-700 | --tw-shadow-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | /* oklch(49.6% 0.265 301.924) */ |
.shadow-purple-800 | --tw-shadow-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | /* oklch(43.8% 0.218 303.724) */ |
.shadow-purple-900 | --tw-shadow-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | /* oklch(38.1% 0.176 304.987) */ |
.shadow-purple-950 | --tw-shadow-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | /* oklch(29.1% 0.149 302.717) */ |
.shadow-fuchsia-50 | --tw-shadow-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | /* oklch(97.7% 0.017 320.058) */ |
.shadow-fuchsia-100 | --tw-shadow-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | /* oklch(95.2% 0.037 318.852) */ |
.shadow-fuchsia-200 | --tw-shadow-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | /* oklch(90.3% 0.076 319.62) */ |
.shadow-fuchsia-300 | --tw-shadow-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | /* oklch(83.3% 0.145 321.434) */ |
.shadow-fuchsia-400 | --tw-shadow-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.shadow-fuchsia-500 | --tw-shadow-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* oklch(66.7% 0.295 322.15) */ |
.shadow-fuchsia-600 | --tw-shadow-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | /* oklch(59.1% 0.293 322.896) */ |
.shadow-fuchsia-700 | --tw-shadow-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | /* oklch(51.8% 0.253 323.949) */ |
.shadow-fuchsia-800 | --tw-shadow-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | /* oklch(45.2% 0.211 324.591) */ |
.shadow-fuchsia-900 | --tw-shadow-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | /* oklch(40.1% 0.17 325.612) */ |
.shadow-fuchsia-950 | --tw-shadow-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | /* oklch(29.3% 0.136 325.661) */ |
.shadow-pink-50 | --tw-shadow-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | /* oklch(97.1% 0.014 343.198) */ |
.shadow-pink-100 | --tw-shadow-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | /* oklch(94.8% 0.028 342.258) */ |
.shadow-pink-200 | --tw-shadow-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | /* oklch(89.9% 0.061 343.231) */ |
.shadow-pink-300 | --tw-shadow-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | /* oklch(82.3% 0.12 346.018) */ |
.shadow-pink-400 | --tw-shadow-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | /* oklch(71.8% 0.202 349.761) */ |
.shadow-pink-500 | --tw-shadow-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | /* oklch(65.6% 0.241 354.308) */ |
.shadow-pink-600 | --tw-shadow-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | /* oklch(59.2% 0.249 0.584) */ |
.shadow-pink-700 | --tw-shadow-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | /* oklch(52.5% 0.223 3.958) */ |
.shadow-pink-800 | --tw-shadow-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | /* oklch(45.9% 0.187 3.815) */ |
.shadow-pink-900 | --tw-shadow-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | /* oklch(40.8% 0.153 2.432) */ |
.shadow-pink-950 | --tw-shadow-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | /* oklch(28.4% 0.109 3.907) */ |
.shadow-rose-50 | --tw-shadow-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | /* oklch(96.9% 0.015 12.422) */ |
.shadow-rose-100 | --tw-shadow-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | /* oklch(94.1% 0.03 12.58) */ |
.shadow-rose-200 | --tw-shadow-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | /* oklch(89.2% 0.058 10.001) */ |
.shadow-rose-300 | --tw-shadow-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.shadow-rose-400 | --tw-shadow-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* oklch(71.2% 0.194 13.428) */ |
.shadow-rose-500 | --tw-shadow-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | /* oklch(64.5% 0.246 16.439) */ |
.shadow-rose-600 | --tw-shadow-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | /* oklch(58.6% 0.253 17.585) */ |
.shadow-rose-700 | --tw-shadow-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | /* oklch(51.4% 0.222 16.935) */ |
.shadow-rose-800 | --tw-shadow-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | /* oklch(45.5% 0.188 13.697) */ |
.shadow-rose-900 | --tw-shadow-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.shadow-rose-950 | --tw-shadow-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* oklch(27.1% 0.105 12.094) */ |
.shadow-slate-50 | --tw-shadow-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | /* oklch(98.4% 0.003 247.858) */ |
.shadow-slate-100 | --tw-shadow-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | /* oklch(96.8% 0.007 247.896) */ |
.shadow-slate-200 | --tw-shadow-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | /* oklch(92.9% 0.013 255.508) */ |
.shadow-slate-300 | --tw-shadow-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | /* oklch(86.9% 0.022 252.894) */ |
.shadow-slate-400 | --tw-shadow-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | /* oklch(70.4% 0.04 256.788) */ |
.shadow-slate-500 | --tw-shadow-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | /* oklch(55.4% 0.046 257.417) */ |
.shadow-slate-600 | --tw-shadow-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | /* oklch(44.6% 0.043 257.281) */ |
.shadow-slate-700 | --tw-shadow-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | /* oklch(37.2% 0.044 257.287) */ |
.shadow-slate-800 | --tw-shadow-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | /* oklch(27.9% 0.041 260.031) */ |
.shadow-slate-900 | --tw-shadow-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | /* oklch(20.8% 0.042 265.755) */ |
.shadow-slate-950 | --tw-shadow-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | /* oklch(12.9% 0.042 264.695) */ |
.shadow-gray-50 | --tw-shadow-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | /* oklch(98.5% 0.002 247.839) */ |
.shadow-gray-100 | --tw-shadow-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | /* oklch(96.7% 0.003 264.542) */ |
.shadow-gray-200 | --tw-shadow-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | /* oklch(92.8% 0.006 264.531) */ |
.shadow-gray-300 | --tw-shadow-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | /* oklch(87.2% 0.01 258.338) */ |
.shadow-gray-400 | --tw-shadow-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | /* oklch(70.7% 0.022 261.325) */ |
.shadow-gray-500 | --tw-shadow-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | /* oklch(55.1% 0.027 264.364) */ |
.shadow-gray-600 | --tw-shadow-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | /* oklch(44.6% 0.03 256.802) */ |
.shadow-gray-700 | --tw-shadow-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | /* oklch(37.3% 0.034 259.733) */ |
.shadow-gray-800 | --tw-shadow-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | /* oklch(27.8% 0.033 256.848) */ |
.shadow-gray-900 | --tw-shadow-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.shadow-gray-950 | --tw-shadow-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.shadow-zinc-50 | --tw-shadow-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.shadow-zinc-100 | --tw-shadow-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.shadow-zinc-200 | --tw-shadow-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.shadow-zinc-300 | --tw-shadow-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* oklch(87.1% 0.006 286.286) */ |
.shadow-zinc-400 | --tw-shadow-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | /* oklch(70.5% 0.015 286.067) */ |
.shadow-zinc-500 | --tw-shadow-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | /* oklch(55.2% 0.016 285.938) */ |
.shadow-zinc-600 | --tw-shadow-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | /* oklch(44.2% 0.017 285.786) */ |
.shadow-zinc-700 | --tw-shadow-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.shadow-zinc-800 | --tw-shadow-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.shadow-zinc-900 | --tw-shadow-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.shadow-zinc-950 | --tw-shadow-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.shadow-neutral-50 | --tw-shadow-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.shadow-neutral-100 | --tw-shadow-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.shadow-neutral-200 | --tw-shadow-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.shadow-neutral-300 | --tw-shadow-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.shadow-neutral-400 | --tw-shadow-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.shadow-neutral-500 | --tw-shadow-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.shadow-neutral-600 | --tw-shadow-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.shadow-neutral-700 | --tw-shadow-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.shadow-neutral-800 | --tw-shadow-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.shadow-neutral-900 | --tw-shadow-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.shadow-neutral-950 | --tw-shadow-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.shadow-stone-50 | --tw-shadow-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.shadow-stone-100 | --tw-shadow-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.shadow-stone-200 | --tw-shadow-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* oklch(92.3% 0.003 48.717) */ |
.shadow-stone-300 | --tw-shadow-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | /* oklch(86.9% 0.005 56.366) */ |
.shadow-stone-400 | --tw-shadow-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | /* oklch(70.9% 0.01 56.259) */ |
.shadow-stone-500 | --tw-shadow-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | /* oklch(55.3% 0.013 58.071) */ |
.shadow-stone-600 | --tw-shadow-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | /* oklch(44.4% 0.011 73.639) */ |
.shadow-stone-700 | --tw-shadow-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | /* oklch(37.4% 0.01 67.558) */ |
.shadow-stone-800 | --tw-shadow-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | /* oklch(26.8% 0.007 34.298) */ |
.shadow-stone-900 | --tw-shadow-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | /* oklch(21.6% 0.006 56.043) */ |
.shadow-stone-950 | --tw-shadow-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | /* 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 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 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 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 */ | /* #000 */ |
.inset-shadow-white | --tw-inset-shadow-color: var(--color-white); /* #fff */ | /* #fff */ |
.inset-shadow-red-50 | --tw-inset-shadow-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(52% 0.105 223.128) */ |
.inset-shadow-cyan-800 | --tw-inset-shadow-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(93% 0.034 272.788) */ |
.inset-shadow-indigo-200 | --tw-inset-shadow-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(21% 0.034 264.665) */ |
.inset-shadow-gray-950 | --tw-inset-shadow-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.inset-shadow-zinc-50 | --tw-inset-shadow-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.inset-shadow-zinc-100 | --tw-inset-shadow-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(14.1% 0.005 285.823) */ |
.inset-shadow-neutral-50 | --tw-inset-shadow-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.inset-shadow-neutral-100 | --tw-inset-shadow-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.inset-shadow-neutral-200 | --tw-inset-shadow-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.inset-shadow-neutral-300 | --tw-inset-shadow-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.inset-shadow-neutral-400 | --tw-inset-shadow-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.inset-shadow-neutral-500 | --tw-inset-shadow-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.inset-shadow-neutral-600 | --tw-inset-shadow-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.inset-shadow-neutral-700 | --tw-inset-shadow-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.inset-shadow-neutral-800 | --tw-inset-shadow-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.inset-shadow-neutral-900 | --tw-inset-shadow-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.inset-shadow-neutral-950 | --tw-inset-shadow-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.inset-shadow-stone-50 | --tw-inset-shadow-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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 */ | /* #000 */ |
.ring-white | --tw-ring-color: var(--color-white); /* #fff */ | /* #fff */ |
.ring-red-50 | --tw-ring-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* oklch(97.1% 0.013 17.38) */ |
.ring-red-100 | --tw-ring-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | /* oklch(93.6% 0.032 17.717) */ |
.ring-red-200 | --tw-ring-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | /* oklch(88.5% 0.062 18.334) */ |
.ring-red-300 | --tw-ring-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | /* oklch(80.8% 0.114 19.571) */ |
.ring-red-400 | --tw-ring-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | /* oklch(70.4% 0.191 22.216) */ |
.ring-red-500 | --tw-ring-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | /* oklch(63.7% 0.237 25.331) */ |
.ring-red-600 | --tw-ring-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | /* oklch(57.7% 0.245 27.325) */ |
.ring-red-700 | --tw-ring-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | /* oklch(50.5% 0.213 27.518) */ |
.ring-red-800 | --tw-ring-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | /* oklch(44.4% 0.177 26.899) */ |
.ring-red-900 | --tw-ring-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | /* oklch(39.6% 0.141 25.723) */ |
.ring-red-950 | --tw-ring-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | /* oklch(25.8% 0.092 26.042) */ |
.ring-orange-50 | --tw-ring-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.ring-orange-100 | --tw-ring-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* oklch(95.4% 0.038 75.164) */ |
.ring-orange-200 | --tw-ring-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | /* oklch(90.1% 0.076 70.697) */ |
.ring-orange-300 | --tw-ring-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | /* oklch(83.7% 0.128 66.29) */ |
.ring-orange-400 | --tw-ring-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.ring-orange-500 | --tw-ring-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* oklch(70.5% 0.213 47.604) */ |
.ring-orange-600 | --tw-ring-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | /* oklch(64.6% 0.222 41.116) */ |
.ring-orange-700 | --tw-ring-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | /* oklch(55.3% 0.195 38.402) */ |
.ring-orange-800 | --tw-ring-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.ring-orange-900 | --tw-ring-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* oklch(40.8% 0.123 38.172) */ |
.ring-orange-950 | --tw-ring-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | /* oklch(26.6% 0.079 36.259) */ |
.ring-amber-50 | --tw-ring-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | /* oklch(98.7% 0.022 95.277) */ |
.ring-amber-100 | --tw-ring-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | /* oklch(96.2% 0.059 95.617) */ |
.ring-amber-200 | --tw-ring-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | /* oklch(92.4% 0.12 95.746) */ |
.ring-amber-300 | --tw-ring-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | /* oklch(87.9% 0.169 91.605) */ |
.ring-amber-400 | --tw-ring-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | /* oklch(82.8% 0.189 84.429) */ |
.ring-amber-500 | --tw-ring-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | /* oklch(76.9% 0.188 70.08) */ |
.ring-amber-600 | --tw-ring-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | /* oklch(66.6% 0.179 58.318) */ |
.ring-amber-700 | --tw-ring-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | /* oklch(55.5% 0.163 48.998) */ |
.ring-amber-800 | --tw-ring-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | /* oklch(47.3% 0.137 46.201) */ |
.ring-amber-900 | --tw-ring-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | /* oklch(41.4% 0.112 45.904) */ |
.ring-amber-950 | --tw-ring-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | /* oklch(27.9% 0.077 45.635) */ |
.ring-yellow-50 | --tw-ring-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | /* oklch(98.7% 0.026 102.212) */ |
.ring-yellow-100 | --tw-ring-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | /* oklch(97.3% 0.071 103.193) */ |
.ring-yellow-200 | --tw-ring-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | /* oklch(94.5% 0.129 101.54) */ |
.ring-yellow-300 | --tw-ring-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | /* oklch(90.5% 0.182 98.111) */ |
.ring-yellow-400 | --tw-ring-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | /* oklch(85.2% 0.199 91.936) */ |
.ring-yellow-500 | --tw-ring-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | /* oklch(79.5% 0.184 86.047) */ |
.ring-yellow-600 | --tw-ring-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | /* oklch(68.1% 0.162 75.834) */ |
.ring-yellow-700 | --tw-ring-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | /* oklch(55.4% 0.135 66.442) */ |
.ring-yellow-800 | --tw-ring-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | /* oklch(47.6% 0.114 61.907) */ |
.ring-yellow-900 | --tw-ring-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | /* oklch(42.1% 0.095 57.708) */ |
.ring-yellow-950 | --tw-ring-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | /* oklch(28.6% 0.066 53.813) */ |
.ring-lime-50 | --tw-ring-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | /* oklch(98.6% 0.031 120.757) */ |
.ring-lime-100 | --tw-ring-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | /* oklch(96.7% 0.067 122.328) */ |
.ring-lime-200 | --tw-ring-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | /* oklch(93.8% 0.127 124.321) */ |
.ring-lime-300 | --tw-ring-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | /* oklch(89.7% 0.196 126.665) */ |
.ring-lime-400 | --tw-ring-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | /* oklch(84.1% 0.238 128.85) */ |
.ring-lime-500 | --tw-ring-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | /* oklch(76.8% 0.233 130.85) */ |
.ring-lime-600 | --tw-ring-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | /* oklch(64.8% 0.2 131.684) */ |
.ring-lime-700 | --tw-ring-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | /* oklch(53.2% 0.157 131.589) */ |
.ring-lime-800 | --tw-ring-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | /* oklch(45.3% 0.124 130.933) */ |
.ring-lime-900 | --tw-ring-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | /* oklch(40.5% 0.101 131.063) */ |
.ring-lime-950 | --tw-ring-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | /* oklch(27.4% 0.072 132.109) */ |
.ring-green-50 | --tw-ring-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | /* oklch(98.2% 0.018 155.826) */ |
.ring-green-100 | --tw-ring-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | /* oklch(96.2% 0.044 156.743) */ |
.ring-green-200 | --tw-ring-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | /* oklch(92.5% 0.084 155.995) */ |
.ring-green-300 | --tw-ring-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | /* oklch(87.1% 0.15 154.449) */ |
.ring-green-400 | --tw-ring-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | /* oklch(79.2% 0.209 151.711) */ |
.ring-green-500 | --tw-ring-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | /* oklch(72.3% 0.219 149.579) */ |
.ring-green-600 | --tw-ring-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | /* oklch(62.7% 0.194 149.214) */ |
.ring-green-700 | --tw-ring-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | /* oklch(52.7% 0.154 150.069) */ |
.ring-green-800 | --tw-ring-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | /* oklch(44.8% 0.119 151.328) */ |
.ring-green-900 | --tw-ring-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | /* oklch(39.3% 0.095 152.535) */ |
.ring-green-950 | --tw-ring-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | /* oklch(26.6% 0.065 152.934) */ |
.ring-emerald-50 | --tw-ring-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | /* oklch(97.9% 0.021 166.113) */ |
.ring-emerald-100 | --tw-ring-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.ring-emerald-200 | --tw-ring-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* oklch(90.5% 0.093 164.15) */ |
.ring-emerald-300 | --tw-ring-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | /* oklch(84.5% 0.143 164.978) */ |
.ring-emerald-400 | --tw-ring-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | /* oklch(76.5% 0.177 163.223) */ |
.ring-emerald-500 | --tw-ring-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | /* oklch(69.6% 0.17 162.48) */ |
.ring-emerald-600 | --tw-ring-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | /* oklch(59.6% 0.145 163.225) */ |
.ring-emerald-700 | --tw-ring-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | /* oklch(50.8% 0.118 165.612) */ |
.ring-emerald-800 | --tw-ring-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | /* oklch(43.2% 0.095 166.913) */ |
.ring-emerald-900 | --tw-ring-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | /* oklch(37.8% 0.077 168.94) */ |
.ring-emerald-950 | --tw-ring-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | /* oklch(26.2% 0.051 172.552) */ |
.ring-teal-50 | --tw-ring-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | /* oklch(98.4% 0.014 180.72) */ |
.ring-teal-100 | --tw-ring-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | /* oklch(95.3% 0.051 180.801) */ |
.ring-teal-200 | --tw-ring-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.ring-teal-300 | --tw-ring-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* oklch(85.5% 0.138 181.071) */ |
.ring-teal-400 | --tw-ring-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | /* oklch(77.7% 0.152 181.912) */ |
.ring-teal-500 | --tw-ring-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | /* oklch(70.4% 0.14 182.503) */ |
.ring-teal-600 | --tw-ring-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.ring-teal-700 | --tw-ring-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* oklch(51.1% 0.096 186.391) */ |
.ring-teal-800 | --tw-ring-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | /* oklch(43.7% 0.078 188.216) */ |
.ring-teal-900 | --tw-ring-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | /* oklch(38.6% 0.063 188.416) */ |
.ring-teal-950 | --tw-ring-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | /* oklch(27.7% 0.046 192.524) */ |
.ring-cyan-50 | --tw-ring-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | /* oklch(98.4% 0.019 200.873) */ |
.ring-cyan-100 | --tw-ring-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | /* oklch(95.6% 0.045 203.388) */ |
.ring-cyan-200 | --tw-ring-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | /* oklch(91.7% 0.08 205.041) */ |
.ring-cyan-300 | --tw-ring-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | /* oklch(86.5% 0.127 207.078) */ |
.ring-cyan-400 | --tw-ring-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | /* oklch(78.9% 0.154 211.53) */ |
.ring-cyan-500 | --tw-ring-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | /* oklch(71.5% 0.143 215.221) */ |
.ring-cyan-600 | --tw-ring-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | /* oklch(60.9% 0.126 221.723) */ |
.ring-cyan-700 | --tw-ring-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.ring-cyan-800 | --tw-ring-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.ring-cyan-900 | --tw-ring-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* oklch(39.8% 0.07 227.392) */ |
.ring-cyan-950 | --tw-ring-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | /* oklch(30.2% 0.056 229.695) */ |
.ring-sky-50 | --tw-ring-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | /* oklch(97.7% 0.013 236.62) */ |
.ring-sky-100 | --tw-ring-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | /* oklch(95.1% 0.026 236.824) */ |
.ring-sky-200 | --tw-ring-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | /* oklch(90.1% 0.058 230.902) */ |
.ring-sky-300 | --tw-ring-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | /* oklch(82.8% 0.111 230.318) */ |
.ring-sky-400 | --tw-ring-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | /* oklch(74.6% 0.16 232.661) */ |
.ring-sky-500 | --tw-ring-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | /* oklch(68.5% 0.169 237.323) */ |
.ring-sky-600 | --tw-ring-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | /* oklch(58.8% 0.158 241.966) */ |
.ring-sky-700 | --tw-ring-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.ring-sky-800 | --tw-ring-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* oklch(44.3% 0.11 240.79) */ |
.ring-sky-900 | --tw-ring-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | /* oklch(39.1% 0.09 240.876) */ |
.ring-sky-950 | --tw-ring-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | /* oklch(29.3% 0.066 243.157) */ |
.ring-blue-50 | --tw-ring-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.ring-blue-100 | --tw-ring-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* oklch(93.2% 0.032 255.585) */ |
.ring-blue-200 | --tw-ring-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | /* oklch(88.2% 0.059 254.128) */ |
.ring-blue-300 | --tw-ring-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | /* oklch(80.9% 0.105 251.813) */ |
.ring-blue-400 | --tw-ring-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | /* oklch(70.7% 0.165 254.624) */ |
.ring-blue-500 | --tw-ring-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | /* oklch(62.3% 0.214 259.815) */ |
.ring-blue-600 | --tw-ring-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | /* oklch(54.6% 0.245 262.881) */ |
.ring-blue-700 | --tw-ring-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | /* oklch(48.8% 0.243 264.376) */ |
.ring-blue-800 | --tw-ring-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | /* oklch(42.4% 0.199 265.638) */ |
.ring-blue-900 | --tw-ring-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | /* oklch(37.9% 0.146 265.522) */ |
.ring-blue-950 | --tw-ring-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | /* oklch(28.2% 0.091 267.935) */ |
.ring-indigo-50 | --tw-ring-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | /* oklch(96.2% 0.018 272.314) */ |
.ring-indigo-100 | --tw-ring-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.ring-indigo-200 | --tw-ring-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.ring-indigo-300 | --tw-ring-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* oklch(78.5% 0.115 274.713) */ |
.ring-indigo-400 | --tw-ring-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | /* oklch(67.3% 0.182 276.935) */ |
.ring-indigo-500 | --tw-ring-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | /* oklch(58.5% 0.233 277.117) */ |
.ring-indigo-600 | --tw-ring-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | /* oklch(51.1% 0.262 276.966) */ |
.ring-indigo-700 | --tw-ring-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | /* oklch(45.7% 0.24 277.023) */ |
.ring-indigo-800 | --tw-ring-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | /* oklch(39.8% 0.195 277.366) */ |
.ring-indigo-900 | --tw-ring-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | /* oklch(35.9% 0.144 278.697) */ |
.ring-indigo-950 | --tw-ring-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | /* oklch(25.7% 0.09 281.288) */ |
.ring-violet-50 | --tw-ring-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | /* oklch(96.9% 0.016 293.756) */ |
.ring-violet-100 | --tw-ring-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | /* oklch(94.3% 0.029 294.588) */ |
.ring-violet-200 | --tw-ring-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | /* oklch(89.4% 0.057 293.283) */ |
.ring-violet-300 | --tw-ring-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | /* oklch(81.1% 0.111 293.571) */ |
.ring-violet-400 | --tw-ring-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | /* oklch(70.2% 0.183 293.541) */ |
.ring-violet-500 | --tw-ring-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | /* oklch(60.6% 0.25 292.717) */ |
.ring-violet-600 | --tw-ring-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | /* oklch(54.1% 0.281 293.009) */ |
.ring-violet-700 | --tw-ring-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | /* oklch(49.1% 0.27 292.581) */ |
.ring-violet-800 | --tw-ring-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | /* oklch(43.2% 0.232 292.759) */ |
.ring-violet-900 | --tw-ring-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.ring-violet-950 | --tw-ring-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* oklch(28.3% 0.141 291.089) */ |
.ring-purple-50 | --tw-ring-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | /* oklch(97.7% 0.014 308.299) */ |
.ring-purple-100 | --tw-ring-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | /* oklch(94.6% 0.033 307.174) */ |
.ring-purple-200 | --tw-ring-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | /* oklch(90.2% 0.063 306.703) */ |
.ring-purple-300 | --tw-ring-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | /* oklch(82.7% 0.119 306.383) */ |
.ring-purple-400 | --tw-ring-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | /* oklch(71.4% 0.203 305.504) */ |
.ring-purple-500 | --tw-ring-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | /* oklch(62.7% 0.265 303.9) */ |
.ring-purple-600 | --tw-ring-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | /* oklch(55.8% 0.288 302.321) */ |
.ring-purple-700 | --tw-ring-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | /* oklch(49.6% 0.265 301.924) */ |
.ring-purple-800 | --tw-ring-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | /* oklch(43.8% 0.218 303.724) */ |
.ring-purple-900 | --tw-ring-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | /* oklch(38.1% 0.176 304.987) */ |
.ring-purple-950 | --tw-ring-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | /* oklch(29.1% 0.149 302.717) */ |
.ring-fuchsia-50 | --tw-ring-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | /* oklch(97.7% 0.017 320.058) */ |
.ring-fuchsia-100 | --tw-ring-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | /* oklch(95.2% 0.037 318.852) */ |
.ring-fuchsia-200 | --tw-ring-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | /* oklch(90.3% 0.076 319.62) */ |
.ring-fuchsia-300 | --tw-ring-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | /* oklch(83.3% 0.145 321.434) */ |
.ring-fuchsia-400 | --tw-ring-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.ring-fuchsia-500 | --tw-ring-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* oklch(66.7% 0.295 322.15) */ |
.ring-fuchsia-600 | --tw-ring-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | /* oklch(59.1% 0.293 322.896) */ |
.ring-fuchsia-700 | --tw-ring-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | /* oklch(51.8% 0.253 323.949) */ |
.ring-fuchsia-800 | --tw-ring-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | /* oklch(45.2% 0.211 324.591) */ |
.ring-fuchsia-900 | --tw-ring-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | /* oklch(40.1% 0.17 325.612) */ |
.ring-fuchsia-950 | --tw-ring-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | /* oklch(29.3% 0.136 325.661) */ |
.ring-pink-50 | --tw-ring-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | /* oklch(97.1% 0.014 343.198) */ |
.ring-pink-100 | --tw-ring-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | /* oklch(94.8% 0.028 342.258) */ |
.ring-pink-200 | --tw-ring-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | /* oklch(89.9% 0.061 343.231) */ |
.ring-pink-300 | --tw-ring-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | /* oklch(82.3% 0.12 346.018) */ |
.ring-pink-400 | --tw-ring-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | /* oklch(71.8% 0.202 349.761) */ |
.ring-pink-500 | --tw-ring-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | /* oklch(65.6% 0.241 354.308) */ |
.ring-pink-600 | --tw-ring-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | /* oklch(59.2% 0.249 0.584) */ |
.ring-pink-700 | --tw-ring-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | /* oklch(52.5% 0.223 3.958) */ |
.ring-pink-800 | --tw-ring-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | /* oklch(45.9% 0.187 3.815) */ |
.ring-pink-900 | --tw-ring-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | /* oklch(40.8% 0.153 2.432) */ |
.ring-pink-950 | --tw-ring-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | /* oklch(28.4% 0.109 3.907) */ |
.ring-rose-50 | --tw-ring-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | /* oklch(96.9% 0.015 12.422) */ |
.ring-rose-100 | --tw-ring-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | /* oklch(94.1% 0.03 12.58) */ |
.ring-rose-200 | --tw-ring-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | /* oklch(89.2% 0.058 10.001) */ |
.ring-rose-300 | --tw-ring-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.ring-rose-400 | --tw-ring-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* oklch(71.2% 0.194 13.428) */ |
.ring-rose-500 | --tw-ring-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | /* oklch(64.5% 0.246 16.439) */ |
.ring-rose-600 | --tw-ring-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | /* oklch(58.6% 0.253 17.585) */ |
.ring-rose-700 | --tw-ring-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | /* oklch(51.4% 0.222 16.935) */ |
.ring-rose-800 | --tw-ring-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | /* oklch(45.5% 0.188 13.697) */ |
.ring-rose-900 | --tw-ring-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.ring-rose-950 | --tw-ring-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* oklch(27.1% 0.105 12.094) */ |
.ring-slate-50 | --tw-ring-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | /* oklch(98.4% 0.003 247.858) */ |
.ring-slate-100 | --tw-ring-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | /* oklch(96.8% 0.007 247.896) */ |
.ring-slate-200 | --tw-ring-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | /* oklch(92.9% 0.013 255.508) */ |
.ring-slate-300 | --tw-ring-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | /* oklch(86.9% 0.022 252.894) */ |
.ring-slate-400 | --tw-ring-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | /* oklch(70.4% 0.04 256.788) */ |
.ring-slate-500 | --tw-ring-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | /* oklch(55.4% 0.046 257.417) */ |
.ring-slate-600 | --tw-ring-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | /* oklch(44.6% 0.043 257.281) */ |
.ring-slate-700 | --tw-ring-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | /* oklch(37.2% 0.044 257.287) */ |
.ring-slate-800 | --tw-ring-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | /* oklch(27.9% 0.041 260.031) */ |
.ring-slate-900 | --tw-ring-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | /* oklch(20.8% 0.042 265.755) */ |
.ring-slate-950 | --tw-ring-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | /* oklch(12.9% 0.042 264.695) */ |
.ring-gray-50 | --tw-ring-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | /* oklch(98.5% 0.002 247.839) */ |
.ring-gray-100 | --tw-ring-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | /* oklch(96.7% 0.003 264.542) */ |
.ring-gray-200 | --tw-ring-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | /* oklch(92.8% 0.006 264.531) */ |
.ring-gray-300 | --tw-ring-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | /* oklch(87.2% 0.01 258.338) */ |
.ring-gray-400 | --tw-ring-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | /* oklch(70.7% 0.022 261.325) */ |
.ring-gray-500 | --tw-ring-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | /* oklch(55.1% 0.027 264.364) */ |
.ring-gray-600 | --tw-ring-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | /* oklch(44.6% 0.03 256.802) */ |
.ring-gray-700 | --tw-ring-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | /* oklch(37.3% 0.034 259.733) */ |
.ring-gray-800 | --tw-ring-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | /* oklch(27.8% 0.033 256.848) */ |
.ring-gray-900 | --tw-ring-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.ring-gray-950 | --tw-ring-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.ring-zinc-50 | --tw-ring-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.ring-zinc-100 | --tw-ring-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.ring-zinc-200 | --tw-ring-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.ring-zinc-300 | --tw-ring-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* oklch(87.1% 0.006 286.286) */ |
.ring-zinc-400 | --tw-ring-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | /* oklch(70.5% 0.015 286.067) */ |
.ring-zinc-500 | --tw-ring-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | /* oklch(55.2% 0.016 285.938) */ |
.ring-zinc-600 | --tw-ring-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | /* oklch(44.2% 0.017 285.786) */ |
.ring-zinc-700 | --tw-ring-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.ring-zinc-800 | --tw-ring-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.ring-zinc-900 | --tw-ring-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.ring-zinc-950 | --tw-ring-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.ring-neutral-50 | --tw-ring-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.ring-neutral-100 | --tw-ring-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.ring-neutral-200 | --tw-ring-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.ring-neutral-300 | --tw-ring-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.ring-neutral-400 | --tw-ring-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.ring-neutral-500 | --tw-ring-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.ring-neutral-600 | --tw-ring-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.ring-neutral-700 | --tw-ring-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.ring-neutral-800 | --tw-ring-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.ring-neutral-900 | --tw-ring-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.ring-neutral-950 | --tw-ring-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.ring-stone-50 | --tw-ring-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.ring-stone-100 | --tw-ring-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.ring-stone-200 | --tw-ring-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* oklch(92.3% 0.003 48.717) */ |
.ring-stone-300 | --tw-ring-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | /* oklch(86.9% 0.005 56.366) */ |
.ring-stone-400 | --tw-ring-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | /* oklch(70.9% 0.01 56.259) */ |
.ring-stone-500 | --tw-ring-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | /* oklch(55.3% 0.013 58.071) */ |
.ring-stone-600 | --tw-ring-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | /* oklch(44.4% 0.011 73.639) */ |
.ring-stone-700 | --tw-ring-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | /* oklch(37.4% 0.01 67.558) */ |
.ring-stone-800 | --tw-ring-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | /* oklch(26.8% 0.007 34.298) */ |
.ring-stone-900 | --tw-ring-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | /* oklch(21.6% 0.006 56.043) */ |
.ring-stone-950 | --tw-ring-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | /* 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 */ | /* #000 */ |
.inset-ring-white | --tw-inset-ring-color: var(--color-white); /* #fff */ | /* #fff */ |
.inset-ring-red-50 | --tw-inset-ring-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(52% 0.105 223.128) */ |
.inset-ring-cyan-800 | --tw-inset-ring-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(93% 0.034 272.788) */ |
.inset-ring-indigo-200 | --tw-inset-ring-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(21% 0.034 264.665) */ |
.inset-ring-gray-950 | --tw-inset-ring-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.inset-ring-zinc-50 | --tw-inset-ring-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.inset-ring-zinc-100 | --tw-inset-ring-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(14.1% 0.005 285.823) */ |
.inset-ring-neutral-50 | --tw-inset-ring-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.inset-ring-neutral-100 | --tw-inset-ring-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.inset-ring-neutral-200 | --tw-inset-ring-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.inset-ring-neutral-300 | --tw-inset-ring-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.inset-ring-neutral-400 | --tw-inset-ring-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.inset-ring-neutral-500 | --tw-inset-ring-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.inset-ring-neutral-600 | --tw-inset-ring-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.inset-ring-neutral-700 | --tw-inset-ring-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.inset-ring-neutral-800 | --tw-inset-ring-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.inset-ring-neutral-900 | --tw-inset-ring-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.inset-ring-neutral-950 | --tw-inset-ring-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.inset-ring-stone-50 | --tw-inset-ring-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(14.7% 0.004 49.25) */ |
text-shadow
Utilities for controlling the shadow of a text element.
.text-shadow-2xs | text-shadow: var(--text-shadow-2xs); /* 0px 1px 0px rgb(0 0 0 / 0.15) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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 */ | /* #000 */ |
.text-shadow-white | --tw-text-shadow-color var(--color-white); /* #fff */ | /* #fff */ |
.text-shadow-red-50 | --tw-text-shadow-color var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(52% 0.105 223.128) */ |
.text-shadow-cyan-800 | --tw-text-shadow-color var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(93% 0.034 272.788) */ |
.text-shadow-indigo-200 | --tw-text-shadow-color var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(21% 0.034 264.665) */ |
.text-shadow-gray-950 | --tw-text-shadow-color var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.text-shadow-zinc-50 | --tw-text-shadow-color var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.text-shadow-zinc-100 | --tw-text-shadow-color var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(14.1% 0.005 285.823) */ |
.text-shadow-neutral-50 | --tw-text-shadow-color var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.text-shadow-neutral-100 | --tw-text-shadow-color var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.text-shadow-neutral-200 | --tw-text-shadow-color var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.text-shadow-neutral-300 | --tw-text-shadow-color var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.text-shadow-neutral-400 | --tw-text-shadow-color var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.text-shadow-neutral-500 | --tw-text-shadow-color var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.text-shadow-neutral-600 | --tw-text-shadow-color var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.text-shadow-neutral-700 | --tw-text-shadow-color var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.text-shadow-neutral-800 | --tw-text-shadow-color var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.text-shadow-neutral-900 | --tw-text-shadow-color var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.text-shadow-neutral-950 | --tw-text-shadow-color var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.text-shadow-stone-50 | --tw-text-shadow-color var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(14.7% 0.004 49.25) */ |
opacity
Utilities for controlling the opacity of an element.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.mask-type-alpha | mask-type: alpha; | |
.mask-type-luminance | mask-type: luminance; |
Filters
filter
Utilities for applying filters to an element.
.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.
.blur-xs | filter: blur(var(--blur-xs)); /* 4px */ | /* 4px */ |
.blur-sm | filter: blur(var(--blur-sm)); /* 8px */ | /* 8px */ |
.blur-md | filter: blur(var(--blur-md)); /* 12px */ | /* 12px */ |
.blur-lg | filter: blur(var(--blur-lg)); /* 16px */ | /* 16px */ |
.blur-xl | filter: blur(var(--blur-xl)); /* 24px */ | /* 24px */ |
.blur-2xl | filter: blur(var(--blur-2xl)); /* 40px */ | /* 40px */ |
.blur-3xl | filter: blur(var(--blur-3xl)); /* 64px */ | /* 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.
.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.
.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.
.drop-shadow-xs | filter: drop-shadow(var(--drop-shadow-xs)); /* 0 1px 1px rgb(0 0 0 / 0.05) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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 */ | /* #000 */ |
.drop-shadow-white | --tw-drop-shadow-color: var(--color-white); /* #fff */ | /* #fff */ |
.drop-shadow-red-50 | --tw-drop-shadow-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(52% 0.105 223.128) */ |
.drop-shadow-cyan-800 | --tw-drop-shadow-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(93% 0.034 272.788) */ |
.drop-shadow-indigo-200 | --tw-drop-shadow-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(21% 0.034 264.665) */ |
.drop-shadow-gray-950 | --tw-drop-shadow-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.drop-shadow-zinc-50 | --tw-drop-shadow-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.drop-shadow-zinc-100 | --tw-drop-shadow-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(14.1% 0.005 285.823) */ |
.drop-shadow-neutral-50 | --tw-drop-shadow-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.drop-shadow-neutral-100 | --tw-drop-shadow-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.drop-shadow-neutral-200 | --tw-drop-shadow-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.drop-shadow-neutral-300 | --tw-drop-shadow-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.drop-shadow-neutral-400 | --tw-drop-shadow-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.drop-shadow-neutral-500 | --tw-drop-shadow-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.drop-shadow-neutral-600 | --tw-drop-shadow-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.drop-shadow-neutral-700 | --tw-drop-shadow-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.drop-shadow-neutral-800 | --tw-drop-shadow-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.drop-shadow-neutral-900 | --tw-drop-shadow-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.drop-shadow-neutral-950 | --tw-drop-shadow-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.drop-shadow-stone-50 | --tw-drop-shadow-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* 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) */ | /* oklch(14.7% 0.004 49.25) */ |
filter: grayscale()
Utilities for applying grayscale filters to an element.
.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.
.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.
.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.
.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.
.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.
.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.
.backdrop-blur-xs | backdrop-filter: blur(var(--blur-xs)); /* 4px */ | /* 4px */ |
.backdrop-blur-sm | backdrop-filter: blur(var(--blur-sm)); /* 8px */ | /* 8px */ |
.backdrop-blur-md | backdrop-filter: blur(var(--blur-md)); /* 12px */ | /* 12px */ |
.backdrop-blur-lg | backdrop-filter: blur(var(--blur-lg)); /* 16px */ | /* 16px */ |
.backdrop-blur-xl | backdrop-filter: blur(var(--blur-xl)); /* 24px */ | /* 24px */ |
.backdrop-blur-2xl | backdrop-filter: blur(var(--blur-2xl)); /* 40px */ | /* 40px */ |
.backdrop-blur-3xl | backdrop-filter: blur(var(--blur-3xl)); /* 64px */ | /* 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.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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>); |
Tables
border-collapse
Utilities for controlling whether table borders should collapse or be separated.
.border-collapse | border-collapse: collapse; | |
.border-separate | border-collapse: separate; | |
.Indiana | Indianapolis | |
.Ohio | Columbus | |
.Michigan | Detroit | |
.Indiana | Indianapolis | |
.Ohio | Columbus | |
.Michigan | Detroit |
border-spacing
Utilities for controlling the spacing between table borders.
.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>; | |
.Indiana | Indianapolis | |
.Ohio | Columbus | |
.Michigan | Detroit |
table-layout
Utilities for controlling the table layout algorithm.
.table-auto | table-layout: auto; | |
.table-fixed | table-layout: fixed; | |
.The Sliding Mr. Bones (Next Stop, Pottersville) | Malcolm Lockyer | |
.Witchy Woman | The Eagles | |
.Shining Star | Earth, Wind, and Fire | |
.The Sliding Mr. Bones (Next Stop, Pottersville) | Malcolm Lockyer | |
.Witchy Woman | The Eagles | |
.Shining Star | Earth, Wind, and Fire |
caption-side
Utilities for controlling the alignment of a caption element inside of a table.
.caption-top | caption-side: top; | |
.caption-bottom | caption-side: bottom; | |
."Stone Cold" Steve Austin | Stone Cold Stunner, Lou Thesz Press | |
.Bret "The Hitman" Hart | The Sharpshooter | |
.Razor Ramon | Razor's Edge, Fallaway Slam | |
."Stone Cold" Steve Austin | Stone Cold Stunner, Lou Thesz Press | |
.Bret "The Hitman" Hart | The Sharpshooter | |
.Razor Ramon | Razor's Edge, Fallaway Slam |
Transitions & Animation
transition-property
Utilities for controlling which CSS properties transition.
.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 */ | /* cubic-bezier(0.4, 0, 0.2, 1) */ |
.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 */ | /* cubic-bezier(0.4, 0, 0.2, 1) */ |
.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 */ | /* cubic-bezier(0.4, 0, 0.2, 1) */ |
.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 */ | /* cubic-bezier(0.4, 0, 0.2, 1) */ |
.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 */ | /* cubic-bezier(0.4, 0, 0.2, 1) */ |
.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 */ | /* cubic-bezier(0.4, 0, 0.2, 1) */ |
.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.
.transition-normal | transition-behavior: normal; | |
.transition-discrete | transition-behavior: allow-discrete; |
transition-duration
Utilities for controlling the duration of CSS transitions.
.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.
.ease-linear | transition-timing-function: linear; | |
.ease-in | transition-timing-function: var(--ease-in); /* cubic-bezier(0.4, 0, 1, 1) */ | /* cubic-bezier(0.4, 0, 1, 1) */ |
.ease-out | transition-timing-function: var(--ease-out); /* cubic-bezier(0, 0, 0.2, 1) */ | /* 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) */ | /* 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.
.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.
.animate-spin | animation: var(--animate-spin); /* spin 1s linear infinite */
@keyframes spin {
to {
transform: rotate(360deg);
}
} | /* spin 1s linear infinite */ |
.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;
}
} | /* ping 1s cubic-bezier(0, 0, 0.2, 1) infinite */ |
.animate-pulse | animation: var(--animate-pulse); /* pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite */
@keyframes pulse {
50% {
opacity: 0.5;
}
} | /* pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite */ |
.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);
}
} | /* bounce 1s infinite */ |
.animate-none | animation: none; | |
.animate-(<custom-property>) | animation: var(<custom-property>); | |
.animate-[<value>] | animation: <value>; |
Transforms
backface-visibility
Utilities for controlling if an element's backface is visible.
.backface-hidden | backface-visibility: hidden; | |
.backface-visible | backface-visibility: visible; |
perspective
Utilities for controlling an element's perspective when placed in 3D space.
.perspective-dramatic | perspective: var(--perspective-dramatic); /* 100px */ | /* 100px */ |
.perspective-near | perspective: var(--perspective-near); /* 300px */ | /* 300px */ |
.perspective-normal | perspective: var(--perspective-normal); /* 500px */ | /* 500px */ |
.perspective-midrange | perspective: var(--perspective-midrange); /* 800px */ | /* 800px */ |
.perspective-distant | perspective: var(--perspective-distant); /* 1200px */ | /* 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.
.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.
.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.
.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.
.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.
.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.
.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.
.transform-3d | transform-style: preserve-3d; | |
.transform-flat | transform-style: flat; |
translate
Utilities for translating elements.
.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; |
Interactivity
accent-color
Utilities for controlling the accented color of a form control.
.accent-inherit | accent-color: inherit; | |
.accent-current | accent-color: currentColor; | |
.accent-transparent | accent-color: transparent; | |
.accent-black | accent-color: var(--color-black); /* #000 */ | /* #000 */ |
.accent-white | accent-color: var(--color-white); /* #fff */ | /* #fff */ |
.accent-red-50 | accent-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* oklch(97.1% 0.013 17.38) */ |
.accent-red-100 | accent-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | /* oklch(93.6% 0.032 17.717) */ |
.accent-red-200 | accent-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | /* oklch(88.5% 0.062 18.334) */ |
.accent-red-300 | accent-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | /* oklch(80.8% 0.114 19.571) */ |
.accent-red-400 | accent-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | /* oklch(70.4% 0.191 22.216) */ |
.accent-red-500 | accent-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | /* oklch(63.7% 0.237 25.331) */ |
.accent-red-600 | accent-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | /* oklch(57.7% 0.245 27.325) */ |
.accent-red-700 | accent-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | /* oklch(50.5% 0.213 27.518) */ |
.accent-red-800 | accent-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | /* oklch(44.4% 0.177 26.899) */ |
.accent-red-900 | accent-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | /* oklch(39.6% 0.141 25.723) */ |
.accent-red-950 | accent-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | /* oklch(25.8% 0.092 26.042) */ |
.accent-orange-50 | accent-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.accent-orange-100 | accent-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* oklch(95.4% 0.038 75.164) */ |
.accent-orange-200 | accent-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | /* oklch(90.1% 0.076 70.697) */ |
.accent-orange-300 | accent-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | /* oklch(83.7% 0.128 66.29) */ |
.accent-orange-400 | accent-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.accent-orange-500 | accent-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* oklch(70.5% 0.213 47.604) */ |
.accent-orange-600 | accent-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | /* oklch(64.6% 0.222 41.116) */ |
.accent-orange-700 | accent-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | /* oklch(55.3% 0.195 38.402) */ |
.accent-orange-800 | accent-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.accent-orange-900 | accent-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* oklch(40.8% 0.123 38.172) */ |
.accent-orange-950 | accent-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | /* oklch(26.6% 0.079 36.259) */ |
.accent-amber-50 | accent-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | /* oklch(98.7% 0.022 95.277) */ |
.accent-amber-100 | accent-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | /* oklch(96.2% 0.059 95.617) */ |
.accent-amber-200 | accent-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | /* oklch(92.4% 0.12 95.746) */ |
.accent-amber-300 | accent-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | /* oklch(87.9% 0.169 91.605) */ |
.accent-amber-400 | accent-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | /* oklch(82.8% 0.189 84.429) */ |
.accent-amber-500 | accent-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | /* oklch(76.9% 0.188 70.08) */ |
.accent-amber-600 | accent-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | /* oklch(66.6% 0.179 58.318) */ |
.accent-amber-700 | accent-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | /* oklch(55.5% 0.163 48.998) */ |
.accent-amber-800 | accent-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | /* oklch(47.3% 0.137 46.201) */ |
.accent-amber-900 | accent-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | /* oklch(41.4% 0.112 45.904) */ |
.accent-amber-950 | accent-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | /* oklch(27.9% 0.077 45.635) */ |
.accent-yellow-50 | accent-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | /* oklch(98.7% 0.026 102.212) */ |
.accent-yellow-100 | accent-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | /* oklch(97.3% 0.071 103.193) */ |
.accent-yellow-200 | accent-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | /* oklch(94.5% 0.129 101.54) */ |
.accent-yellow-300 | accent-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | /* oklch(90.5% 0.182 98.111) */ |
.accent-yellow-400 | accent-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | /* oklch(85.2% 0.199 91.936) */ |
.accent-yellow-500 | accent-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | /* oklch(79.5% 0.184 86.047) */ |
.accent-yellow-600 | accent-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | /* oklch(68.1% 0.162 75.834) */ |
.accent-yellow-700 | accent-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | /* oklch(55.4% 0.135 66.442) */ |
.accent-yellow-800 | accent-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | /* oklch(47.6% 0.114 61.907) */ |
.accent-yellow-900 | accent-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | /* oklch(42.1% 0.095 57.708) */ |
.accent-yellow-950 | accent-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | /* oklch(28.6% 0.066 53.813) */ |
.accent-lime-50 | accent-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | /* oklch(98.6% 0.031 120.757) */ |
.accent-lime-100 | accent-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | /* oklch(96.7% 0.067 122.328) */ |
.accent-lime-200 | accent-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | /* oklch(93.8% 0.127 124.321) */ |
.accent-lime-300 | accent-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | /* oklch(89.7% 0.196 126.665) */ |
.accent-lime-400 | accent-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | /* oklch(84.1% 0.238 128.85) */ |
.accent-lime-500 | accent-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | /* oklch(76.8% 0.233 130.85) */ |
.accent-lime-600 | accent-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | /* oklch(64.8% 0.2 131.684) */ |
.accent-lime-700 | accent-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | /* oklch(53.2% 0.157 131.589) */ |
.accent-lime-800 | accent-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | /* oklch(45.3% 0.124 130.933) */ |
.accent-lime-900 | accent-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | /* oklch(40.5% 0.101 131.063) */ |
.accent-lime-950 | accent-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | /* oklch(27.4% 0.072 132.109) */ |
.accent-green-50 | accent-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | /* oklch(98.2% 0.018 155.826) */ |
.accent-green-100 | accent-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | /* oklch(96.2% 0.044 156.743) */ |
.accent-green-200 | accent-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | /* oklch(92.5% 0.084 155.995) */ |
.accent-green-300 | accent-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | /* oklch(87.1% 0.15 154.449) */ |
.accent-green-400 | accent-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | /* oklch(79.2% 0.209 151.711) */ |
.accent-green-500 | accent-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | /* oklch(72.3% 0.219 149.579) */ |
.accent-green-600 | accent-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | /* oklch(62.7% 0.194 149.214) */ |
.accent-green-700 | accent-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | /* oklch(52.7% 0.154 150.069) */ |
.accent-green-800 | accent-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | /* oklch(44.8% 0.119 151.328) */ |
.accent-green-900 | accent-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | /* oklch(39.3% 0.095 152.535) */ |
.accent-green-950 | accent-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | /* oklch(26.6% 0.065 152.934) */ |
.accent-emerald-50 | accent-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | /* oklch(97.9% 0.021 166.113) */ |
.accent-emerald-100 | accent-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.accent-emerald-200 | accent-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* oklch(90.5% 0.093 164.15) */ |
.accent-emerald-300 | accent-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | /* oklch(84.5% 0.143 164.978) */ |
.accent-emerald-400 | accent-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | /* oklch(76.5% 0.177 163.223) */ |
.accent-emerald-500 | accent-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | /* oklch(69.6% 0.17 162.48) */ |
.accent-emerald-600 | accent-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | /* oklch(59.6% 0.145 163.225) */ |
.accent-emerald-700 | accent-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | /* oklch(50.8% 0.118 165.612) */ |
.accent-emerald-800 | accent-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | /* oklch(43.2% 0.095 166.913) */ |
.accent-emerald-900 | accent-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | /* oklch(37.8% 0.077 168.94) */ |
.accent-emerald-950 | accent-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | /* oklch(26.2% 0.051 172.552) */ |
.accent-teal-50 | accent-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | /* oklch(98.4% 0.014 180.72) */ |
.accent-teal-100 | accent-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | /* oklch(95.3% 0.051 180.801) */ |
.accent-teal-200 | accent-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.accent-teal-300 | accent-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* oklch(85.5% 0.138 181.071) */ |
.accent-teal-400 | accent-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | /* oklch(77.7% 0.152 181.912) */ |
.accent-teal-500 | accent-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | /* oklch(70.4% 0.14 182.503) */ |
.accent-teal-600 | accent-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.accent-teal-700 | accent-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* oklch(51.1% 0.096 186.391) */ |
.accent-teal-800 | accent-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | /* oklch(43.7% 0.078 188.216) */ |
.accent-teal-900 | accent-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | /* oklch(38.6% 0.063 188.416) */ |
.accent-teal-950 | accent-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | /* oklch(27.7% 0.046 192.524) */ |
.accent-cyan-50 | accent-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | /* oklch(98.4% 0.019 200.873) */ |
.accent-cyan-100 | accent-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | /* oklch(95.6% 0.045 203.388) */ |
.accent-cyan-200 | accent-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | /* oklch(91.7% 0.08 205.041) */ |
.accent-cyan-300 | accent-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | /* oklch(86.5% 0.127 207.078) */ |
.accent-cyan-400 | accent-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | /* oklch(78.9% 0.154 211.53) */ |
.accent-cyan-500 | accent-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | /* oklch(71.5% 0.143 215.221) */ |
.accent-cyan-600 | accent-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | /* oklch(60.9% 0.126 221.723) */ |
.accent-cyan-700 | accent-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.accent-cyan-800 | accent-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.accent-cyan-900 | accent-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* oklch(39.8% 0.07 227.392) */ |
.accent-cyan-950 | accent-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | /* oklch(30.2% 0.056 229.695) */ |
.accent-sky-50 | accent-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | /* oklch(97.7% 0.013 236.62) */ |
.accent-sky-100 | accent-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | /* oklch(95.1% 0.026 236.824) */ |
.accent-sky-200 | accent-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | /* oklch(90.1% 0.058 230.902) */ |
.accent-sky-300 | accent-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | /* oklch(82.8% 0.111 230.318) */ |
.accent-sky-400 | accent-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | /* oklch(74.6% 0.16 232.661) */ |
.accent-sky-500 | accent-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | /* oklch(68.5% 0.169 237.323) */ |
.accent-sky-600 | accent-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | /* oklch(58.8% 0.158 241.966) */ |
.accent-sky-700 | accent-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.accent-sky-800 | accent-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* oklch(44.3% 0.11 240.79) */ |
.accent-sky-900 | accent-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | /* oklch(39.1% 0.09 240.876) */ |
.accent-sky-950 | accent-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | /* oklch(29.3% 0.066 243.157) */ |
.accent-blue-50 | accent-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.accent-blue-100 | accent-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* oklch(93.2% 0.032 255.585) */ |
.accent-blue-200 | accent-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | /* oklch(88.2% 0.059 254.128) */ |
.accent-blue-300 | accent-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | /* oklch(80.9% 0.105 251.813) */ |
.accent-blue-400 | accent-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | /* oklch(70.7% 0.165 254.624) */ |
.accent-blue-500 | accent-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | /* oklch(62.3% 0.214 259.815) */ |
.accent-blue-600 | accent-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | /* oklch(54.6% 0.245 262.881) */ |
.accent-blue-700 | accent-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | /* oklch(48.8% 0.243 264.376) */ |
.accent-blue-800 | accent-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | /* oklch(42.4% 0.199 265.638) */ |
.accent-blue-900 | accent-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | /* oklch(37.9% 0.146 265.522) */ |
.accent-blue-950 | accent-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | /* oklch(28.2% 0.091 267.935) */ |
.accent-indigo-50 | accent-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | /* oklch(96.2% 0.018 272.314) */ |
.accent-indigo-100 | accent-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.accent-indigo-200 | accent-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.accent-indigo-300 | accent-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* oklch(78.5% 0.115 274.713) */ |
.accent-indigo-400 | accent-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | /* oklch(67.3% 0.182 276.935) */ |
.accent-indigo-500 | accent-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | /* oklch(58.5% 0.233 277.117) */ |
.accent-indigo-600 | accent-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | /* oklch(51.1% 0.262 276.966) */ |
.accent-indigo-700 | accent-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | /* oklch(45.7% 0.24 277.023) */ |
.accent-indigo-800 | accent-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | /* oklch(39.8% 0.195 277.366) */ |
.accent-indigo-900 | accent-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | /* oklch(35.9% 0.144 278.697) */ |
.accent-indigo-950 | accent-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | /* oklch(25.7% 0.09 281.288) */ |
.accent-violet-50 | accent-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | /* oklch(96.9% 0.016 293.756) */ |
.accent-violet-100 | accent-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | /* oklch(94.3% 0.029 294.588) */ |
.accent-violet-200 | accent-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | /* oklch(89.4% 0.057 293.283) */ |
.accent-violet-300 | accent-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | /* oklch(81.1% 0.111 293.571) */ |
.accent-violet-400 | accent-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | /* oklch(70.2% 0.183 293.541) */ |
.accent-violet-500 | accent-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | /* oklch(60.6% 0.25 292.717) */ |
.accent-violet-600 | accent-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | /* oklch(54.1% 0.281 293.009) */ |
.accent-violet-700 | accent-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | /* oklch(49.1% 0.27 292.581) */ |
.accent-violet-800 | accent-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | /* oklch(43.2% 0.232 292.759) */ |
.accent-violet-900 | accent-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.accent-violet-950 | accent-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* oklch(28.3% 0.141 291.089) */ |
.accent-purple-50 | accent-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | /* oklch(97.7% 0.014 308.299) */ |
.accent-purple-100 | accent-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | /* oklch(94.6% 0.033 307.174) */ |
.accent-purple-200 | accent-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | /* oklch(90.2% 0.063 306.703) */ |
.accent-purple-300 | accent-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | /* oklch(82.7% 0.119 306.383) */ |
.accent-purple-400 | accent-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | /* oklch(71.4% 0.203 305.504) */ |
.accent-purple-500 | accent-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | /* oklch(62.7% 0.265 303.9) */ |
.accent-purple-600 | accent-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | /* oklch(55.8% 0.288 302.321) */ |
.accent-purple-700 | accent-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | /* oklch(49.6% 0.265 301.924) */ |
.accent-purple-800 | accent-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | /* oklch(43.8% 0.218 303.724) */ |
.accent-purple-900 | accent-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | /* oklch(38.1% 0.176 304.987) */ |
.accent-purple-950 | accent-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | /* oklch(29.1% 0.149 302.717) */ |
.accent-fuchsia-50 | accent-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | /* oklch(97.7% 0.017 320.058) */ |
.accent-fuchsia-100 | accent-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | /* oklch(95.2% 0.037 318.852) */ |
.accent-fuchsia-200 | accent-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | /* oklch(90.3% 0.076 319.62) */ |
.accent-fuchsia-300 | accent-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | /* oklch(83.3% 0.145 321.434) */ |
.accent-fuchsia-400 | accent-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.accent-fuchsia-500 | accent-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* oklch(66.7% 0.295 322.15) */ |
.accent-fuchsia-600 | accent-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | /* oklch(59.1% 0.293 322.896) */ |
.accent-fuchsia-700 | accent-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | /* oklch(51.8% 0.253 323.949) */ |
.accent-fuchsia-800 | accent-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | /* oklch(45.2% 0.211 324.591) */ |
.accent-fuchsia-900 | accent-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | /* oklch(40.1% 0.17 325.612) */ |
.accent-fuchsia-950 | accent-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | /* oklch(29.3% 0.136 325.661) */ |
.accent-pink-50 | accent-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | /* oklch(97.1% 0.014 343.198) */ |
.accent-pink-100 | accent-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | /* oklch(94.8% 0.028 342.258) */ |
.accent-pink-200 | accent-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | /* oklch(89.9% 0.061 343.231) */ |
.accent-pink-300 | accent-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | /* oklch(82.3% 0.12 346.018) */ |
.accent-pink-400 | accent-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | /* oklch(71.8% 0.202 349.761) */ |
.accent-pink-500 | accent-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | /* oklch(65.6% 0.241 354.308) */ |
.accent-pink-600 | accent-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | /* oklch(59.2% 0.249 0.584) */ |
.accent-pink-700 | accent-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | /* oklch(52.5% 0.223 3.958) */ |
.accent-pink-800 | accent-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | /* oklch(45.9% 0.187 3.815) */ |
.accent-pink-900 | accent-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | /* oklch(40.8% 0.153 2.432) */ |
.accent-pink-950 | accent-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | /* oklch(28.4% 0.109 3.907) */ |
.accent-rose-50 | accent-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | /* oklch(96.9% 0.015 12.422) */ |
.accent-rose-100 | accent-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | /* oklch(94.1% 0.03 12.58) */ |
.accent-rose-200 | accent-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | /* oklch(89.2% 0.058 10.001) */ |
.accent-rose-300 | accent-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.accent-rose-400 | accent-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* oklch(71.2% 0.194 13.428) */ |
.accent-rose-500 | accent-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | /* oklch(64.5% 0.246 16.439) */ |
.accent-rose-600 | accent-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | /* oklch(58.6% 0.253 17.585) */ |
.accent-rose-700 | accent-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | /* oklch(51.4% 0.222 16.935) */ |
.accent-rose-800 | accent-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | /* oklch(45.5% 0.188 13.697) */ |
.accent-rose-900 | accent-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.accent-rose-950 | accent-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* oklch(27.1% 0.105 12.094) */ |
.accent-slate-50 | accent-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | /* oklch(98.4% 0.003 247.858) */ |
.accent-slate-100 | accent-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | /* oklch(96.8% 0.007 247.896) */ |
.accent-slate-200 | accent-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | /* oklch(92.9% 0.013 255.508) */ |
.accent-slate-300 | accent-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | /* oklch(86.9% 0.022 252.894) */ |
.accent-slate-400 | accent-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | /* oklch(70.4% 0.04 256.788) */ |
.accent-slate-500 | accent-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | /* oklch(55.4% 0.046 257.417) */ |
.accent-slate-600 | accent-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | /* oklch(44.6% 0.043 257.281) */ |
.accent-slate-700 | accent-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | /* oklch(37.2% 0.044 257.287) */ |
.accent-slate-800 | accent-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | /* oklch(27.9% 0.041 260.031) */ |
.accent-slate-900 | accent-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | /* oklch(20.8% 0.042 265.755) */ |
.accent-slate-950 | accent-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | /* oklch(12.9% 0.042 264.695) */ |
.accent-gray-50 | accent-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | /* oklch(98.5% 0.002 247.839) */ |
.accent-gray-100 | accent-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | /* oklch(96.7% 0.003 264.542) */ |
.accent-gray-200 | accent-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | /* oklch(92.8% 0.006 264.531) */ |
.accent-gray-300 | accent-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | /* oklch(87.2% 0.01 258.338) */ |
.accent-gray-400 | accent-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | /* oklch(70.7% 0.022 261.325) */ |
.accent-gray-500 | accent-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | /* oklch(55.1% 0.027 264.364) */ |
.accent-gray-600 | accent-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | /* oklch(44.6% 0.03 256.802) */ |
.accent-gray-700 | accent-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | /* oklch(37.3% 0.034 259.733) */ |
.accent-gray-800 | accent-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | /* oklch(27.8% 0.033 256.848) */ |
.accent-gray-900 | accent-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.accent-gray-950 | accent-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.accent-zinc-50 | accent-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.accent-zinc-100 | accent-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.accent-zinc-200 | accent-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.accent-zinc-300 | accent-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* oklch(87.1% 0.006 286.286) */ |
.accent-zinc-400 | accent-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | /* oklch(70.5% 0.015 286.067) */ |
.accent-zinc-500 | accent-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | /* oklch(55.2% 0.016 285.938) */ |
.accent-zinc-600 | accent-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | /* oklch(44.2% 0.017 285.786) */ |
.accent-zinc-700 | accent-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.accent-zinc-800 | accent-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.accent-zinc-900 | accent-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.accent-zinc-950 | accent-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.accent-neutral-50 | accent-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.accent-neutral-100 | accent-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.accent-neutral-200 | accent-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.accent-neutral-300 | accent-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.accent-neutral-400 | accent-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.accent-neutral-500 | accent-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.accent-neutral-600 | accent-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.accent-neutral-700 | accent-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.accent-neutral-800 | accent-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.accent-neutral-900 | accent-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.accent-neutral-950 | accent-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.accent-stone-50 | accent-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.accent-stone-100 | accent-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.accent-stone-200 | accent-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* oklch(92.3% 0.003 48.717) */ |
.accent-stone-300 | accent-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | /* oklch(86.9% 0.005 56.366) */ |
.accent-stone-400 | accent-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | /* oklch(70.9% 0.01 56.259) */ |
.accent-stone-500 | accent-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | /* oklch(55.3% 0.013 58.071) */ |
.accent-stone-600 | accent-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | /* oklch(44.4% 0.011 73.639) */ |
.accent-stone-700 | accent-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | /* oklch(37.4% 0.01 67.558) */ |
.accent-stone-800 | accent-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | /* oklch(26.8% 0.007 34.298) */ |
.accent-stone-900 | accent-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | /* oklch(21.6% 0.006 56.043) */ |
.accent-stone-950 | accent-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | /* 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.
.appearance-none | appearance: none; | |
.appearance-auto | appearance: auto; |
caret-color
Utilities for controlling the color of the text input cursor.
.caret-inherit | caret-color: inherit; | |
.caret-current | caret-color: currentColor; | |
.caret-transparent | caret-color: transparent; | |
.caret-black | caret-color: var(--color-black); /* #000 */ | /* #000 */ |
.caret-white | caret-color: var(--color-white); /* #fff */ | /* #fff */ |
.caret-red-50 | caret-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* oklch(97.1% 0.013 17.38) */ |
.caret-red-100 | caret-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | /* oklch(93.6% 0.032 17.717) */ |
.caret-red-200 | caret-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | /* oklch(88.5% 0.062 18.334) */ |
.caret-red-300 | caret-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | /* oklch(80.8% 0.114 19.571) */ |
.caret-red-400 | caret-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | /* oklch(70.4% 0.191 22.216) */ |
.caret-red-500 | caret-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | /* oklch(63.7% 0.237 25.331) */ |
.caret-red-600 | caret-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | /* oklch(57.7% 0.245 27.325) */ |
.caret-red-700 | caret-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | /* oklch(50.5% 0.213 27.518) */ |
.caret-red-800 | caret-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | /* oklch(44.4% 0.177 26.899) */ |
.caret-red-900 | caret-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | /* oklch(39.6% 0.141 25.723) */ |
.caret-red-950 | caret-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | /* oklch(25.8% 0.092 26.042) */ |
.caret-orange-50 | caret-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.caret-orange-100 | caret-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* oklch(95.4% 0.038 75.164) */ |
.caret-orange-200 | caret-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | /* oklch(90.1% 0.076 70.697) */ |
.caret-orange-300 | caret-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | /* oklch(83.7% 0.128 66.29) */ |
.caret-orange-400 | caret-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.caret-orange-500 | caret-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* oklch(70.5% 0.213 47.604) */ |
.caret-orange-600 | caret-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | /* oklch(64.6% 0.222 41.116) */ |
.caret-orange-700 | caret-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | /* oklch(55.3% 0.195 38.402) */ |
.caret-orange-800 | caret-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.caret-orange-900 | caret-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* oklch(40.8% 0.123 38.172) */ |
.caret-orange-950 | caret-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | /* oklch(26.6% 0.079 36.259) */ |
.caret-amber-50 | caret-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | /* oklch(98.7% 0.022 95.277) */ |
.caret-amber-100 | caret-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | /* oklch(96.2% 0.059 95.617) */ |
.caret-amber-200 | caret-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | /* oklch(92.4% 0.12 95.746) */ |
.caret-amber-300 | caret-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | /* oklch(87.9% 0.169 91.605) */ |
.caret-amber-400 | caret-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | /* oklch(82.8% 0.189 84.429) */ |
.caret-amber-500 | caret-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | /* oklch(76.9% 0.188 70.08) */ |
.caret-amber-600 | caret-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | /* oklch(66.6% 0.179 58.318) */ |
.caret-amber-700 | caret-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | /* oklch(55.5% 0.163 48.998) */ |
.caret-amber-800 | caret-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | /* oklch(47.3% 0.137 46.201) */ |
.caret-amber-900 | caret-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | /* oklch(41.4% 0.112 45.904) */ |
.caret-amber-950 | caret-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | /* oklch(27.9% 0.077 45.635) */ |
.caret-yellow-50 | caret-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | /* oklch(98.7% 0.026 102.212) */ |
.caret-yellow-100 | caret-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | /* oklch(97.3% 0.071 103.193) */ |
.caret-yellow-200 | caret-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | /* oklch(94.5% 0.129 101.54) */ |
.caret-yellow-300 | caret-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | /* oklch(90.5% 0.182 98.111) */ |
.caret-yellow-400 | caret-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | /* oklch(85.2% 0.199 91.936) */ |
.caret-yellow-500 | caret-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | /* oklch(79.5% 0.184 86.047) */ |
.caret-yellow-600 | caret-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | /* oklch(68.1% 0.162 75.834) */ |
.caret-yellow-700 | caret-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | /* oklch(55.4% 0.135 66.442) */ |
.caret-yellow-800 | caret-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | /* oklch(47.6% 0.114 61.907) */ |
.caret-yellow-900 | caret-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | /* oklch(42.1% 0.095 57.708) */ |
.caret-yellow-950 | caret-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | /* oklch(28.6% 0.066 53.813) */ |
.caret-lime-50 | caret-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | /* oklch(98.6% 0.031 120.757) */ |
.caret-lime-100 | caret-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | /* oklch(96.7% 0.067 122.328) */ |
.caret-lime-200 | caret-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | /* oklch(93.8% 0.127 124.321) */ |
.caret-lime-300 | caret-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | /* oklch(89.7% 0.196 126.665) */ |
.caret-lime-400 | caret-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | /* oklch(84.1% 0.238 128.85) */ |
.caret-lime-500 | caret-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | /* oklch(76.8% 0.233 130.85) */ |
.caret-lime-600 | caret-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | /* oklch(64.8% 0.2 131.684) */ |
.caret-lime-700 | caret-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | /* oklch(53.2% 0.157 131.589) */ |
.caret-lime-800 | caret-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | /* oklch(45.3% 0.124 130.933) */ |
.caret-lime-900 | caret-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | /* oklch(40.5% 0.101 131.063) */ |
.caret-lime-950 | caret-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | /* oklch(27.4% 0.072 132.109) */ |
.caret-green-50 | caret-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | /* oklch(98.2% 0.018 155.826) */ |
.caret-green-100 | caret-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | /* oklch(96.2% 0.044 156.743) */ |
.caret-green-200 | caret-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | /* oklch(92.5% 0.084 155.995) */ |
.caret-green-300 | caret-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | /* oklch(87.1% 0.15 154.449) */ |
.caret-green-400 | caret-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | /* oklch(79.2% 0.209 151.711) */ |
.caret-green-500 | caret-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | /* oklch(72.3% 0.219 149.579) */ |
.caret-green-600 | caret-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | /* oklch(62.7% 0.194 149.214) */ |
.caret-green-700 | caret-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | /* oklch(52.7% 0.154 150.069) */ |
.caret-green-800 | caret-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | /* oklch(44.8% 0.119 151.328) */ |
.caret-green-900 | caret-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | /* oklch(39.3% 0.095 152.535) */ |
.caret-green-950 | caret-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | /* oklch(26.6% 0.065 152.934) */ |
.caret-emerald-50 | caret-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | /* oklch(97.9% 0.021 166.113) */ |
.caret-emerald-100 | caret-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.caret-emerald-200 | caret-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* oklch(90.5% 0.093 164.15) */ |
.caret-emerald-300 | caret-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | /* oklch(84.5% 0.143 164.978) */ |
.caret-emerald-400 | caret-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | /* oklch(76.5% 0.177 163.223) */ |
.caret-emerald-500 | caret-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | /* oklch(69.6% 0.17 162.48) */ |
.caret-emerald-600 | caret-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | /* oklch(59.6% 0.145 163.225) */ |
.caret-emerald-700 | caret-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | /* oklch(50.8% 0.118 165.612) */ |
.caret-emerald-800 | caret-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | /* oklch(43.2% 0.095 166.913) */ |
.caret-emerald-900 | caret-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | /* oklch(37.8% 0.077 168.94) */ |
.caret-emerald-950 | caret-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | /* oklch(26.2% 0.051 172.552) */ |
.caret-teal-50 | caret-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | /* oklch(98.4% 0.014 180.72) */ |
.caret-teal-100 | caret-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | /* oklch(95.3% 0.051 180.801) */ |
.caret-teal-200 | caret-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.caret-teal-300 | caret-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* oklch(85.5% 0.138 181.071) */ |
.caret-teal-400 | caret-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | /* oklch(77.7% 0.152 181.912) */ |
.caret-teal-500 | caret-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | /* oklch(70.4% 0.14 182.503) */ |
.caret-teal-600 | caret-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.caret-teal-700 | caret-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* oklch(51.1% 0.096 186.391) */ |
.caret-teal-800 | caret-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | /* oklch(43.7% 0.078 188.216) */ |
.caret-teal-900 | caret-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | /* oklch(38.6% 0.063 188.416) */ |
.caret-teal-950 | caret-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | /* oklch(27.7% 0.046 192.524) */ |
.caret-cyan-50 | caret-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | /* oklch(98.4% 0.019 200.873) */ |
.caret-cyan-100 | caret-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | /* oklch(95.6% 0.045 203.388) */ |
.caret-cyan-200 | caret-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | /* oklch(91.7% 0.08 205.041) */ |
.caret-cyan-300 | caret-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | /* oklch(86.5% 0.127 207.078) */ |
.caret-cyan-400 | caret-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | /* oklch(78.9% 0.154 211.53) */ |
.caret-cyan-500 | caret-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | /* oklch(71.5% 0.143 215.221) */ |
.caret-cyan-600 | caret-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | /* oklch(60.9% 0.126 221.723) */ |
.caret-cyan-700 | caret-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.caret-cyan-800 | caret-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.caret-cyan-900 | caret-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* oklch(39.8% 0.07 227.392) */ |
.caret-cyan-950 | caret-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | /* oklch(30.2% 0.056 229.695) */ |
.caret-sky-50 | caret-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | /* oklch(97.7% 0.013 236.62) */ |
.caret-sky-100 | caret-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | /* oklch(95.1% 0.026 236.824) */ |
.caret-sky-200 | caret-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | /* oklch(90.1% 0.058 230.902) */ |
.caret-sky-300 | caret-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | /* oklch(82.8% 0.111 230.318) */ |
.caret-sky-400 | caret-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | /* oklch(74.6% 0.16 232.661) */ |
.caret-sky-500 | caret-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | /* oklch(68.5% 0.169 237.323) */ |
.caret-sky-600 | caret-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | /* oklch(58.8% 0.158 241.966) */ |
.caret-sky-700 | caret-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.caret-sky-800 | caret-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* oklch(44.3% 0.11 240.79) */ |
.caret-sky-900 | caret-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | /* oklch(39.1% 0.09 240.876) */ |
.caret-sky-950 | caret-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | /* oklch(29.3% 0.066 243.157) */ |
.caret-blue-50 | caret-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.caret-blue-100 | caret-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* oklch(93.2% 0.032 255.585) */ |
.caret-blue-200 | caret-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | /* oklch(88.2% 0.059 254.128) */ |
.caret-blue-300 | caret-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | /* oklch(80.9% 0.105 251.813) */ |
.caret-blue-400 | caret-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | /* oklch(70.7% 0.165 254.624) */ |
.caret-blue-500 | caret-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | /* oklch(62.3% 0.214 259.815) */ |
.caret-blue-600 | caret-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | /* oklch(54.6% 0.245 262.881) */ |
.caret-blue-700 | caret-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | /* oklch(48.8% 0.243 264.376) */ |
.caret-blue-800 | caret-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | /* oklch(42.4% 0.199 265.638) */ |
.caret-blue-900 | caret-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | /* oklch(37.9% 0.146 265.522) */ |
.caret-blue-950 | caret-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | /* oklch(28.2% 0.091 267.935) */ |
.caret-indigo-50 | caret-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | /* oklch(96.2% 0.018 272.314) */ |
.caret-indigo-100 | caret-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.caret-indigo-200 | caret-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.caret-indigo-300 | caret-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* oklch(78.5% 0.115 274.713) */ |
.caret-indigo-400 | caret-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | /* oklch(67.3% 0.182 276.935) */ |
.caret-indigo-500 | caret-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | /* oklch(58.5% 0.233 277.117) */ |
.caret-indigo-600 | caret-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | /* oklch(51.1% 0.262 276.966) */ |
.caret-indigo-700 | caret-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | /* oklch(45.7% 0.24 277.023) */ |
.caret-indigo-800 | caret-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | /* oklch(39.8% 0.195 277.366) */ |
.caret-indigo-900 | caret-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | /* oklch(35.9% 0.144 278.697) */ |
.caret-indigo-950 | caret-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | /* oklch(25.7% 0.09 281.288) */ |
.caret-violet-50 | caret-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | /* oklch(96.9% 0.016 293.756) */ |
.caret-violet-100 | caret-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | /* oklch(94.3% 0.029 294.588) */ |
.caret-violet-200 | caret-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | /* oklch(89.4% 0.057 293.283) */ |
.caret-violet-300 | caret-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | /* oklch(81.1% 0.111 293.571) */ |
.caret-violet-400 | caret-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | /* oklch(70.2% 0.183 293.541) */ |
.caret-violet-500 | caret-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | /* oklch(60.6% 0.25 292.717) */ |
.caret-violet-600 | caret-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | /* oklch(54.1% 0.281 293.009) */ |
.caret-violet-700 | caret-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | /* oklch(49.1% 0.27 292.581) */ |
.caret-violet-800 | caret-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | /* oklch(43.2% 0.232 292.759) */ |
.caret-violet-900 | caret-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.caret-violet-950 | caret-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* oklch(28.3% 0.141 291.089) */ |
.caret-purple-50 | caret-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | /* oklch(97.7% 0.014 308.299) */ |
.caret-purple-100 | caret-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | /* oklch(94.6% 0.033 307.174) */ |
.caret-purple-200 | caret-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | /* oklch(90.2% 0.063 306.703) */ |
.caret-purple-300 | caret-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | /* oklch(82.7% 0.119 306.383) */ |
.caret-purple-400 | caret-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | /* oklch(71.4% 0.203 305.504) */ |
.caret-purple-500 | caret-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | /* oklch(62.7% 0.265 303.9) */ |
.caret-purple-600 | caret-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | /* oklch(55.8% 0.288 302.321) */ |
.caret-purple-700 | caret-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | /* oklch(49.6% 0.265 301.924) */ |
.caret-purple-800 | caret-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | /* oklch(43.8% 0.218 303.724) */ |
.caret-purple-900 | caret-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | /* oklch(38.1% 0.176 304.987) */ |
.caret-purple-950 | caret-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | /* oklch(29.1% 0.149 302.717) */ |
.caret-fuchsia-50 | caret-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | /* oklch(97.7% 0.017 320.058) */ |
.caret-fuchsia-100 | caret-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | /* oklch(95.2% 0.037 318.852) */ |
.caret-fuchsia-200 | caret-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | /* oklch(90.3% 0.076 319.62) */ |
.caret-fuchsia-300 | caret-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | /* oklch(83.3% 0.145 321.434) */ |
.caret-fuchsia-400 | caret-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.caret-fuchsia-500 | caret-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* oklch(66.7% 0.295 322.15) */ |
.caret-fuchsia-600 | caret-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | /* oklch(59.1% 0.293 322.896) */ |
.caret-fuchsia-700 | caret-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | /* oklch(51.8% 0.253 323.949) */ |
.caret-fuchsia-800 | caret-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | /* oklch(45.2% 0.211 324.591) */ |
.caret-fuchsia-900 | caret-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | /* oklch(40.1% 0.17 325.612) */ |
.caret-fuchsia-950 | caret-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | /* oklch(29.3% 0.136 325.661) */ |
.caret-pink-50 | caret-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | /* oklch(97.1% 0.014 343.198) */ |
.caret-pink-100 | caret-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | /* oklch(94.8% 0.028 342.258) */ |
.caret-pink-200 | caret-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | /* oklch(89.9% 0.061 343.231) */ |
.caret-pink-300 | caret-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | /* oklch(82.3% 0.12 346.018) */ |
.caret-pink-400 | caret-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | /* oklch(71.8% 0.202 349.761) */ |
.caret-pink-500 | caret-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | /* oklch(65.6% 0.241 354.308) */ |
.caret-pink-600 | caret-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | /* oklch(59.2% 0.249 0.584) */ |
.caret-pink-700 | caret-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | /* oklch(52.5% 0.223 3.958) */ |
.caret-pink-800 | caret-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | /* oklch(45.9% 0.187 3.815) */ |
.caret-pink-900 | caret-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | /* oklch(40.8% 0.153 2.432) */ |
.caret-pink-950 | caret-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | /* oklch(28.4% 0.109 3.907) */ |
.caret-rose-50 | caret-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | /* oklch(96.9% 0.015 12.422) */ |
.caret-rose-100 | caret-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | /* oklch(94.1% 0.03 12.58) */ |
.caret-rose-200 | caret-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | /* oklch(89.2% 0.058 10.001) */ |
.caret-rose-300 | caret-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.caret-rose-400 | caret-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* oklch(71.2% 0.194 13.428) */ |
.caret-rose-500 | caret-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | /* oklch(64.5% 0.246 16.439) */ |
.caret-rose-600 | caret-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | /* oklch(58.6% 0.253 17.585) */ |
.caret-rose-700 | caret-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | /* oklch(51.4% 0.222 16.935) */ |
.caret-rose-800 | caret-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | /* oklch(45.5% 0.188 13.697) */ |
.caret-rose-900 | caret-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.caret-rose-950 | caret-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* oklch(27.1% 0.105 12.094) */ |
.caret-slate-50 | caret-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | /* oklch(98.4% 0.003 247.858) */ |
.caret-slate-100 | caret-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | /* oklch(96.8% 0.007 247.896) */ |
.caret-slate-200 | caret-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | /* oklch(92.9% 0.013 255.508) */ |
.caret-slate-300 | caret-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | /* oklch(86.9% 0.022 252.894) */ |
.caret-slate-400 | caret-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | /* oklch(70.4% 0.04 256.788) */ |
.caret-slate-500 | caret-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | /* oklch(55.4% 0.046 257.417) */ |
.caret-slate-600 | caret-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | /* oklch(44.6% 0.043 257.281) */ |
.caret-slate-700 | caret-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | /* oklch(37.2% 0.044 257.287) */ |
.caret-slate-800 | caret-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | /* oklch(27.9% 0.041 260.031) */ |
.caret-slate-900 | caret-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | /* oklch(20.8% 0.042 265.755) */ |
.caret-slate-950 | caret-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | /* oklch(12.9% 0.042 264.695) */ |
.caret-gray-50 | caret-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | /* oklch(98.5% 0.002 247.839) */ |
.caret-gray-100 | caret-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | /* oklch(96.7% 0.003 264.542) */ |
.caret-gray-200 | caret-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | /* oklch(92.8% 0.006 264.531) */ |
.caret-gray-300 | caret-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | /* oklch(87.2% 0.01 258.338) */ |
.caret-gray-400 | caret-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | /* oklch(70.7% 0.022 261.325) */ |
.caret-gray-500 | caret-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | /* oklch(55.1% 0.027 264.364) */ |
.caret-gray-600 | caret-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | /* oklch(44.6% 0.03 256.802) */ |
.caret-gray-700 | caret-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | /* oklch(37.3% 0.034 259.733) */ |
.caret-gray-800 | caret-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | /* oklch(27.8% 0.033 256.848) */ |
.caret-gray-900 | caret-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.caret-gray-950 | caret-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.caret-zinc-50 | caret-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.caret-zinc-100 | caret-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.caret-zinc-200 | caret-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.caret-zinc-300 | caret-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* oklch(87.1% 0.006 286.286) */ |
.caret-zinc-400 | caret-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | /* oklch(70.5% 0.015 286.067) */ |
.caret-zinc-500 | caret-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | /* oklch(55.2% 0.016 285.938) */ |
.caret-zinc-600 | caret-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | /* oklch(44.2% 0.017 285.786) */ |
.caret-zinc-700 | caret-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.caret-zinc-800 | caret-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.caret-zinc-900 | caret-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.caret-zinc-950 | caret-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.caret-neutral-50 | caret-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.caret-neutral-100 | caret-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.caret-neutral-200 | caret-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.caret-neutral-300 | caret-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.caret-neutral-400 | caret-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.caret-neutral-500 | caret-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.caret-neutral-600 | caret-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.caret-neutral-700 | caret-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.caret-neutral-800 | caret-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.caret-neutral-900 | caret-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.caret-neutral-950 | caret-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.caret-stone-50 | caret-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.caret-stone-100 | caret-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.caret-stone-200 | caret-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* oklch(92.3% 0.003 48.717) */ |
.caret-stone-300 | caret-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | /* oklch(86.9% 0.005 56.366) */ |
.caret-stone-400 | caret-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | /* oklch(70.9% 0.01 56.259) */ |
.caret-stone-500 | caret-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | /* oklch(55.3% 0.013 58.071) */ |
.caret-stone-600 | caret-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | /* oklch(44.4% 0.011 73.639) */ |
.caret-stone-700 | caret-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | /* oklch(37.4% 0.01 67.558) */ |
.caret-stone-800 | caret-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | /* oklch(26.8% 0.007 34.298) */ |
.caret-stone-900 | caret-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | /* oklch(21.6% 0.006 56.043) */ |
.caret-stone-950 | caret-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | /* 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.
.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.
.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.
.field-sizing-fixed | field-sizing: fixed; | |
.field-sizing-content | field-sizing: content; |
pointer-events
Utilities for controlling whether an element responds to pointer events.
.pointer-events-auto | pointer-events: auto; | |
.pointer-events-none | pointer-events: none; |
resize
Utilities for controlling how an element can be resized.
.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.
.scroll-auto | scroll-behavior: auto; | |
.scroll-smooth | scroll-behavior: smooth; |
scroll-margin
Utilities for controlling the scroll offset around items in a snap container.
.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.
.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.
.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.
.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.
.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.
.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.
.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.
.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>; |
SVG
fill
Utilities for styling the fill of SVG elements.
.fill-none | fill: none; | |
.fill-inherit | fill: inherit; | |
.fill-current | fill: currentColor; | |
.fill-transparent | fill: transparent; | |
.fill-black | fill: var(--color-black); /* #000 */ | /* #000 */ |
.fill-white | fill: var(--color-white); /* #fff */ | /* #fff */ |
.fill-red-50 | fill: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* oklch(97.1% 0.013 17.38) */ |
.fill-red-100 | fill: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | /* oklch(93.6% 0.032 17.717) */ |
.fill-red-200 | fill: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | /* oklch(88.5% 0.062 18.334) */ |
.fill-red-300 | fill: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | /* oklch(80.8% 0.114 19.571) */ |
.fill-red-400 | fill: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | /* oklch(70.4% 0.191 22.216) */ |
.fill-red-500 | fill: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | /* oklch(63.7% 0.237 25.331) */ |
.fill-red-600 | fill: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | /* oklch(57.7% 0.245 27.325) */ |
.fill-red-700 | fill: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | /* oklch(50.5% 0.213 27.518) */ |
.fill-red-800 | fill: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | /* oklch(44.4% 0.177 26.899) */ |
.fill-red-900 | fill: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | /* oklch(39.6% 0.141 25.723) */ |
.fill-red-950 | fill: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | /* oklch(25.8% 0.092 26.042) */ |
.fill-orange-50 | fill: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.fill-orange-100 | fill: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* oklch(95.4% 0.038 75.164) */ |
.fill-orange-200 | fill: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | /* oklch(90.1% 0.076 70.697) */ |
.fill-orange-300 | fill: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | /* oklch(83.7% 0.128 66.29) */ |
.fill-orange-400 | fill: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.fill-orange-500 | fill: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* oklch(70.5% 0.213 47.604) */ |
.fill-orange-600 | fill: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | /* oklch(64.6% 0.222 41.116) */ |
.fill-orange-700 | fill: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | /* oklch(55.3% 0.195 38.402) */ |
.fill-orange-800 | fill: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.fill-orange-900 | fill: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* oklch(40.8% 0.123 38.172) */ |
.fill-orange-950 | fill: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | /* oklch(26.6% 0.079 36.259) */ |
.fill-amber-50 | fill: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | /* oklch(98.7% 0.022 95.277) */ |
.fill-amber-100 | fill: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | /* oklch(96.2% 0.059 95.617) */ |
.fill-amber-200 | fill: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | /* oklch(92.4% 0.12 95.746) */ |
.fill-amber-300 | fill: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | /* oklch(87.9% 0.169 91.605) */ |
.fill-amber-400 | fill: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | /* oklch(82.8% 0.189 84.429) */ |
.fill-amber-500 | fill: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | /* oklch(76.9% 0.188 70.08) */ |
.fill-amber-600 | fill: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | /* oklch(66.6% 0.179 58.318) */ |
.fill-amber-700 | fill: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | /* oklch(55.5% 0.163 48.998) */ |
.fill-amber-800 | fill: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | /* oklch(47.3% 0.137 46.201) */ |
.fill-amber-900 | fill: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | /* oklch(41.4% 0.112 45.904) */ |
.fill-amber-950 | fill: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | /* oklch(27.9% 0.077 45.635) */ |
.fill-yellow-50 | fill: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | /* oklch(98.7% 0.026 102.212) */ |
.fill-yellow-100 | fill: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | /* oklch(97.3% 0.071 103.193) */ |
.fill-yellow-200 | fill: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | /* oklch(94.5% 0.129 101.54) */ |
.fill-yellow-300 | fill: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | /* oklch(90.5% 0.182 98.111) */ |
.fill-yellow-400 | fill: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | /* oklch(85.2% 0.199 91.936) */ |
.fill-yellow-500 | fill: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | /* oklch(79.5% 0.184 86.047) */ |
.fill-yellow-600 | fill: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | /* oklch(68.1% 0.162 75.834) */ |
.fill-yellow-700 | fill: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | /* oklch(55.4% 0.135 66.442) */ |
.fill-yellow-800 | fill: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | /* oklch(47.6% 0.114 61.907) */ |
.fill-yellow-900 | fill: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | /* oklch(42.1% 0.095 57.708) */ |
.fill-yellow-950 | fill: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | /* oklch(28.6% 0.066 53.813) */ |
.fill-lime-50 | fill: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | /* oklch(98.6% 0.031 120.757) */ |
.fill-lime-100 | fill: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | /* oklch(96.7% 0.067 122.328) */ |
.fill-lime-200 | fill: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | /* oklch(93.8% 0.127 124.321) */ |
.fill-lime-300 | fill: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | /* oklch(89.7% 0.196 126.665) */ |
.fill-lime-400 | fill: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | /* oklch(84.1% 0.238 128.85) */ |
.fill-lime-500 | fill: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | /* oklch(76.8% 0.233 130.85) */ |
.fill-lime-600 | fill: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | /* oklch(64.8% 0.2 131.684) */ |
.fill-lime-700 | fill: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | /* oklch(53.2% 0.157 131.589) */ |
.fill-lime-800 | fill: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | /* oklch(45.3% 0.124 130.933) */ |
.fill-lime-900 | fill: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | /* oklch(40.5% 0.101 131.063) */ |
.fill-lime-950 | fill: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | /* oklch(27.4% 0.072 132.109) */ |
.fill-green-50 | fill: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | /* oklch(98.2% 0.018 155.826) */ |
.fill-green-100 | fill: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | /* oklch(96.2% 0.044 156.743) */ |
.fill-green-200 | fill: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | /* oklch(92.5% 0.084 155.995) */ |
.fill-green-300 | fill: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | /* oklch(87.1% 0.15 154.449) */ |
.fill-green-400 | fill: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | /* oklch(79.2% 0.209 151.711) */ |
.fill-green-500 | fill: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | /* oklch(72.3% 0.219 149.579) */ |
.fill-green-600 | fill: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | /* oklch(62.7% 0.194 149.214) */ |
.fill-green-700 | fill: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | /* oklch(52.7% 0.154 150.069) */ |
.fill-green-800 | fill: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | /* oklch(44.8% 0.119 151.328) */ |
.fill-green-900 | fill: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | /* oklch(39.3% 0.095 152.535) */ |
.fill-green-950 | fill: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | /* oklch(26.6% 0.065 152.934) */ |
.fill-emerald-50 | fill: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | /* oklch(97.9% 0.021 166.113) */ |
.fill-emerald-100 | fill: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.fill-emerald-200 | fill: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* oklch(90.5% 0.093 164.15) */ |
.fill-emerald-300 | fill: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | /* oklch(84.5% 0.143 164.978) */ |
.fill-emerald-400 | fill: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | /* oklch(76.5% 0.177 163.223) */ |
.fill-emerald-500 | fill: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | /* oklch(69.6% 0.17 162.48) */ |
.fill-emerald-600 | fill: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | /* oklch(59.6% 0.145 163.225) */ |
.fill-emerald-700 | fill: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | /* oklch(50.8% 0.118 165.612) */ |
.fill-emerald-800 | fill: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | /* oklch(43.2% 0.095 166.913) */ |
.fill-emerald-900 | fill: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | /* oklch(37.8% 0.077 168.94) */ |
.fill-emerald-950 | fill: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | /* oklch(26.2% 0.051 172.552) */ |
.fill-teal-50 | fill: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | /* oklch(98.4% 0.014 180.72) */ |
.fill-teal-100 | fill: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | /* oklch(95.3% 0.051 180.801) */ |
.fill-teal-200 | fill: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.fill-teal-300 | fill: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* oklch(85.5% 0.138 181.071) */ |
.fill-teal-400 | fill: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | /* oklch(77.7% 0.152 181.912) */ |
.fill-teal-500 | fill: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | /* oklch(70.4% 0.14 182.503) */ |
.fill-teal-600 | fill: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.fill-teal-700 | fill: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* oklch(51.1% 0.096 186.391) */ |
.fill-teal-800 | fill: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | /* oklch(43.7% 0.078 188.216) */ |
.fill-teal-900 | fill: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | /* oklch(38.6% 0.063 188.416) */ |
.fill-teal-950 | fill: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | /* oklch(27.7% 0.046 192.524) */ |
.fill-cyan-50 | fill: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | /* oklch(98.4% 0.019 200.873) */ |
.fill-cyan-100 | fill: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | /* oklch(95.6% 0.045 203.388) */ |
.fill-cyan-200 | fill: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | /* oklch(91.7% 0.08 205.041) */ |
.fill-cyan-300 | fill: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | /* oklch(86.5% 0.127 207.078) */ |
.fill-cyan-400 | fill: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | /* oklch(78.9% 0.154 211.53) */ |
.fill-cyan-500 | fill: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | /* oklch(71.5% 0.143 215.221) */ |
.fill-cyan-600 | fill: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | /* oklch(60.9% 0.126 221.723) */ |
.fill-cyan-700 | fill: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.fill-cyan-800 | fill: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.fill-cyan-900 | fill: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* oklch(39.8% 0.07 227.392) */ |
.fill-cyan-950 | fill: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | /* oklch(30.2% 0.056 229.695) */ |
.fill-sky-50 | fill: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | /* oklch(97.7% 0.013 236.62) */ |
.fill-sky-100 | fill: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | /* oklch(95.1% 0.026 236.824) */ |
.fill-sky-200 | fill: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | /* oklch(90.1% 0.058 230.902) */ |
.fill-sky-300 | fill: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | /* oklch(82.8% 0.111 230.318) */ |
.fill-sky-400 | fill: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | /* oklch(74.6% 0.16 232.661) */ |
.fill-sky-500 | fill: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | /* oklch(68.5% 0.169 237.323) */ |
.fill-sky-600 | fill: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | /* oklch(58.8% 0.158 241.966) */ |
.fill-sky-700 | fill: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.fill-sky-800 | fill: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* oklch(44.3% 0.11 240.79) */ |
.fill-sky-900 | fill: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | /* oklch(39.1% 0.09 240.876) */ |
.fill-sky-950 | fill: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | /* oklch(29.3% 0.066 243.157) */ |
.fill-blue-50 | fill: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.fill-blue-100 | fill: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* oklch(93.2% 0.032 255.585) */ |
.fill-blue-200 | fill: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | /* oklch(88.2% 0.059 254.128) */ |
.fill-blue-300 | fill: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | /* oklch(80.9% 0.105 251.813) */ |
.fill-blue-400 | fill: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | /* oklch(70.7% 0.165 254.624) */ |
.fill-blue-500 | fill: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | /* oklch(62.3% 0.214 259.815) */ |
.fill-blue-600 | fill: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | /* oklch(54.6% 0.245 262.881) */ |
.fill-blue-700 | fill: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | /* oklch(48.8% 0.243 264.376) */ |
.fill-blue-800 | fill: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | /* oklch(42.4% 0.199 265.638) */ |
.fill-blue-900 | fill: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | /* oklch(37.9% 0.146 265.522) */ |
.fill-blue-950 | fill: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | /* oklch(28.2% 0.091 267.935) */ |
.fill-indigo-50 | fill: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | /* oklch(96.2% 0.018 272.314) */ |
.fill-indigo-100 | fill: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.fill-indigo-200 | fill: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.fill-indigo-300 | fill: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* oklch(78.5% 0.115 274.713) */ |
.fill-indigo-400 | fill: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | /* oklch(67.3% 0.182 276.935) */ |
.fill-indigo-500 | fill: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | /* oklch(58.5% 0.233 277.117) */ |
.fill-indigo-600 | fill: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | /* oklch(51.1% 0.262 276.966) */ |
.fill-indigo-700 | fill: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | /* oklch(45.7% 0.24 277.023) */ |
.fill-indigo-800 | fill: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | /* oklch(39.8% 0.195 277.366) */ |
.fill-indigo-900 | fill: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | /* oklch(35.9% 0.144 278.697) */ |
.fill-indigo-950 | fill: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | /* oklch(25.7% 0.09 281.288) */ |
.fill-violet-50 | fill: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | /* oklch(96.9% 0.016 293.756) */ |
.fill-violet-100 | fill: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | /* oklch(94.3% 0.029 294.588) */ |
.fill-violet-200 | fill: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | /* oklch(89.4% 0.057 293.283) */ |
.fill-violet-300 | fill: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | /* oklch(81.1% 0.111 293.571) */ |
.fill-violet-400 | fill: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | /* oklch(70.2% 0.183 293.541) */ |
.fill-violet-500 | fill: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | /* oklch(60.6% 0.25 292.717) */ |
.fill-violet-600 | fill: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | /* oklch(54.1% 0.281 293.009) */ |
.fill-violet-700 | fill: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | /* oklch(49.1% 0.27 292.581) */ |
.fill-violet-800 | fill: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | /* oklch(43.2% 0.232 292.759) */ |
.fill-violet-900 | fill: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.fill-violet-950 | fill: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* oklch(28.3% 0.141 291.089) */ |
.fill-purple-50 | fill: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | /* oklch(97.7% 0.014 308.299) */ |
.fill-purple-100 | fill: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | /* oklch(94.6% 0.033 307.174) */ |
.fill-purple-200 | fill: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | /* oklch(90.2% 0.063 306.703) */ |
.fill-purple-300 | fill: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | /* oklch(82.7% 0.119 306.383) */ |
.fill-purple-400 | fill: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | /* oklch(71.4% 0.203 305.504) */ |
.fill-purple-500 | fill: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | /* oklch(62.7% 0.265 303.9) */ |
.fill-purple-600 | fill: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | /* oklch(55.8% 0.288 302.321) */ |
.fill-purple-700 | fill: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | /* oklch(49.6% 0.265 301.924) */ |
.fill-purple-800 | fill: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | /* oklch(43.8% 0.218 303.724) */ |
.fill-purple-900 | fill: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | /* oklch(38.1% 0.176 304.987) */ |
.fill-purple-950 | fill: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | /* oklch(29.1% 0.149 302.717) */ |
.fill-fuchsia-50 | fill: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | /* oklch(97.7% 0.017 320.058) */ |
.fill-fuchsia-100 | fill: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | /* oklch(95.2% 0.037 318.852) */ |
.fill-fuchsia-200 | fill: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | /* oklch(90.3% 0.076 319.62) */ |
.fill-fuchsia-300 | fill: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | /* oklch(83.3% 0.145 321.434) */ |
.fill-fuchsia-400 | fill: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.fill-fuchsia-500 | fill: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* oklch(66.7% 0.295 322.15) */ |
.fill-fuchsia-600 | fill: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | /* oklch(59.1% 0.293 322.896) */ |
.fill-fuchsia-700 | fill: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | /* oklch(51.8% 0.253 323.949) */ |
.fill-fuchsia-800 | fill: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | /* oklch(45.2% 0.211 324.591) */ |
.fill-fuchsia-900 | fill: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | /* oklch(40.1% 0.17 325.612) */ |
.fill-fuchsia-950 | fill: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | /* oklch(29.3% 0.136 325.661) */ |
.fill-pink-50 | fill: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | /* oklch(97.1% 0.014 343.198) */ |
.fill-pink-100 | fill: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | /* oklch(94.8% 0.028 342.258) */ |
.fill-pink-200 | fill: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | /* oklch(89.9% 0.061 343.231) */ |
.fill-pink-300 | fill: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | /* oklch(82.3% 0.12 346.018) */ |
.fill-pink-400 | fill: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | /* oklch(71.8% 0.202 349.761) */ |
.fill-pink-500 | fill: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | /* oklch(65.6% 0.241 354.308) */ |
.fill-pink-600 | fill: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | /* oklch(59.2% 0.249 0.584) */ |
.fill-pink-700 | fill: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | /* oklch(52.5% 0.223 3.958) */ |
.fill-pink-800 | fill: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | /* oklch(45.9% 0.187 3.815) */ |
.fill-pink-900 | fill: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | /* oklch(40.8% 0.153 2.432) */ |
.fill-pink-950 | fill: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | /* oklch(28.4% 0.109 3.907) */ |
.fill-rose-50 | fill: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | /* oklch(96.9% 0.015 12.422) */ |
.fill-rose-100 | fill: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | /* oklch(94.1% 0.03 12.58) */ |
.fill-rose-200 | fill: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | /* oklch(89.2% 0.058 10.001) */ |
.fill-rose-300 | fill: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.fill-rose-400 | fill: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* oklch(71.2% 0.194 13.428) */ |
.fill-rose-500 | fill: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | /* oklch(64.5% 0.246 16.439) */ |
.fill-rose-600 | fill: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | /* oklch(58.6% 0.253 17.585) */ |
.fill-rose-700 | fill: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | /* oklch(51.4% 0.222 16.935) */ |
.fill-rose-800 | fill: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | /* oklch(45.5% 0.188 13.697) */ |
.fill-rose-900 | fill: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.fill-rose-950 | fill: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* oklch(27.1% 0.105 12.094) */ |
.fill-slate-50 | fill: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | /* oklch(98.4% 0.003 247.858) */ |
.fill-slate-100 | fill: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | /* oklch(96.8% 0.007 247.896) */ |
.fill-slate-200 | fill: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | /* oklch(92.9% 0.013 255.508) */ |
.fill-slate-300 | fill: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | /* oklch(86.9% 0.022 252.894) */ |
.fill-slate-400 | fill: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | /* oklch(70.4% 0.04 256.788) */ |
.fill-slate-500 | fill: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | /* oklch(55.4% 0.046 257.417) */ |
.fill-slate-600 | fill: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | /* oklch(44.6% 0.043 257.281) */ |
.fill-slate-700 | fill: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | /* oklch(37.2% 0.044 257.287) */ |
.fill-slate-800 | fill: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | /* oklch(27.9% 0.041 260.031) */ |
.fill-slate-900 | fill: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | /* oklch(20.8% 0.042 265.755) */ |
.fill-slate-950 | fill: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | /* oklch(12.9% 0.042 264.695) */ |
.fill-gray-50 | fill: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | /* oklch(98.5% 0.002 247.839) */ |
.fill-gray-100 | fill: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | /* oklch(96.7% 0.003 264.542) */ |
.fill-gray-200 | fill: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | /* oklch(92.8% 0.006 264.531) */ |
.fill-gray-300 | fill: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | /* oklch(87.2% 0.01 258.338) */ |
.fill-gray-400 | fill: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | /* oklch(70.7% 0.022 261.325) */ |
.fill-gray-500 | fill: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | /* oklch(55.1% 0.027 264.364) */ |
.fill-gray-600 | fill: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | /* oklch(44.6% 0.03 256.802) */ |
.fill-gray-700 | fill: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | /* oklch(37.3% 0.034 259.733) */ |
.fill-gray-800 | fill: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | /* oklch(27.8% 0.033 256.848) */ |
.fill-gray-900 | fill: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.fill-gray-950 | fill: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.fill-zinc-50 | fill: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.fill-zinc-100 | fill: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.fill-zinc-200 | fill: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.fill-zinc-300 | fill: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* oklch(87.1% 0.006 286.286) */ |
.fill-zinc-400 | fill: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | /* oklch(70.5% 0.015 286.067) */ |
.fill-zinc-500 | fill: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | /* oklch(55.2% 0.016 285.938) */ |
.fill-zinc-600 | fill: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | /* oklch(44.2% 0.017 285.786) */ |
.fill-zinc-700 | fill: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.fill-zinc-800 | fill: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.fill-zinc-900 | fill: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.fill-zinc-950 | fill: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.fill-neutral-50 | fill: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.fill-neutral-100 | fill: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.fill-neutral-200 | fill: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.fill-neutral-300 | fill: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.fill-neutral-400 | fill: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.fill-neutral-500 | fill: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.fill-neutral-600 | fill: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.fill-neutral-700 | fill: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.fill-neutral-800 | fill: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.fill-neutral-900 | fill: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.fill-neutral-950 | fill: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.fill-stone-50 | fill: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.fill-stone-100 | fill: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.fill-stone-200 | fill: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* oklch(92.3% 0.003 48.717) */ |
.fill-stone-300 | fill: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | /* oklch(86.9% 0.005 56.366) */ |
.fill-stone-400 | fill: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | /* oklch(70.9% 0.01 56.259) */ |
.fill-stone-500 | fill: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | /* oklch(55.3% 0.013 58.071) */ |
.fill-stone-600 | fill: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | /* oklch(44.4% 0.011 73.639) */ |
.fill-stone-700 | fill: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | /* oklch(37.4% 0.01 67.558) */ |
.fill-stone-800 | fill: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | /* oklch(26.8% 0.007 34.298) */ |
.fill-stone-900 | fill: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | /* oklch(21.6% 0.006 56.043) */ |
.fill-stone-950 | fill: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | /* 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.
.stroke-none | stroke: none; | |
.stroke-inherit | stroke: inherit; | |
.stroke-current | stroke: currentColor; | |
.stroke-transparent | stroke: transparent; | |
.stroke-black | stroke: var(--color-black); /* #000 */ | /* #000 */ |
.stroke-white | stroke: var(--color-white); /* #fff */ | /* #fff */ |
.stroke-red-50 | stroke: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | /* oklch(97.1% 0.013 17.38) */ |
.stroke-red-100 | stroke: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | /* oklch(93.6% 0.032 17.717) */ |
.stroke-red-200 | stroke: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | /* oklch(88.5% 0.062 18.334) */ |
.stroke-red-300 | stroke: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | /* oklch(80.8% 0.114 19.571) */ |
.stroke-red-400 | stroke: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | /* oklch(70.4% 0.191 22.216) */ |
.stroke-red-500 | stroke: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | /* oklch(63.7% 0.237 25.331) */ |
.stroke-red-600 | stroke: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | /* oklch(57.7% 0.245 27.325) */ |
.stroke-red-700 | stroke: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | /* oklch(50.5% 0.213 27.518) */ |
.stroke-red-800 | stroke: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | /* oklch(44.4% 0.177 26.899) */ |
.stroke-red-900 | stroke: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | /* oklch(39.6% 0.141 25.723) */ |
.stroke-red-950 | stroke: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | /* oklch(25.8% 0.092 26.042) */ |
.stroke-orange-50 | stroke: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | /* oklch(98% 0.016 73.684) */ |
.stroke-orange-100 | stroke: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | /* oklch(95.4% 0.038 75.164) */ |
.stroke-orange-200 | stroke: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | /* oklch(90.1% 0.076 70.697) */ |
.stroke-orange-300 | stroke: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | /* oklch(83.7% 0.128 66.29) */ |
.stroke-orange-400 | stroke: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | /* oklch(75% 0.183 55.934) */ |
.stroke-orange-500 | stroke: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | /* oklch(70.5% 0.213 47.604) */ |
.stroke-orange-600 | stroke: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | /* oklch(64.6% 0.222 41.116) */ |
.stroke-orange-700 | stroke: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | /* oklch(55.3% 0.195 38.402) */ |
.stroke-orange-800 | stroke: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | /* oklch(47% 0.157 37.304) */ |
.stroke-orange-900 | stroke: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | /* oklch(40.8% 0.123 38.172) */ |
.stroke-orange-950 | stroke: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | /* oklch(26.6% 0.079 36.259) */ |
.stroke-amber-50 | stroke: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | /* oklch(98.7% 0.022 95.277) */ |
.stroke-amber-100 | stroke: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | /* oklch(96.2% 0.059 95.617) */ |
.stroke-amber-200 | stroke: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | /* oklch(92.4% 0.12 95.746) */ |
.stroke-amber-300 | stroke: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | /* oklch(87.9% 0.169 91.605) */ |
.stroke-amber-400 | stroke: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | /* oklch(82.8% 0.189 84.429) */ |
.stroke-amber-500 | stroke: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | /* oklch(76.9% 0.188 70.08) */ |
.stroke-amber-600 | stroke: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | /* oklch(66.6% 0.179 58.318) */ |
.stroke-amber-700 | stroke: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | /* oklch(55.5% 0.163 48.998) */ |
.stroke-amber-800 | stroke: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | /* oklch(47.3% 0.137 46.201) */ |
.stroke-amber-900 | stroke: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | /* oklch(41.4% 0.112 45.904) */ |
.stroke-amber-950 | stroke: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | /* oklch(27.9% 0.077 45.635) */ |
.stroke-yellow-50 | stroke: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | /* oklch(98.7% 0.026 102.212) */ |
.stroke-yellow-100 | stroke: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | /* oklch(97.3% 0.071 103.193) */ |
.stroke-yellow-200 | stroke: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | /* oklch(94.5% 0.129 101.54) */ |
.stroke-yellow-300 | stroke: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | /* oklch(90.5% 0.182 98.111) */ |
.stroke-yellow-400 | stroke: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | /* oklch(85.2% 0.199 91.936) */ |
.stroke-yellow-500 | stroke: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | /* oklch(79.5% 0.184 86.047) */ |
.stroke-yellow-600 | stroke: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | /* oklch(68.1% 0.162 75.834) */ |
.stroke-yellow-700 | stroke: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | /* oklch(55.4% 0.135 66.442) */ |
.stroke-yellow-800 | stroke: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | /* oklch(47.6% 0.114 61.907) */ |
.stroke-yellow-900 | stroke: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | /* oklch(42.1% 0.095 57.708) */ |
.stroke-yellow-950 | stroke: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | /* oklch(28.6% 0.066 53.813) */ |
.stroke-lime-50 | stroke: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | /* oklch(98.6% 0.031 120.757) */ |
.stroke-lime-100 | stroke: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | /* oklch(96.7% 0.067 122.328) */ |
.stroke-lime-200 | stroke: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | /* oklch(93.8% 0.127 124.321) */ |
.stroke-lime-300 | stroke: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | /* oklch(89.7% 0.196 126.665) */ |
.stroke-lime-400 | stroke: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | /* oklch(84.1% 0.238 128.85) */ |
.stroke-lime-500 | stroke: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | /* oklch(76.8% 0.233 130.85) */ |
.stroke-lime-600 | stroke: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | /* oklch(64.8% 0.2 131.684) */ |
.stroke-lime-700 | stroke: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | /* oklch(53.2% 0.157 131.589) */ |
.stroke-lime-800 | stroke: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | /* oklch(45.3% 0.124 130.933) */ |
.stroke-lime-900 | stroke: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | /* oklch(40.5% 0.101 131.063) */ |
.stroke-lime-950 | stroke: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | /* oklch(27.4% 0.072 132.109) */ |
.stroke-green-50 | stroke: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | /* oklch(98.2% 0.018 155.826) */ |
.stroke-green-100 | stroke: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | /* oklch(96.2% 0.044 156.743) */ |
.stroke-green-200 | stroke: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | /* oklch(92.5% 0.084 155.995) */ |
.stroke-green-300 | stroke: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | /* oklch(87.1% 0.15 154.449) */ |
.stroke-green-400 | stroke: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | /* oklch(79.2% 0.209 151.711) */ |
.stroke-green-500 | stroke: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | /* oklch(72.3% 0.219 149.579) */ |
.stroke-green-600 | stroke: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | /* oklch(62.7% 0.194 149.214) */ |
.stroke-green-700 | stroke: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | /* oklch(52.7% 0.154 150.069) */ |
.stroke-green-800 | stroke: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | /* oklch(44.8% 0.119 151.328) */ |
.stroke-green-900 | stroke: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | /* oklch(39.3% 0.095 152.535) */ |
.stroke-green-950 | stroke: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | /* oklch(26.6% 0.065 152.934) */ |
.stroke-emerald-50 | stroke: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | /* oklch(97.9% 0.021 166.113) */ |
.stroke-emerald-100 | stroke: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | /* oklch(95% 0.052 163.051) */ |
.stroke-emerald-200 | stroke: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | /* oklch(90.5% 0.093 164.15) */ |
.stroke-emerald-300 | stroke: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | /* oklch(84.5% 0.143 164.978) */ |
.stroke-emerald-400 | stroke: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | /* oklch(76.5% 0.177 163.223) */ |
.stroke-emerald-500 | stroke: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | /* oklch(69.6% 0.17 162.48) */ |
.stroke-emerald-600 | stroke: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | /* oklch(59.6% 0.145 163.225) */ |
.stroke-emerald-700 | stroke: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | /* oklch(50.8% 0.118 165.612) */ |
.stroke-emerald-800 | stroke: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | /* oklch(43.2% 0.095 166.913) */ |
.stroke-emerald-900 | stroke: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | /* oklch(37.8% 0.077 168.94) */ |
.stroke-emerald-950 | stroke: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | /* oklch(26.2% 0.051 172.552) */ |
.stroke-teal-50 | stroke: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | /* oklch(98.4% 0.014 180.72) */ |
.stroke-teal-100 | stroke: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | /* oklch(95.3% 0.051 180.801) */ |
.stroke-teal-200 | stroke: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | /* oklch(91% 0.096 180.426) */ |
.stroke-teal-300 | stroke: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | /* oklch(85.5% 0.138 181.071) */ |
.stroke-teal-400 | stroke: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | /* oklch(77.7% 0.152 181.912) */ |
.stroke-teal-500 | stroke: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | /* oklch(70.4% 0.14 182.503) */ |
.stroke-teal-600 | stroke: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | /* oklch(60% 0.118 184.704) */ |
.stroke-teal-700 | stroke: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | /* oklch(51.1% 0.096 186.391) */ |
.stroke-teal-800 | stroke: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | /* oklch(43.7% 0.078 188.216) */ |
.stroke-teal-900 | stroke: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | /* oklch(38.6% 0.063 188.416) */ |
.stroke-teal-950 | stroke: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | /* oklch(27.7% 0.046 192.524) */ |
.stroke-cyan-50 | stroke: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | /* oklch(98.4% 0.019 200.873) */ |
.stroke-cyan-100 | stroke: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | /* oklch(95.6% 0.045 203.388) */ |
.stroke-cyan-200 | stroke: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | /* oklch(91.7% 0.08 205.041) */ |
.stroke-cyan-300 | stroke: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | /* oklch(86.5% 0.127 207.078) */ |
.stroke-cyan-400 | stroke: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | /* oklch(78.9% 0.154 211.53) */ |
.stroke-cyan-500 | stroke: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | /* oklch(71.5% 0.143 215.221) */ |
.stroke-cyan-600 | stroke: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | /* oklch(60.9% 0.126 221.723) */ |
.stroke-cyan-700 | stroke: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | /* oklch(52% 0.105 223.128) */ |
.stroke-cyan-800 | stroke: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | /* oklch(45% 0.085 224.283) */ |
.stroke-cyan-900 | stroke: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | /* oklch(39.8% 0.07 227.392) */ |
.stroke-cyan-950 | stroke: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | /* oklch(30.2% 0.056 229.695) */ |
.stroke-sky-50 | stroke: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | /* oklch(97.7% 0.013 236.62) */ |
.stroke-sky-100 | stroke: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | /* oklch(95.1% 0.026 236.824) */ |
.stroke-sky-200 | stroke: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | /* oklch(90.1% 0.058 230.902) */ |
.stroke-sky-300 | stroke: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | /* oklch(82.8% 0.111 230.318) */ |
.stroke-sky-400 | stroke: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | /* oklch(74.6% 0.16 232.661) */ |
.stroke-sky-500 | stroke: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | /* oklch(68.5% 0.169 237.323) */ |
.stroke-sky-600 | stroke: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | /* oklch(58.8% 0.158 241.966) */ |
.stroke-sky-700 | stroke: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | /* oklch(50% 0.134 242.749) */ |
.stroke-sky-800 | stroke: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | /* oklch(44.3% 0.11 240.79) */ |
.stroke-sky-900 | stroke: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | /* oklch(39.1% 0.09 240.876) */ |
.stroke-sky-950 | stroke: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | /* oklch(29.3% 0.066 243.157) */ |
.stroke-blue-50 | stroke: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | /* oklch(97% 0.014 254.604) */ |
.stroke-blue-100 | stroke: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | /* oklch(93.2% 0.032 255.585) */ |
.stroke-blue-200 | stroke: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | /* oklch(88.2% 0.059 254.128) */ |
.stroke-blue-300 | stroke: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | /* oklch(80.9% 0.105 251.813) */ |
.stroke-blue-400 | stroke: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | /* oklch(70.7% 0.165 254.624) */ |
.stroke-blue-500 | stroke: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | /* oklch(62.3% 0.214 259.815) */ |
.stroke-blue-600 | stroke: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | /* oklch(54.6% 0.245 262.881) */ |
.stroke-blue-700 | stroke: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | /* oklch(48.8% 0.243 264.376) */ |
.stroke-blue-800 | stroke: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | /* oklch(42.4% 0.199 265.638) */ |
.stroke-blue-900 | stroke: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | /* oklch(37.9% 0.146 265.522) */ |
.stroke-blue-950 | stroke: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | /* oklch(28.2% 0.091 267.935) */ |
.stroke-indigo-50 | stroke: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | /* oklch(96.2% 0.018 272.314) */ |
.stroke-indigo-100 | stroke: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | /* oklch(93% 0.034 272.788) */ |
.stroke-indigo-200 | stroke: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | /* oklch(87% 0.065 274.039) */ |
.stroke-indigo-300 | stroke: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | /* oklch(78.5% 0.115 274.713) */ |
.stroke-indigo-400 | stroke: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | /* oklch(67.3% 0.182 276.935) */ |
.stroke-indigo-500 | stroke: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | /* oklch(58.5% 0.233 277.117) */ |
.stroke-indigo-600 | stroke: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | /* oklch(51.1% 0.262 276.966) */ |
.stroke-indigo-700 | stroke: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | /* oklch(45.7% 0.24 277.023) */ |
.stroke-indigo-800 | stroke: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | /* oklch(39.8% 0.195 277.366) */ |
.stroke-indigo-900 | stroke: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | /* oklch(35.9% 0.144 278.697) */ |
.stroke-indigo-950 | stroke: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | /* oklch(25.7% 0.09 281.288) */ |
.stroke-violet-50 | stroke: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | /* oklch(96.9% 0.016 293.756) */ |
.stroke-violet-100 | stroke: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | /* oklch(94.3% 0.029 294.588) */ |
.stroke-violet-200 | stroke: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | /* oklch(89.4% 0.057 293.283) */ |
.stroke-violet-300 | stroke: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | /* oklch(81.1% 0.111 293.571) */ |
.stroke-violet-400 | stroke: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | /* oklch(70.2% 0.183 293.541) */ |
.stroke-violet-500 | stroke: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | /* oklch(60.6% 0.25 292.717) */ |
.stroke-violet-600 | stroke: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | /* oklch(54.1% 0.281 293.009) */ |
.stroke-violet-700 | stroke: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | /* oklch(49.1% 0.27 292.581) */ |
.stroke-violet-800 | stroke: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | /* oklch(43.2% 0.232 292.759) */ |
.stroke-violet-900 | stroke: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | /* oklch(38% 0.189 293.745) */ |
.stroke-violet-950 | stroke: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | /* oklch(28.3% 0.141 291.089) */ |
.stroke-purple-50 | stroke: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | /* oklch(97.7% 0.014 308.299) */ |
.stroke-purple-100 | stroke: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | /* oklch(94.6% 0.033 307.174) */ |
.stroke-purple-200 | stroke: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | /* oklch(90.2% 0.063 306.703) */ |
.stroke-purple-300 | stroke: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | /* oklch(82.7% 0.119 306.383) */ |
.stroke-purple-400 | stroke: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | /* oklch(71.4% 0.203 305.504) */ |
.stroke-purple-500 | stroke: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | /* oklch(62.7% 0.265 303.9) */ |
.stroke-purple-600 | stroke: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | /* oklch(55.8% 0.288 302.321) */ |
.stroke-purple-700 | stroke: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | /* oklch(49.6% 0.265 301.924) */ |
.stroke-purple-800 | stroke: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | /* oklch(43.8% 0.218 303.724) */ |
.stroke-purple-900 | stroke: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | /* oklch(38.1% 0.176 304.987) */ |
.stroke-purple-950 | stroke: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | /* oklch(29.1% 0.149 302.717) */ |
.stroke-fuchsia-50 | stroke: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | /* oklch(97.7% 0.017 320.058) */ |
.stroke-fuchsia-100 | stroke: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | /* oklch(95.2% 0.037 318.852) */ |
.stroke-fuchsia-200 | stroke: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | /* oklch(90.3% 0.076 319.62) */ |
.stroke-fuchsia-300 | stroke: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | /* oklch(83.3% 0.145 321.434) */ |
.stroke-fuchsia-400 | stroke: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | /* oklch(74% 0.238 322.16) */ |
.stroke-fuchsia-500 | stroke: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | /* oklch(66.7% 0.295 322.15) */ |
.stroke-fuchsia-600 | stroke: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | /* oklch(59.1% 0.293 322.896) */ |
.stroke-fuchsia-700 | stroke: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | /* oklch(51.8% 0.253 323.949) */ |
.stroke-fuchsia-800 | stroke: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | /* oklch(45.2% 0.211 324.591) */ |
.stroke-fuchsia-900 | stroke: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | /* oklch(40.1% 0.17 325.612) */ |
.stroke-fuchsia-950 | stroke: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | /* oklch(29.3% 0.136 325.661) */ |
.stroke-pink-50 | stroke: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | /* oklch(97.1% 0.014 343.198) */ |
.stroke-pink-100 | stroke: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | /* oklch(94.8% 0.028 342.258) */ |
.stroke-pink-200 | stroke: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | /* oklch(89.9% 0.061 343.231) */ |
.stroke-pink-300 | stroke: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | /* oklch(82.3% 0.12 346.018) */ |
.stroke-pink-400 | stroke: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | /* oklch(71.8% 0.202 349.761) */ |
.stroke-pink-500 | stroke: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | /* oklch(65.6% 0.241 354.308) */ |
.stroke-pink-600 | stroke: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | /* oklch(59.2% 0.249 0.584) */ |
.stroke-pink-700 | stroke: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | /* oklch(52.5% 0.223 3.958) */ |
.stroke-pink-800 | stroke: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | /* oklch(45.9% 0.187 3.815) */ |
.stroke-pink-900 | stroke: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | /* oklch(40.8% 0.153 2.432) */ |
.stroke-pink-950 | stroke: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | /* oklch(28.4% 0.109 3.907) */ |
.stroke-rose-50 | stroke: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | /* oklch(96.9% 0.015 12.422) */ |
.stroke-rose-100 | stroke: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | /* oklch(94.1% 0.03 12.58) */ |
.stroke-rose-200 | stroke: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | /* oklch(89.2% 0.058 10.001) */ |
.stroke-rose-300 | stroke: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | /* oklch(81% 0.117 11.638) */ |
.stroke-rose-400 | stroke: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | /* oklch(71.2% 0.194 13.428) */ |
.stroke-rose-500 | stroke: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | /* oklch(64.5% 0.246 16.439) */ |
.stroke-rose-600 | stroke: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | /* oklch(58.6% 0.253 17.585) */ |
.stroke-rose-700 | stroke: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | /* oklch(51.4% 0.222 16.935) */ |
.stroke-rose-800 | stroke: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | /* oklch(45.5% 0.188 13.697) */ |
.stroke-rose-900 | stroke: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | /* oklch(41% 0.159 10.272) */ |
.stroke-rose-950 | stroke: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | /* oklch(27.1% 0.105 12.094) */ |
.stroke-slate-50 | stroke: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | /* oklch(98.4% 0.003 247.858) */ |
.stroke-slate-100 | stroke: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | /* oklch(96.8% 0.007 247.896) */ |
.stroke-slate-200 | stroke: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | /* oklch(92.9% 0.013 255.508) */ |
.stroke-slate-300 | stroke: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | /* oklch(86.9% 0.022 252.894) */ |
.stroke-slate-400 | stroke: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | /* oklch(70.4% 0.04 256.788) */ |
.stroke-slate-500 | stroke: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | /* oklch(55.4% 0.046 257.417) */ |
.stroke-slate-600 | stroke: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | /* oklch(44.6% 0.043 257.281) */ |
.stroke-slate-700 | stroke: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | /* oklch(37.2% 0.044 257.287) */ |
.stroke-slate-800 | stroke: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | /* oklch(27.9% 0.041 260.031) */ |
.stroke-slate-900 | stroke: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | /* oklch(20.8% 0.042 265.755) */ |
.stroke-slate-950 | stroke: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | /* oklch(12.9% 0.042 264.695) */ |
.stroke-gray-50 | stroke: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | /* oklch(98.5% 0.002 247.839) */ |
.stroke-gray-100 | stroke: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | /* oklch(96.7% 0.003 264.542) */ |
.stroke-gray-200 | stroke: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | /* oklch(92.8% 0.006 264.531) */ |
.stroke-gray-300 | stroke: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | /* oklch(87.2% 0.01 258.338) */ |
.stroke-gray-400 | stroke: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | /* oklch(70.7% 0.022 261.325) */ |
.stroke-gray-500 | stroke: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | /* oklch(55.1% 0.027 264.364) */ |
.stroke-gray-600 | stroke: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | /* oklch(44.6% 0.03 256.802) */ |
.stroke-gray-700 | stroke: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | /* oklch(37.3% 0.034 259.733) */ |
.stroke-gray-800 | stroke: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | /* oklch(27.8% 0.033 256.848) */ |
.stroke-gray-900 | stroke: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | /* oklch(21% 0.034 264.665) */ |
.stroke-gray-950 | stroke: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | /* oklch(13% 0.028 261.692) */ |
.stroke-zinc-50 | stroke: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.stroke-zinc-100 | stroke: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | /* oklch(96.7% 0.001 286.375) */ |
.stroke-zinc-200 | stroke: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | /* oklch(92% 0.004 286.32) */ |
.stroke-zinc-300 | stroke: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | /* oklch(87.1% 0.006 286.286) */ |
.stroke-zinc-400 | stroke: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | /* oklch(70.5% 0.015 286.067) */ |
.stroke-zinc-500 | stroke: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | /* oklch(55.2% 0.016 285.938) */ |
.stroke-zinc-600 | stroke: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | /* oklch(44.2% 0.017 285.786) */ |
.stroke-zinc-700 | stroke: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | /* oklch(37% 0.013 285.805) */ |
.stroke-zinc-800 | stroke: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | /* oklch(27.4% 0.006 286.033) */ |
.stroke-zinc-900 | stroke: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | /* oklch(21% 0.006 285.885) */ |
.stroke-zinc-950 | stroke: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | /* oklch(14.1% 0.005 285.823) */ |
.stroke-neutral-50 | stroke: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | /* oklch(98.5% 0 0) */ |
.stroke-neutral-100 | stroke: var(--color-neutral-100); /* oklch(97% 0 0) */ | /* oklch(97% 0 0) */ |
.stroke-neutral-200 | stroke: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | /* oklch(92.2% 0 0) */ |
.stroke-neutral-300 | stroke: var(--color-neutral-300); /* oklch(87% 0 0) */ | /* oklch(87% 0 0) */ |
.stroke-neutral-400 | stroke: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | /* oklch(70.8% 0 0) */ |
.stroke-neutral-500 | stroke: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | /* oklch(55.6% 0 0) */ |
.stroke-neutral-600 | stroke: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | /* oklch(43.9% 0 0) */ |
.stroke-neutral-700 | stroke: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | /* oklch(37.1% 0 0) */ |
.stroke-neutral-800 | stroke: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | /* oklch(26.9% 0 0) */ |
.stroke-neutral-900 | stroke: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | /* oklch(20.5% 0 0) */ |
.stroke-neutral-950 | stroke: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | /* oklch(14.5% 0 0) */ |
.stroke-stone-50 | stroke: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | /* oklch(98.5% 0.001 106.423) */ |
.stroke-stone-100 | stroke: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | /* oklch(97% 0.001 106.424) */ |
.stroke-stone-200 | stroke: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | /* oklch(92.3% 0.003 48.717) */ |
.stroke-stone-300 | stroke: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | /* oklch(86.9% 0.005 56.366) */ |
.stroke-stone-400 | stroke: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | /* oklch(70.9% 0.01 56.259) */ |
.stroke-stone-500 | stroke: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | /* oklch(55.3% 0.013 58.071) */ |
.stroke-stone-600 | stroke: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | /* oklch(44.4% 0.011 73.639) */ |
.stroke-stone-700 | stroke: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | /* oklch(37.4% 0.01 67.558) */ |
.stroke-stone-800 | stroke: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | /* oklch(26.8% 0.007 34.298) */ |
.stroke-stone-900 | stroke: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | /* oklch(21.6% 0.006 56.043) */ |
.stroke-stone-950 | stroke: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | /* 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.
.stroke-<number> | stroke-width: <number>; | |
.stroke-(length:<custom-property>) | stroke-width: var(<custom-property>); | |
.stroke-[<value>] | stroke-width: <value>; |
Accessibility
forced-color-adjust
Utilities for opting in and out of forced colors.
.forced-color-adjust-auto | forced-color-adjust: auto; | |
.forced-color-adjust-none | forced-color-adjust: none; |