⌘ 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 |
.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) |
.columns-2xs | columns: var(--container-2xs); | 18rem (288px) |
.columns-xs | columns: var(--container-xs); | 20rem (320px) |
.columns-sm | columns: var(--container-sm); | 24rem (384px) |
.columns-md | columns: var(--container-md); | 28rem (448px) |
.columns-lg | columns: var(--container-lg); | 32rem (512px) |
.columns-xl | columns: var(--container-xl); | 36rem (576px) |
.columns-2xl | columns: var(--container-2xl); | 42rem (672px) |
.columns-3xl | columns: var(--container-3xl); | 48rem (768px) |
.columns-4xl | columns: var(--container-4xl); | 56rem (896px) |
.columns-5xl | columns: var(--container-5xl); | 64rem (1024px) |
.columns-6xl | columns: var(--container-6xl); | 72rem (1152px) |
.columns-7xl | columns: var(--container-7xl); | 80rem (1280px) |
.columns-auto | columns: auto; | |
.columns-(<custom-property>) | columns: var(<custom-property>); | |
.columns-[<value>] | columns: <value>; |
break-after
Utilities for controlling how a column or page should break after an element.
.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-bottom | object-position: bottom; | |
.object-center | object-position: center; | |
.object-left | object-position: left; | |
.object-left-bottom | object-position: left bottom; | |
.object-left-top | object-position: left top; | |
.object-right | object-position: right; | |
.object-right-bottom | object-position: right bottom; | |
.object-right-top | object-position: right top; | |
.object-top | object-position: top; | |
.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) |
.basis-2xs | flex-basis: var(--container-2xs); | 18rem (288px) |
.basis-xs | flex-basis: var(--container-xs); | 20rem (320px) |
.basis-sm | flex-basis: var(--container-sm); | 24rem (384px) |
.basis-md | flex-basis: var(--container-md); | 28rem (448px) |
.basis-lg | flex-basis: var(--container-lg); | 32rem (512px) |
.basis-xl | flex-basis: var(--container-xl); | 36rem (576px) |
.basis-2xl | flex-basis: var(--container-2xl); | 42rem (672px) |
.basis-3xl | flex-basis: var(--container-3xl); | 48rem (768px) |
.basis-4xl | flex-basis: var(--container-4xl); | 56rem (896px) |
.basis-5xl | flex-basis: var(--container-5xl); | 64rem (1024px) |
.basis-6xl | flex-basis: var(--container-6xl); | 72rem (1152px) |
.basis-7xl | flex-basis: var(--container-7xl); | 80rem (1280px) |
.basis-(<custom-property>) | flex-basis: var(<custom-property>); | |
.basis-[<value>] | flex-basis: <value>; |
flex-direction
Utilities for controlling the direction of flex items.
.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-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-(<custom-property>) | grid-column: var(<custom-property>); | |
.col-[<value>] | grid-column: <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>; |
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-(<custom-property>) | grid-row: var(<custom-property>); | |
.row-[<value>] | grid-row: <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>; |
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-center | justify-content: 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-center | justify-items: 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-end | justify-self: end; | |
.justify-self-center | justify-self: center; | |
.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-center | align-items: center; | |
.items-baseline | align-items: 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-center | align-self: center; | |
.self-stretch | align-self: stretch; | |
.self-baseline | align-self: baseline; |
place-content
Utilities for controlling how content is justified and aligned at the same time.
.place-content-center | place-content: center; | |
.place-content-start | place-content: start; | |
.place-content-end | place-content: 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-center | place-items: 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-center | place-self: center; | |
.place-self-stretch | place-self: stretch; |
Spacing
padding
Utilities for controlling an element's padding.
.p-<number> | padding: calc(var(--spacing) * <number>); | |
.p-(<custom-property>) | padding: var(<custom-property>); | |
.p-[<value>] | padding: <value>; | |
.px-<number> | padding-inline: calc(var(--spacing) * <number>); | |
.px-(<custom-property>) | padding-inline: var(<custom-property>); | |
.px-[<value>] | padding-inline: <value>; | |
.py-<number> | padding-block: calc(var(--spacing) * <number>); | |
.py-(<custom-property>) | padding-block: var(<custom-property>); | |
.py-[<value>] | padding-block: <value>; | |
.ps-<number> | padding-inline-start: calc(var(--spacing) * <number>); | |
.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-(<custom-property>) | padding-inline-end: var(<custom-property>); | |
.pe-[<value>] | padding-inline-end: <value>; | |
.pt-<number> | padding-top: calc(var(--spacing) * <number>); | |
.pt-(<custom-property>) | padding-top: var(<custom-property>); | |
.pt-[<value>] | padding-top: <value>; | |
.pr-<number> | padding-right: calc(var(--spacing) * <number>); | |
.pr-(<custom-property>) | padding-right: var(<custom-property>); | |
.pr-[<value>] | padding-right: <value>; | |
.pb-<number> | padding-bottom: calc(var(--spacing) * <number>); | |
.pb-(<custom-property>) | padding-bottom: var(<custom-property>); | |
.pb-[<value>] | padding-bottom: <value>; | |
.pl-<number> | padding-left: calc(var(--spacing) * <number>); | |
.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-(<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-(<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-(<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-(<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-(<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-(<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-(<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-(<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-(<custom-property>) | margin-left: var(<custom-property>); | |
.ml-[<value>] | margin-left: <value>; | |
.space-x-<number> | & > :not(:last-child) {
margin-inline-start: calc(var(--spacing) * <number>);
margin-inline-end: calc(var(--spacing) * <number>);
}; | |
.-space-x-<number> | & > :not(:last-child) {
margin-inline-start: calc(var(--spacing) * -<number>);
margin-inline-end: calc(var(--spacing) * -<number>);
}; | |
.space-x-(<custom-property>) | & > :not(:last-child) {
margin-inline-start: <custom-property>;
margin-inline-end: <custom-property>);
}; | |
.space-x-[<value>] | & > :not(:last-child) {
margin-inline-start: <value>;
margin-inline-end: <value>);
}; | |
.space-y-<number> | & > :not(:last-child) {
margin-block-start: calc(var(--spacing) * <number>);
margin-block-end: calc(var(--spacing) * <number>);
}; | |
.-space-y-<number> | & > :not(:last-child) {
margin-block-start: calc(var(--spacing) * -<number>);
margin-block-end: calc(var(--spacing) * -<number>);
}; | |
.space-y-(<custom-property>) | & > :not(:last-child) {
margin-block-start: <custom-property>;
margin-block-end: <custom-property>);
}; | |
.space-y-[<value>] | & > :not(:last-child) {
margin-block-start: <value>;
margin-block-end: <value>);
}; | |
.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) |
.w-2xs | width: var(--container-2xs); | 18rem (288px) |
.w-xs | width: var(--container-xs); | 20rem (320px) |
.w-sm | width: var(--container-sm); | 24rem (384px) |
.w-md | width: var(--container-md); | 28rem (448px) |
.w-lg | width: var(--container-lg); | 32rem (512px) |
.w-xl | width: var(--container-xl); | 36rem (576px) |
.w-2xl | width: var(--container-2xl); | 42rem (672px) |
.w-3xl | width: var(--container-3xl); | 48rem (768px) |
.w-4xl | width: var(--container-4xl); | 56rem (896px) |
.w-5xl | width: var(--container-5xl); | 64rem (1024px) |
.w-6xl | width: var(--container-6xl); | 72rem (1152px) |
.w-7xl | width: var(--container-7xl); | 80rem (1280px) |
.w-auto | width: auto; | |
.w-px | width: 1px; | |
.w-full | width: 100%; | |
.w-screen | width: 100vw; | |
.w-dvw | width: 100dvw; | |
.w-dvh | width: 100dvh; | |
.w-lvw | width: 100lvw; | |
.w-lvh | width: 100lvh; | |
.w-svw | width: 100svw; | |
.w-svh | width: 100svh; | |
.w-min | width: min-content; | |
.w-max | width: max-content; | |
.w-fit | width: fit-content; | |
.w-(<custom-property>) | width: var(<custom-property>); | |
.w-[<value>] | width: <value>; | |
.size-<number> | width: calc(var(--spacing) * <number>);
height: calc(var(--spacing) * <number>); | |
.size-<fraction> | width: calc(<fraction> * 100%);
height: calc(<fraction> * 100%); | |
.size-auto | width: auto;
height: auto; | |
.size-px | width: 1px;
height: 1px; | |
.size-full | width: 100%;
height: 100%; | |
.size-dvw | width: 100dvw;
height: 100dvw; | |
.size-dvh | width: 100dvh;
height: 100dvh; | |
.size-lvw | width: 100lvw;
height: 100lvw; | |
.size-lvh | width: 100lvh;
height: 100lvh; | |
.size-svw | width: 100svw;
height: 100svw; | |
.size-svh | width: 100svh;
height: 100svh; | |
.size-min | width: min-content;
height: min-content; | |
.size-max | width: max-content;
height: max-content; | |
.size-fit | width: fit-content;
height: fit-content; | |
.size-(<custom-property>) | width: var(<custom-property>);
height: var(<custom-property>); | |
.size-[<value>] | width: <value>;
height: <value>; |
min-width
Utilities for setting the minimum width of an element.
.min-w-<number> | min-width: calc(var(--spacing) * <number>); | |
.min-w-<fraction> | min-width: calc(<fraction> * 100%); | |
.min-w-3xs | min-width: var(--container-3xs); | 16rem (256px) |
.min-w-2xs | min-width: var(--container-2xs); | 18rem (288px) |
.min-w-xs | min-width: var(--container-xs); | 20rem (320px) |
.min-w-sm | min-width: var(--container-sm); | 24rem (384px) |
.min-w-md | min-width: var(--container-md); | 28rem (448px) |
.min-w-lg | min-width: var(--container-lg); | 32rem (512px) |
.min-w-xl | min-width: var(--container-xl); | 36rem (576px) |
.min-w-2xl | min-width: var(--container-2xl); | 42rem (672px) |
.min-w-3xl | min-width: var(--container-3xl); | 48rem (768px) |
.min-w-4xl | min-width: var(--container-4xl); | 56rem (896px) |
.min-w-5xl | min-width: var(--container-5xl); | 64rem (1024px) |
.min-w-6xl | min-width: var(--container-6xl); | 72rem (1152px) |
.min-w-7xl | min-width: var(--container-7xl); | 80rem (1280px) |
.min-w-auto | min-width: auto; | |
.min-w-px | min-width: 1px; | |
.min-w-full | min-width: 100%; | |
.min-w-screen | min-width: 100vw; | |
.min-w-dvw | min-width: 100dvw; | |
.min-w-dvh | min-width: 100dvh; | |
.min-w-lvw | min-width: 100lvw; | |
.min-w-lvh | min-width: 100lvh; | |
.min-w-svw | min-width: 100svw; | |
.min-w-svh | min-width: 100svh; | |
.min-w-min | min-width: min-content; | |
.min-w-max | min-width: max-content; | |
.min-w-fit | min-width: fit-content; | |
.min-w-(<custom-property>) | min-width: var(<custom-property>); | |
.min-w-[<value>] | min-width: <value>; |
max-width
Utilities for setting the maximum width of an element.
.max-w-<number> | max-width: calc(var(--spacing) * <number>); | |
.max-w-<fraction> | max-width: calc(<fraction> * 100%); | |
.max-w-3xs | max-width: var(--container-3xs); | 16rem (256px) |
.max-w-2xs | max-width: var(--container-2xs); | 18rem (288px) |
.max-w-xs | max-width: var(--container-xs); | 20rem (320px) |
.max-w-sm | max-width: var(--container-sm); | 24rem (384px) |
.max-w-md | max-width: var(--container-md); | 28rem (448px) |
.max-w-lg | max-width: var(--container-lg); | 32rem (512px) |
.max-w-xl | max-width: var(--container-xl); | 36rem (576px) |
.max-w-2xl | max-width: var(--container-2xl); | 42rem (672px) |
.max-w-3xl | max-width: var(--container-3xl); | 48rem (768px) |
.max-w-4xl | max-width: var(--container-4xl); | 56rem (896px) |
.max-w-5xl | max-width: var(--container-5xl); | 64rem (1024px) |
.max-w-6xl | max-width: var(--container-6xl); | 72rem (1152px) |
.max-w-7xl | max-width: var(--container-7xl); | 80rem (1280px) |
.max-w-auto | max-width: auto; | |
.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-auto | min-height: auto; | |
.min-h-none | min-height: none; | |
.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-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-auto | max-height: auto; | |
.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' |
.font-serif | font-family: var(--font-serif); | ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif |
.font-mono | font-family: var(--font-mono); | ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace |
.font-(family-name:<custom-property>) | font-family: var(<custom-property>); | |
.font-[<value>] | font-family: <value>; |
font-size
Utilities for controlling the font size of an element.
.text-xs | font-size: var(--text-xs);
line-height: var(--text-xs--line-height); | 0.75rem (12px) |
.text-sm | font-size: var(--text-sm);
line-height: var(--text-sm--line-height); | 0.875rem (14px) |
.text-base | font-size: var(--text-base);
line-height: var(--text-base--line-height); | 1rem (16px) |
.text-lg | font-size: var(--text-lg);
line-height: var(--text-lg--line-height); | 1.125rem (18px) |
.text-xl | font-size: var(--text-xl);
line-height: var(--text-xl--line-height); | 1.25rem (20px) |
.text-2xl | font-size: var(--text-2xl);
line-height: var(--text-2xl--line-height); | 1.5rem (24px) |
.text-3xl | font-size: var(--text-3xl);
line-height: var(--text-3xl--line-height); | 1.875rem (30px) |
.text-4xl | font-size: var(--text-4xl);
line-height: var(--text-4xl--line-height); | 2.25rem (36px) |
.text-5xl | font-size: var(--text-5xl);
line-height: var(--text-5xl--line-height); | 3rem (48px) |
.text-6xl | font-size: var(--text-6xl);
line-height: var(--text-6xl--line-height); | 3.75rem (60px) |
.text-7xl | font-size: var(--text-7xl);
line-height: var(--text-7xl--line-height); | 4.5rem (72px) |
.text-8xl | font-size: var(--text-8xl);
line-height: var(--text-8xl--line-height); | 6rem (96px) |
.text-9xl | font-size: var(--text-9xl);
line-height: var(--text-9xl--line-height); | 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% |
.font-stretch-extra-condensed | font-stretch: extra-condensed; | 62.5% |
.font-stretch-condensed | font-stretch: condensed; | 75% |
.font-stretch-semi-condensed | font-stretch: semi-condensed; | 87.5% |
.font-stretch-normal | font-stretch: normal; | 100% |
.font-stretch-semi-expanded | font-stretch: semi-expanded; | 112.5% |
.font-stretch-expanded | font-stretch: expanded; | 125% |
.font-stretch-extra-expanded | font-stretch: extra-expanded; | 150% |
.font-stretch-ultra-expanded | font-stretch: ultra-expanded; | 200% |
.font-stretch-<percentage> | font-stretch: <percentage>; | |
.font-stretch-(<custom-property>) | font-stretch: var(<custom-property>); | |
.font-stretch-[<value>] | font-stretch: <value>; |
font-variant-numeric
Utilities for controlling the variant of numbers.
.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 |
.tracking-tight | letter-spacing: var(--tracking-tight); | -0.025em |
.tracking-normal | letter-spacing: var(--tracking-normal); | 0em |
.tracking-wide | letter-spacing: var(--tracking-wide); | 0.025em |
.tracking-wider | letter-spacing: var(--tracking-wider); | 0.05em |
.tracking-widest | letter-spacing: var(--tracking-widest); | 0.1em |
.tracking-(<custom-property>) | letter-spacing: var(<custom-property>); | |
.tracking-[<value>] | letter-spacing: <value>; |
line-clamp
Utilities for clamping text to a specific number of lines.
.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 |
.text-white | color: var(--color-white); | #fff |
.text-red-50 | color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.text-red-100 | color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.text-red-200 | color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.text-red-300 | color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.text-red-400 | color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.text-red-500 | color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.text-red-600 | color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.text-red-700 | color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.text-red-800 | color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.text-red-900 | color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.text-red-950 | color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.text-orange-50 | color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.text-orange-100 | color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.text-orange-200 | color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.text-orange-300 | color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.text-orange-400 | color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.text-orange-500 | color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.text-orange-600 | color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.text-orange-700 | color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.text-orange-800 | color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.text-orange-900 | color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.text-orange-950 | color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.text-amber-50 | color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.text-amber-100 | color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.text-amber-200 | color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.text-amber-300 | color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.text-amber-400 | color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.text-amber-500 | color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.text-amber-600 | color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.text-amber-700 | color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.text-amber-800 | color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.text-amber-900 | color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.text-amber-950 | color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.text-yellow-50 | color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.text-yellow-100 | color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.text-yellow-200 | color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.text-yellow-300 | color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.text-yellow-400 | color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.text-yellow-500 | color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.text-yellow-600 | color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.text-yellow-700 | color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.text-yellow-800 | color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.text-yellow-900 | color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.text-yellow-950 | color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.text-lime-50 | color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.text-lime-100 | color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.text-lime-200 | color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.text-lime-300 | color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.text-lime-400 | color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.text-lime-500 | color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.text-lime-600 | color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.text-lime-700 | color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.text-lime-800 | color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.text-lime-900 | color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.text-lime-950 | color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.text-green-50 | color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.text-green-100 | color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.text-green-200 | color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.text-green-300 | color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.text-green-400 | color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.text-green-500 | color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.text-green-600 | color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.text-green-700 | color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.text-green-800 | color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.text-green-900 | color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.text-green-950 | color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.text-emerald-50 | color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.text-emerald-100 | color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.text-emerald-200 | color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.text-emerald-300 | color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.text-emerald-400 | color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.text-emerald-500 | color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.text-emerald-600 | color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.text-emerald-700 | color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.text-emerald-800 | color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.text-emerald-900 | color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.text-emerald-950 | color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.text-teal-50 | color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.text-teal-100 | color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.text-teal-200 | color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.text-teal-300 | color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.text-teal-400 | color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.text-teal-500 | color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.text-teal-600 | color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.text-teal-700 | color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.text-teal-800 | color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.text-teal-900 | color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.text-teal-950 | color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.text-cyan-50 | color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.text-cyan-100 | color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.text-cyan-200 | color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.text-cyan-300 | color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.text-cyan-400 | color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.text-cyan-500 | color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.text-cyan-600 | color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.text-cyan-700 | color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.text-cyan-800 | color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.text-cyan-900 | color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.text-cyan-950 | color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.text-sky-50 | color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.text-sky-100 | color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.text-sky-200 | color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.text-sky-300 | color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.text-sky-400 | color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.text-sky-500 | color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.text-sky-600 | color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.text-sky-700 | color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.text-sky-800 | color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.text-sky-900 | color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.text-sky-950 | color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.text-blue-50 | color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.text-blue-100 | color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.text-blue-200 | color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.text-blue-300 | color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.text-blue-400 | color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.text-blue-500 | color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.text-blue-600 | color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.text-blue-700 | color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.text-blue-800 | color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.text-blue-900 | color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.text-blue-950 | color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.text-indigo-50 | color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.text-indigo-100 | color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.text-indigo-200 | color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.text-indigo-300 | color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.text-indigo-400 | color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.text-indigo-500 | color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.text-indigo-600 | color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.text-indigo-700 | color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.text-indigo-800 | color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.text-indigo-900 | color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.text-indigo-950 | color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.text-violet-50 | color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.text-violet-100 | color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.text-violet-200 | color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.text-violet-300 | color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.text-violet-400 | color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.text-violet-500 | color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.text-violet-600 | color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.text-violet-700 | color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.text-violet-800 | color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.text-violet-900 | color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.text-violet-950 | color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.text-purple-50 | color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.text-purple-100 | color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.text-purple-200 | color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.text-purple-300 | color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.text-purple-400 | color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.text-purple-500 | color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.text-purple-600 | color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.text-purple-700 | color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.text-purple-800 | color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.text-purple-900 | color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.text-purple-950 | color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.text-fuchsia-50 | color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.text-fuchsia-100 | color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.text-fuchsia-200 | color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.text-fuchsia-300 | color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.text-fuchsia-400 | color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.text-fuchsia-500 | color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.text-fuchsia-600 | color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.text-fuchsia-700 | color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.text-fuchsia-800 | color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.text-fuchsia-900 | color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.text-fuchsia-950 | color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.text-pink-50 | color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.text-pink-100 | color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.text-pink-200 | color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.text-pink-300 | color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.text-pink-400 | color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.text-pink-500 | color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.text-pink-600 | color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.text-pink-700 | color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.text-pink-800 | color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.text-pink-900 | color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.text-pink-950 | color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.text-rose-50 | color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.text-rose-100 | color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.text-rose-200 | color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.text-rose-300 | color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.text-rose-400 | color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.text-rose-500 | color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.text-rose-600 | color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.text-rose-700 | color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.text-rose-800 | color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.text-rose-900 | color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.text-rose-950 | color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.text-slate-50 | color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.text-slate-100 | color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.text-slate-200 | color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.text-slate-300 | color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.text-slate-400 | color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.text-slate-500 | color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.text-slate-600 | color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.text-slate-700 | color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.text-slate-800 | color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.text-slate-900 | color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.text-slate-950 | color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.text-gray-50 | color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.text-gray-100 | color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.text-gray-200 | color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.text-gray-300 | color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.text-gray-400 | color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.text-gray-500 | color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.text-gray-600 | color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.text-gray-700 | color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.text-gray-800 | color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.text-gray-900 | color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.text-gray-950 | color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.text-zinc-50 | color: var(--color-zinc-50); | oklch(0.985 0 0) |
.text-zinc-100 | color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.text-zinc-200 | color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.text-zinc-300 | color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.text-zinc-400 | color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.text-zinc-500 | color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.text-zinc-600 | color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.text-zinc-700 | color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.text-zinc-800 | color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.text-zinc-900 | color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.text-zinc-950 | color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.text-neutral-50 | color: var(--color-neutral-50); | oklch(0.985 0 0) |
.text-neutral-100 | color: var(--color-neutral-100); | oklch(0.97 0 0) |
.text-neutral-200 | color: var(--color-neutral-200); | oklch(0.922 0 0) |
.text-neutral-300 | color: var(--color-neutral-300); | oklch(0.87 0 0) |
.text-neutral-400 | color: var(--color-neutral-400); | oklch(0.708 0 0) |
.text-neutral-500 | color: var(--color-neutral-500); | oklch(0.556 0 0) |
.text-neutral-600 | color: var(--color-neutral-600); | oklch(0.439 0 0) |
.text-neutral-700 | color: var(--color-neutral-700); | oklch(0.371 0 0) |
.text-neutral-800 | color: var(--color-neutral-800); | oklch(0.269 0 0) |
.text-neutral-900 | color: var(--color-neutral-900); | oklch(0.205 0 0) |
.text-neutral-950 | color: var(--color-neutral-950); | oklch(0.145 0 0) |
.text-stone-50 | color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.text-stone-100 | color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.text-stone-200 | color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.text-stone-300 | color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.text-stone-400 | color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.text-stone-500 | color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.text-stone-600 | color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.text-stone-700 | color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.text-stone-800 | color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.text-stone-900 | color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.text-stone-950 | color: var(--color-stone-950); | oklch(0.147 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 |
.decoration-white | text-decoration-color: var(--color-white); | #fff |
.decoration-red-50 | text-decoration-color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.decoration-red-100 | text-decoration-color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.decoration-red-200 | text-decoration-color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.decoration-red-300 | text-decoration-color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.decoration-red-400 | text-decoration-color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.decoration-red-500 | text-decoration-color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.decoration-red-600 | text-decoration-color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.decoration-red-700 | text-decoration-color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.decoration-red-800 | text-decoration-color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.decoration-red-900 | text-decoration-color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.decoration-red-950 | text-decoration-color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.decoration-orange-50 | text-decoration-color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.decoration-orange-100 | text-decoration-color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.decoration-orange-200 | text-decoration-color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.decoration-orange-300 | text-decoration-color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.decoration-orange-400 | text-decoration-color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.decoration-orange-500 | text-decoration-color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.decoration-orange-600 | text-decoration-color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.decoration-orange-700 | text-decoration-color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.decoration-orange-800 | text-decoration-color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.decoration-orange-900 | text-decoration-color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.decoration-orange-950 | text-decoration-color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.decoration-amber-50 | text-decoration-color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.decoration-amber-100 | text-decoration-color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.decoration-amber-200 | text-decoration-color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.decoration-amber-300 | text-decoration-color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.decoration-amber-400 | text-decoration-color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.decoration-amber-500 | text-decoration-color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.decoration-amber-600 | text-decoration-color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.decoration-amber-700 | text-decoration-color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.decoration-amber-800 | text-decoration-color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.decoration-amber-900 | text-decoration-color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.decoration-amber-950 | text-decoration-color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.decoration-yellow-50 | text-decoration-color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.decoration-yellow-100 | text-decoration-color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.decoration-yellow-200 | text-decoration-color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.decoration-yellow-300 | text-decoration-color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.decoration-yellow-400 | text-decoration-color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.decoration-yellow-500 | text-decoration-color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.decoration-yellow-600 | text-decoration-color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.decoration-yellow-700 | text-decoration-color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.decoration-yellow-800 | text-decoration-color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.decoration-yellow-900 | text-decoration-color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.decoration-yellow-950 | text-decoration-color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.decoration-lime-50 | text-decoration-color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.decoration-lime-100 | text-decoration-color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.decoration-lime-200 | text-decoration-color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.decoration-lime-300 | text-decoration-color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.decoration-lime-400 | text-decoration-color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.decoration-lime-500 | text-decoration-color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.decoration-lime-600 | text-decoration-color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.decoration-lime-700 | text-decoration-color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.decoration-lime-800 | text-decoration-color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.decoration-lime-900 | text-decoration-color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.decoration-lime-950 | text-decoration-color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.decoration-green-50 | text-decoration-color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.decoration-green-100 | text-decoration-color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.decoration-green-200 | text-decoration-color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.decoration-green-300 | text-decoration-color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.decoration-green-400 | text-decoration-color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.decoration-green-500 | text-decoration-color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.decoration-green-600 | text-decoration-color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.decoration-green-700 | text-decoration-color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.decoration-green-800 | text-decoration-color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.decoration-green-900 | text-decoration-color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.decoration-green-950 | text-decoration-color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.decoration-emerald-50 | text-decoration-color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.decoration-emerald-100 | text-decoration-color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.decoration-emerald-200 | text-decoration-color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.decoration-emerald-300 | text-decoration-color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.decoration-emerald-400 | text-decoration-color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.decoration-emerald-500 | text-decoration-color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.decoration-emerald-600 | text-decoration-color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.decoration-emerald-700 | text-decoration-color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.decoration-emerald-800 | text-decoration-color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.decoration-emerald-900 | text-decoration-color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.decoration-emerald-950 | text-decoration-color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.decoration-teal-50 | text-decoration-color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.decoration-teal-100 | text-decoration-color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.decoration-teal-200 | text-decoration-color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.decoration-teal-300 | text-decoration-color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.decoration-teal-400 | text-decoration-color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.decoration-teal-500 | text-decoration-color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.decoration-teal-600 | text-decoration-color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.decoration-teal-700 | text-decoration-color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.decoration-teal-800 | text-decoration-color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.decoration-teal-900 | text-decoration-color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.decoration-teal-950 | text-decoration-color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.decoration-cyan-50 | text-decoration-color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.decoration-cyan-100 | text-decoration-color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.decoration-cyan-200 | text-decoration-color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.decoration-cyan-300 | text-decoration-color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.decoration-cyan-400 | text-decoration-color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.decoration-cyan-500 | text-decoration-color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.decoration-cyan-600 | text-decoration-color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.decoration-cyan-700 | text-decoration-color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.decoration-cyan-800 | text-decoration-color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.decoration-cyan-900 | text-decoration-color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.decoration-cyan-950 | text-decoration-color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.decoration-sky-50 | text-decoration-color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.decoration-sky-100 | text-decoration-color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.decoration-sky-200 | text-decoration-color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.decoration-sky-300 | text-decoration-color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.decoration-sky-400 | text-decoration-color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.decoration-sky-500 | text-decoration-color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.decoration-sky-600 | text-decoration-color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.decoration-sky-700 | text-decoration-color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.decoration-sky-800 | text-decoration-color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.decoration-sky-900 | text-decoration-color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.decoration-sky-950 | text-decoration-color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.decoration-blue-50 | text-decoration-color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.decoration-blue-100 | text-decoration-color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.decoration-blue-200 | text-decoration-color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.decoration-blue-300 | text-decoration-color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.decoration-blue-400 | text-decoration-color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.decoration-blue-500 | text-decoration-color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.decoration-blue-600 | text-decoration-color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.decoration-blue-700 | text-decoration-color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.decoration-blue-800 | text-decoration-color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.decoration-blue-900 | text-decoration-color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.decoration-blue-950 | text-decoration-color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.decoration-indigo-50 | text-decoration-color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.decoration-indigo-100 | text-decoration-color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.decoration-indigo-200 | text-decoration-color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.decoration-indigo-300 | text-decoration-color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.decoration-indigo-400 | text-decoration-color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.decoration-indigo-500 | text-decoration-color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.decoration-indigo-600 | text-decoration-color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.decoration-indigo-700 | text-decoration-color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.decoration-indigo-800 | text-decoration-color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.decoration-indigo-900 | text-decoration-color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.decoration-indigo-950 | text-decoration-color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.decoration-violet-50 | text-decoration-color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.decoration-violet-100 | text-decoration-color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.decoration-violet-200 | text-decoration-color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.decoration-violet-300 | text-decoration-color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.decoration-violet-400 | text-decoration-color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.decoration-violet-500 | text-decoration-color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.decoration-violet-600 | text-decoration-color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.decoration-violet-700 | text-decoration-color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.decoration-violet-800 | text-decoration-color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.decoration-violet-900 | text-decoration-color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.decoration-violet-950 | text-decoration-color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.decoration-purple-50 | text-decoration-color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.decoration-purple-100 | text-decoration-color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.decoration-purple-200 | text-decoration-color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.decoration-purple-300 | text-decoration-color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.decoration-purple-400 | text-decoration-color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.decoration-purple-500 | text-decoration-color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.decoration-purple-600 | text-decoration-color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.decoration-purple-700 | text-decoration-color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.decoration-purple-800 | text-decoration-color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.decoration-purple-900 | text-decoration-color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.decoration-purple-950 | text-decoration-color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.decoration-fuchsia-50 | text-decoration-color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.decoration-fuchsia-100 | text-decoration-color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.decoration-fuchsia-200 | text-decoration-color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.decoration-fuchsia-300 | text-decoration-color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.decoration-fuchsia-400 | text-decoration-color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.decoration-fuchsia-500 | text-decoration-color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.decoration-fuchsia-600 | text-decoration-color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.decoration-fuchsia-700 | text-decoration-color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.decoration-fuchsia-800 | text-decoration-color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.decoration-fuchsia-900 | text-decoration-color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.decoration-fuchsia-950 | text-decoration-color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.decoration-pink-50 | text-decoration-color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.decoration-pink-100 | text-decoration-color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.decoration-pink-200 | text-decoration-color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.decoration-pink-300 | text-decoration-color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.decoration-pink-400 | text-decoration-color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.decoration-pink-500 | text-decoration-color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.decoration-pink-600 | text-decoration-color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.decoration-pink-700 | text-decoration-color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.decoration-pink-800 | text-decoration-color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.decoration-pink-900 | text-decoration-color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.decoration-pink-950 | text-decoration-color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.decoration-rose-50 | text-decoration-color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.decoration-rose-100 | text-decoration-color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.decoration-rose-200 | text-decoration-color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.decoration-rose-300 | text-decoration-color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.decoration-rose-400 | text-decoration-color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.decoration-rose-500 | text-decoration-color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.decoration-rose-600 | text-decoration-color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.decoration-rose-700 | text-decoration-color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.decoration-rose-800 | text-decoration-color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.decoration-rose-900 | text-decoration-color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.decoration-rose-950 | text-decoration-color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.decoration-slate-50 | text-decoration-color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.decoration-slate-100 | text-decoration-color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.decoration-slate-200 | text-decoration-color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.decoration-slate-300 | text-decoration-color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.decoration-slate-400 | text-decoration-color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.decoration-slate-500 | text-decoration-color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.decoration-slate-600 | text-decoration-color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.decoration-slate-700 | text-decoration-color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.decoration-slate-800 | text-decoration-color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.decoration-slate-900 | text-decoration-color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.decoration-slate-950 | text-decoration-color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.decoration-gray-50 | text-decoration-color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.decoration-gray-100 | text-decoration-color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.decoration-gray-200 | text-decoration-color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.decoration-gray-300 | text-decoration-color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.decoration-gray-400 | text-decoration-color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.decoration-gray-500 | text-decoration-color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.decoration-gray-600 | text-decoration-color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.decoration-gray-700 | text-decoration-color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.decoration-gray-800 | text-decoration-color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.decoration-gray-900 | text-decoration-color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.decoration-gray-950 | text-decoration-color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.decoration-zinc-50 | text-decoration-color: var(--color-zinc-50); | oklch(0.985 0 0) |
.decoration-zinc-100 | text-decoration-color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.decoration-zinc-200 | text-decoration-color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.decoration-zinc-300 | text-decoration-color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.decoration-zinc-400 | text-decoration-color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.decoration-zinc-500 | text-decoration-color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.decoration-zinc-600 | text-decoration-color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.decoration-zinc-700 | text-decoration-color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.decoration-zinc-800 | text-decoration-color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.decoration-zinc-900 | text-decoration-color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.decoration-zinc-950 | text-decoration-color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.decoration-neutral-50 | text-decoration-color: var(--color-neutral-50); | oklch(0.985 0 0) |
.decoration-neutral-100 | text-decoration-color: var(--color-neutral-100); | oklch(0.97 0 0) |
.decoration-neutral-200 | text-decoration-color: var(--color-neutral-200); | oklch(0.922 0 0) |
.decoration-neutral-300 | text-decoration-color: var(--color-neutral-300); | oklch(0.87 0 0) |
.decoration-neutral-400 | text-decoration-color: var(--color-neutral-400); | oklch(0.708 0 0) |
.decoration-neutral-500 | text-decoration-color: var(--color-neutral-500); | oklch(0.556 0 0) |
.decoration-neutral-600 | text-decoration-color: var(--color-neutral-600); | oklch(0.439 0 0) |
.decoration-neutral-700 | text-decoration-color: var(--color-neutral-700); | oklch(0.371 0 0) |
.decoration-neutral-800 | text-decoration-color: var(--color-neutral-800); | oklch(0.269 0 0) |
.decoration-neutral-900 | text-decoration-color: var(--color-neutral-900); | oklch(0.205 0 0) |
.decoration-neutral-950 | text-decoration-color: var(--color-neutral-950); | oklch(0.145 0 0) |
.decoration-stone-50 | text-decoration-color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.decoration-stone-100 | text-decoration-color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.decoration-stone-200 | text-decoration-color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.decoration-stone-300 | text-decoration-color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.decoration-stone-400 | text-decoration-color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.decoration-stone-500 | text-decoration-color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.decoration-stone-600 | text-decoration-color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.decoration-stone-700 | text-decoration-color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.decoration-stone-800 | text-decoration-color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.decoration-stone-900 | text-decoration-color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.decoration-stone-950 | text-decoration-color: var(--color-stone-950); | oklch(0.147 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 | overflow-wrap: normal;
word-break: normal; | |
.break-words | overflow-wrap: break-word; | |
.break-all | word-break: break-all; | |
.break-keep | word-break: keep-all; |
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 |
.bg-white | background-color: var(--color-white); | #fff |
.bg-red-50 | background-color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.bg-red-100 | background-color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.bg-red-200 | background-color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.bg-red-300 | background-color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.bg-red-400 | background-color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.bg-red-500 | background-color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.bg-red-600 | background-color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.bg-red-700 | background-color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.bg-red-800 | background-color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.bg-red-900 | background-color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.bg-red-950 | background-color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.bg-orange-50 | background-color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.bg-orange-100 | background-color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.bg-orange-200 | background-color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.bg-orange-300 | background-color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.bg-orange-400 | background-color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.bg-orange-500 | background-color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.bg-orange-600 | background-color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.bg-orange-700 | background-color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.bg-orange-800 | background-color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.bg-orange-900 | background-color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.bg-orange-950 | background-color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.bg-amber-50 | background-color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.bg-amber-100 | background-color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.bg-amber-200 | background-color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.bg-amber-300 | background-color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.bg-amber-400 | background-color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.bg-amber-500 | background-color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.bg-amber-600 | background-color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.bg-amber-700 | background-color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.bg-amber-800 | background-color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.bg-amber-900 | background-color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.bg-amber-950 | background-color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.bg-yellow-50 | background-color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.bg-yellow-100 | background-color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.bg-yellow-200 | background-color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.bg-yellow-300 | background-color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.bg-yellow-400 | background-color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.bg-yellow-500 | background-color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.bg-yellow-600 | background-color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.bg-yellow-700 | background-color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.bg-yellow-800 | background-color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.bg-yellow-900 | background-color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.bg-yellow-950 | background-color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.bg-lime-50 | background-color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.bg-lime-100 | background-color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.bg-lime-200 | background-color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.bg-lime-300 | background-color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.bg-lime-400 | background-color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.bg-lime-500 | background-color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.bg-lime-600 | background-color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.bg-lime-700 | background-color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.bg-lime-800 | background-color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.bg-lime-900 | background-color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.bg-lime-950 | background-color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.bg-green-50 | background-color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.bg-green-100 | background-color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.bg-green-200 | background-color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.bg-green-300 | background-color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.bg-green-400 | background-color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.bg-green-500 | background-color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.bg-green-600 | background-color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.bg-green-700 | background-color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.bg-green-800 | background-color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.bg-green-900 | background-color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.bg-green-950 | background-color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.bg-emerald-50 | background-color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.bg-emerald-100 | background-color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.bg-emerald-200 | background-color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.bg-emerald-300 | background-color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.bg-emerald-400 | background-color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.bg-emerald-500 | background-color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.bg-emerald-600 | background-color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.bg-emerald-700 | background-color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.bg-emerald-800 | background-color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.bg-emerald-900 | background-color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.bg-emerald-950 | background-color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.bg-teal-50 | background-color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.bg-teal-100 | background-color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.bg-teal-200 | background-color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.bg-teal-300 | background-color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.bg-teal-400 | background-color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.bg-teal-500 | background-color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.bg-teal-600 | background-color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.bg-teal-700 | background-color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.bg-teal-800 | background-color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.bg-teal-900 | background-color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.bg-teal-950 | background-color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.bg-cyan-50 | background-color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.bg-cyan-100 | background-color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.bg-cyan-200 | background-color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.bg-cyan-300 | background-color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.bg-cyan-400 | background-color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.bg-cyan-500 | background-color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.bg-cyan-600 | background-color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.bg-cyan-700 | background-color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.bg-cyan-800 | background-color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.bg-cyan-900 | background-color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.bg-cyan-950 | background-color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.bg-sky-50 | background-color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.bg-sky-100 | background-color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.bg-sky-200 | background-color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.bg-sky-300 | background-color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.bg-sky-400 | background-color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.bg-sky-500 | background-color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.bg-sky-600 | background-color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.bg-sky-700 | background-color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.bg-sky-800 | background-color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.bg-sky-900 | background-color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.bg-sky-950 | background-color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.bg-blue-50 | background-color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.bg-blue-100 | background-color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.bg-blue-200 | background-color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.bg-blue-300 | background-color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.bg-blue-400 | background-color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.bg-blue-500 | background-color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.bg-blue-600 | background-color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.bg-blue-700 | background-color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.bg-blue-800 | background-color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.bg-blue-900 | background-color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.bg-blue-950 | background-color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.bg-indigo-50 | background-color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.bg-indigo-100 | background-color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.bg-indigo-200 | background-color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.bg-indigo-300 | background-color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.bg-indigo-400 | background-color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.bg-indigo-500 | background-color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.bg-indigo-600 | background-color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.bg-indigo-700 | background-color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.bg-indigo-800 | background-color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.bg-indigo-900 | background-color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.bg-indigo-950 | background-color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.bg-violet-50 | background-color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.bg-violet-100 | background-color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.bg-violet-200 | background-color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.bg-violet-300 | background-color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.bg-violet-400 | background-color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.bg-violet-500 | background-color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.bg-violet-600 | background-color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.bg-violet-700 | background-color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.bg-violet-800 | background-color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.bg-violet-900 | background-color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.bg-violet-950 | background-color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.bg-purple-50 | background-color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.bg-purple-100 | background-color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.bg-purple-200 | background-color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.bg-purple-300 | background-color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.bg-purple-400 | background-color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.bg-purple-500 | background-color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.bg-purple-600 | background-color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.bg-purple-700 | background-color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.bg-purple-800 | background-color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.bg-purple-900 | background-color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.bg-purple-950 | background-color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.bg-fuchsia-50 | background-color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.bg-fuchsia-100 | background-color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.bg-fuchsia-200 | background-color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.bg-fuchsia-300 | background-color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.bg-fuchsia-400 | background-color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.bg-fuchsia-500 | background-color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.bg-fuchsia-600 | background-color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.bg-fuchsia-700 | background-color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.bg-fuchsia-800 | background-color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.bg-fuchsia-900 | background-color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.bg-fuchsia-950 | background-color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.bg-pink-50 | background-color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.bg-pink-100 | background-color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.bg-pink-200 | background-color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.bg-pink-300 | background-color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.bg-pink-400 | background-color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.bg-pink-500 | background-color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.bg-pink-600 | background-color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.bg-pink-700 | background-color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.bg-pink-800 | background-color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.bg-pink-900 | background-color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.bg-pink-950 | background-color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.bg-rose-50 | background-color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.bg-rose-100 | background-color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.bg-rose-200 | background-color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.bg-rose-300 | background-color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.bg-rose-400 | background-color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.bg-rose-500 | background-color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.bg-rose-600 | background-color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.bg-rose-700 | background-color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.bg-rose-800 | background-color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.bg-rose-900 | background-color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.bg-rose-950 | background-color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.bg-slate-50 | background-color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.bg-slate-100 | background-color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.bg-slate-200 | background-color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.bg-slate-300 | background-color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.bg-slate-400 | background-color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.bg-slate-500 | background-color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.bg-slate-600 | background-color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.bg-slate-700 | background-color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.bg-slate-800 | background-color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.bg-slate-900 | background-color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.bg-slate-950 | background-color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.bg-gray-50 | background-color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.bg-gray-100 | background-color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.bg-gray-200 | background-color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.bg-gray-300 | background-color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.bg-gray-400 | background-color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.bg-gray-500 | background-color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.bg-gray-600 | background-color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.bg-gray-700 | background-color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.bg-gray-800 | background-color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.bg-gray-900 | background-color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.bg-gray-950 | background-color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.bg-zinc-50 | background-color: var(--color-zinc-50); | oklch(0.985 0 0) |
.bg-zinc-100 | background-color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.bg-zinc-200 | background-color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.bg-zinc-300 | background-color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.bg-zinc-400 | background-color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.bg-zinc-500 | background-color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.bg-zinc-600 | background-color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.bg-zinc-700 | background-color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.bg-zinc-800 | background-color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.bg-zinc-900 | background-color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.bg-zinc-950 | background-color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.bg-neutral-50 | background-color: var(--color-neutral-50); | oklch(0.985 0 0) |
.bg-neutral-100 | background-color: var(--color-neutral-100); | oklch(0.97 0 0) |
.bg-neutral-200 | background-color: var(--color-neutral-200); | oklch(0.922 0 0) |
.bg-neutral-300 | background-color: var(--color-neutral-300); | oklch(0.87 0 0) |
.bg-neutral-400 | background-color: var(--color-neutral-400); | oklch(0.708 0 0) |
.bg-neutral-500 | background-color: var(--color-neutral-500); | oklch(0.556 0 0) |
.bg-neutral-600 | background-color: var(--color-neutral-600); | oklch(0.439 0 0) |
.bg-neutral-700 | background-color: var(--color-neutral-700); | oklch(0.371 0 0) |
.bg-neutral-800 | background-color: var(--color-neutral-800); | oklch(0.269 0 0) |
.bg-neutral-900 | background-color: var(--color-neutral-900); | oklch(0.205 0 0) |
.bg-neutral-950 | background-color: var(--color-neutral-950); | oklch(0.145 0 0) |
.bg-stone-50 | background-color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.bg-stone-100 | background-color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.bg-stone-200 | background-color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.bg-stone-300 | background-color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.bg-stone-400 | background-color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.bg-stone-500 | background-color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.bg-stone-600 | background-color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.bg-stone-700 | background-color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.bg-stone-800 | background-color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.bg-stone-900 | background-color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.bg-stone-950 | background-color: var(--color-stone-950); | oklch(0.147 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-(<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-bottom | background-position: bottom; | |
.bg-center | background-position: center; | |
.bg-left | background-position: left; | |
.bg-left-bottom | background-position: left bottom; | |
.bg-left-top | background-position: left top; | |
.bg-right | background-position: right; | |
.bg-right-bottom | background-position: right bottom; | |
.bg-right-top | background-position: right top; | |
.bg-top | background-position: top; | |
.bg-(<custom-property>) | background-position: var(<custom-property>); | |
.bg-[<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-(<custom-property>) | background-size: var(<custom-property>); | |
.bg-[<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) |
.rounded-sm | border-radius: var(--radius-sm); | 0.25rem (4px) |
.rounded-md | border-radius: var(--radius-md); | 0.375rem (6px) |
.rounded-lg | border-radius: var(--radius-lg); | 0.75rem (8px) |
.rounded-xl | border-radius: var(--radius-xl); | 0.75rem (12px) |
.rounded-2xl | border-radius: var(--radius-2xl); | 1rem (16px) |
.rounded-3xl | border-radius: var(--radius-3xl); | 1.5rem (24px) |
.rounded-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);
border-end-start-radius: var(--radius-xs); | 0.125rem (2px) |
.rounded-s-sm | border-start-start-radius: var(--radius-sm);
border-end-start-radius: var(--radius-sm); | 0.25rem (4px) |
.rounded-s-md | border-start-start-radius: var(--radius-md);
border-end-start-radius: var(--radius-md); | 0.375rem (6px) |
.rounded-s-lg | border-start-start-radius: var(--radius-lg);
border-end-start-radius: var(--radius-lg); | 0.75rem (8px) |
.rounded-s-xl | border-start-start-radius: var(--radius-xl);
border-end-start-radius: var(--radius-xl); | 0.75rem (12px) |
.rounded-s-2xl | border-start-start-radius: var(--radius-2xl);
border-end-start-radius: var(--radius-2xl); | 1rem (16px) |
.rounded-s-3xl | border-start-start-radius: var(--radius-3xl);
border-end-start-radius: var(--radius-3xl); | 1.5rem (24px) |
.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);
border-end-end-radius: var(--radius-xs); | 0.125rem (2px) |
.rounded-e-sm | border-start-end-radius: var(--radius-sm);
border-end-end-radius: var(--radius-sm); | 0.25rem (4px) |
.rounded-e-md | border-start-end-radius: var(--radius-md);
border-end-end-radius: var(--radius-md); | 0.375rem (6px) |
.rounded-e-lg | border-start-end-radius: var(--radius-lg);
border-end-end-radius: var(--radius-lg); | 0.75rem (8px) |
.rounded-e-xl | border-start-end-radius: var(--radius-xl);
border-end-end-radius: var(--radius-xl); | 0.75rem (12px) |
.rounded-e-2xl | border-start-end-radius: var(--radius-2xl);
border-end-end-radius: var(--radius-2xl); | 1rem (16px) |
.rounded-e-3xl | border-start-end-radius: var(--radius-3xl);
border-end-end-radius: var(--radius-3xl); | 1.5rem (24px) |
.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);
border-top-right-radius: var(--radius-xs); | 0.125rem (2px) |
.rounded-t-sm | border-top-left-radius: var(--radius-sm);
border-top-right-radius: var(--radius-sm); | 0.25rem (4px) |
.rounded-t-md | border-top-left-radius: var(--radius-md);
border-top-right-radius: var(--radius-md); | 0.375rem (6px) |
.rounded-t-lg | border-top-left-radius: var(--radius-lg);
border-top-right-radius: var(--radius-lg); | 0.75rem (8px) |
.rounded-t-xl | border-top-left-radius: var(--radius-xl);
border-top-right-radius: var(--radius-xl); | 0.75rem (12px) |
.rounded-t-2xl | border-top-left-radius: var(--radius-2xl);
border-top-right-radius: var(--radius-2xl); | 1rem (16px) |
.rounded-t-3xl | border-top-left-radius: var(--radius-3xl);
border-top-right-radius: var(--radius-3xl); | 1.5rem (24px) |
.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);
border-bottom-right-radius: var(--radius-xs); | 0.125rem (2px) |
.rounded-r-sm | border-top-right-radius: var(--radius-sm);
border-bottom-right-radius: var(--radius-sm); | 0.25rem (4px) |
.rounded-r-md | border-top-right-radius: var(--radius-md);
border-bottom-right-radius: var(--radius-md); | 0.375rem (6px) |
.rounded-r-lg | border-top-right-radius: var(--radius-lg);
border-bottom-right-radius: var(--radius-lg); | 0.75rem (8px) |
.rounded-r-xl | border-top-right-radius: var(--radius-xl);
border-bottom-right-radius: var(--radius-xl); | 0.75rem (12px) |
.rounded-r-2xl | border-top-right-radius: var(--radius-2xl);
border-bottom-right-radius: var(--radius-2xl); | 1rem (16px) |
.rounded-r-3xl | border-top-right-radius: var(--radius-3xl);
border-bottom-right-radius: var(--radius-3xl); | 1.5rem (24px) |
.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);
border-bottom-left-radius: var(--radius-xs); | 0.125rem (2px) |
.rounded-b-sm | border-bottom-right-radius: var(--radius-sm);
border-bottom-left-radius: var(--radius-sm); | 0.25rem (4px) |
.rounded-b-md | border-bottom-right-radius: var(--radius-md);
border-bottom-left-radius: var(--radius-md); | 0.375rem (6px) |
.rounded-b-lg | border-bottom-right-radius: var(--radius-lg);
border-bottom-left-radius: var(--radius-lg); | 0.75rem (8px) |
.rounded-b-xl | border-bottom-right-radius: var(--radius-xl);
border-bottom-left-radius: var(--radius-xl); | 0.75rem (12px) |
.rounded-b-2xl | border-bottom-right-radius: var(--radius-2xl);
border-bottom-left-radius: var(--radius-2xl); | 1rem (16px) |
.rounded-b-3xl | border-bottom-right-radius: var(--radius-3xl);
border-bottom-left-radius: var(--radius-3xl); | 1.5rem (24px) |
.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);
border-bottom-left-radius: var(--radius-xs); | 0.125rem (2px) |
.rounded-l-sm | border-top-left-radius: var(--radius-sm);
border-bottom-left-radius: var(--radius-sm); | 0.25rem (4px) |
.rounded-l-md | border-top-left-radius: var(--radius-md);
border-bottom-left-radius: var(--radius-md); | 0.375rem (6px) |
.rounded-l-lg | border-top-left-radius: var(--radius-lg);
border-bottom-left-radius: var(--radius-lg); | 0.75rem (8px) |
.rounded-l-xl | border-top-left-radius: var(--radius-xl);
border-bottom-left-radius: var(--radius-xl); | 0.75rem (12px) |
.rounded-l-2xl | border-top-left-radius: var(--radius-2xl);
border-bottom-left-radius: var(--radius-2xl); | 1rem (16px) |
.rounded-l-3xl | border-top-left-radius: var(--radius-3xl);
border-bottom-left-radius: var(--radius-3xl); | 1.5rem (24px) |
.rounded-l-none | border-top-left-radius: 0;
border-bottom-left-radius: 0; | |
.rounded-l-full | border-top-left-radius: calc(infinity * 1px);
border-bottom-left-radius: calc(infinity * 1px); | |
.rounded-l-(<custom-property>) | border-top-left-radius: var(<custom-property>);
border-bottom-left-radius: var(<custom-property>); | |
.rounded-l-[<value>] | border-top-left-radius: <value>;
border-bottom-left-radius: <value>; | |
.rounded-ss-xs | border-start-start-radius: var(--radius-xs); | 0.125rem (2px) |
.rounded-ss-sm | border-start-start-radius: var(--radius-sm); | 0.25rem (4px) |
.rounded-ss-md | border-start-start-radius: var(--radius-md); | 0.375rem (6px) |
.rounded-ss-lg | border-start-start-radius: var(--radius-lg); | 0.75rem (8px) |
.rounded-ss-xl | border-start-start-radius: var(--radius-xl); | 0.75rem (12px) |
.rounded-ss-2xl | border-start-start-radius: var(--radius-2xl); | 1rem (16px) |
.rounded-ss-3xl | border-start-start-radius: var(--radius-3xl); | 1.5rem (24px) |
.rounded-ss-none | border-start-start-radius: 0; | |
.rounded-ss-full | border-start-start-radius: calc(infinity * 1px); | |
.rounded-ss-(<custom-property>) | border-start-start-radius: var(<custom-property>); | |
.rounded-ss-[<value>] | border-start-start-radius: <value>; | |
.rounded-se-xs | border-start-end-radius: var(--radius-xs); | 0.125rem (2px) |
.rounded-se-sm | border-start-end-radius: var(--radius-sm); | 0.25rem (4px) |
.rounded-se-md | border-start-end-radius: var(--radius-md); | 0.375rem (6px) |
.rounded-se-lg | border-start-end-radius: var(--radius-lg); | 0.75rem (8px) |
.rounded-se-xl | border-start-end-radius: var(--radius-xl); | 0.75rem (12px) |
.rounded-se-2xl | border-start-end-radius: var(--radius-2xl); | 1rem (16px) |
.rounded-se-3xl | border-start-end-radius: var(--radius-3xl); | 1.5rem (24px) |
.rounded-se-none | border-start-end-radius: 0; | |
.rounded-se-full | border-start-end-radius: calc(infinity * 1px); | |
.rounded-se-(<custom-property>) | border-start-end-radius: var(<custom-property>); | |
.rounded-se-[<value>] | border-start-end-radius: <value>; | |
.rounded-ee-xs | border-end-end-radius: var(--radius-xs); | 0.125rem (2px) |
.rounded-ee-sm | border-end-end-radius: var(--radius-sm); | 0.25rem (4px) |
.rounded-ee-md | border-end-end-radius: var(--radius-md); | 0.375rem (6px) |
.rounded-ee-lg | border-end-end-radius: var(--radius-lg); | 0.75rem (8px) |
.rounded-ee-xl | border-end-end-radius: var(--radius-xl); | 0.75rem (12px) |
.rounded-ee-2xl | border-end-end-radius: var(--radius-2xl); | 1rem (16px) |
.rounded-ee-3xl | border-end-end-radius: var(--radius-3xl); | 1.5rem (24px) |
.rounded-ee-none | border-end-end-radius: 0; | |
.rounded-ee-full | border-end-end-radius: calc(infinity * 1px); | |
.rounded-ee-(<custom-property>) | border-end-end-radius: var(<custom-property>); | |
.rounded-ee-[<value>] | border-end-end-radius: <value>; | |
.rounded-es-xs | border-end-start-radius: var(--radius-xs); | 0.125rem (2px) |
.rounded-es-sm | border-end-start-radius: var(--radius-sm); | 0.25rem (4px) |
.rounded-es-md | border-end-start-radius: var(--radius-md); | 0.375rem (6px) |
.rounded-es-lg | border-end-start-radius: var(--radius-lg); | 0.75rem (8px) |
.rounded-es-xl | border-end-start-radius: var(--radius-xl); | 0.75rem (12px) |
.rounded-es-2xl | border-end-start-radius: var(--radius-2xl); | 1rem (16px) |
.rounded-es-3xl | border-end-start-radius: var(--radius-3xl); | 1.5rem (24px) |
.rounded-es-none | border-end-start-radius: 0; | |
.rounded-es-full | border-end-start-radius: calc(infinity * 1px); | |
.rounded-es-(<custom-property>) | border-end-start-radius: var(<custom-property>); | |
.rounded-es-[<value>] | border-end-start-radius: <value>; | |
.rounded-tl-xs | border-top-left-radius: var(--radius-xs); | 0.125rem (2px) |
.rounded-tl-sm | border-top-left-radius: var(--radius-sm); | 0.25rem (4px) |
.rounded-tl-md | border-top-left-radius: var(--radius-md); | 0.375rem (6px) |
.rounded-tl-lg | border-top-left-radius: var(--radius-lg); | 0.75rem (8px) |
.rounded-tl-xl | border-top-left-radius: var(--radius-xl); | 0.75rem (12px) |
.rounded-tl-2xl | border-top-left-radius: var(--radius-2xl); | 1rem (16px) |
.rounded-tl-3xl | border-top-left-radius: var(--radius-3xl); | 1.5rem (24px) |
.rounded-tl-none | border-top-left-radius: 0; | |
.rounded-tl-full | border-top-left-radius: calc(infinity * 1px); | |
.rounded-tl-(<custom-property>) | border-top-left-radius: var(<custom-property>); | |
.rounded-tl-[<value>] | border-top-left-radius: <value>; | |
.rounded-tr-xs | border-top-right-radius: var(--radius-xs); | 0.125rem (2px) |
.rounded-tr-sm | border-top-right-radius: var(--radius-sm); | 0.25rem (4px) |
.rounded-tr-md | border-top-right-radius: var(--radius-md); | 0.375rem (6px) |
.rounded-tr-lg | border-top-right-radius: var(--radius-lg); | 0.75rem (8px) |
.rounded-tr-xl | border-top-right-radius: var(--radius-xl); | 0.75rem (12px) |
.rounded-tr-2xl | border-top-right-radius: var(--radius-2xl); | 1rem (16px) |
.rounded-tr-3xl | border-top-right-radius: var(--radius-3xl); | 1.5rem (24px) |
.rounded-tr-none | border-top-right-radius: 0; | |
.rounded-tr-full | border-top-right-radius: calc(infinity * 1px); | |
.rounded-tr-(<custom-property>) | border-top-right-radius: var(<custom-property>); | |
.rounded-tr-[<value>] | border-top-right-radius: <value>; | |
.rounded-br-xs | border-bottom-right-radius: var(--radius-xs); | 0.125rem (2px) |
.rounded-br-sm | border-bottom-right-radius: var(--radius-sm); | 0.25rem (4px) |
.rounded-br-md | border-bottom-right-radius: var(--radius-md); | 0.375rem (6px) |
.rounded-br-lg | border-bottom-right-radius: var(--radius-lg); | 0.75rem (8px) |
.rounded-br-xl | border-bottom-right-radius: var(--radius-xl); | 0.75rem (12px) |
.rounded-br-2xl | border-bottom-right-radius: var(--radius-2xl); | 1rem (16px) |
.rounded-br-3xl | border-bottom-right-radius: var(--radius-3xl); | 1.5rem (24px) |
.rounded-br-none | border-bottom-right-radius: 0; | |
.rounded-br-full | border-bottom-right-radius: calc(infinity * 1px); | |
.rounded-br-(<custom-property>) | border-bottom-right-radius: var(<custom-property>); | |
.rounded-br-[<value>] | border-bottom-right-radius: <value>; | |
.rounded-bl-xs | border-bottom-left-radius: var(--radius-xs); | 0.125rem (2px) |
.rounded-bl-sm | border-bottom-left-radius: var(--radius-sm); | 0.25rem (4px) |
.rounded-bl-md | border-bottom-left-radius: var(--radius-md); | 0.375rem (6px) |
.rounded-bl-lg | border-bottom-left-radius: var(--radius-lg); | 0.75rem (8px) |
.rounded-bl-xl | border-bottom-left-radius: var(--radius-xl); | 0.75rem (12px) |
.rounded-bl-2xl | border-bottom-left-radius: var(--radius-2xl); | 1rem (16px) |
.rounded-bl-3xl | border-bottom-left-radius: var(--radius-3xl); | 1.5rem (24px) |
.rounded-bl-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 |
.border-white | border-color: var(--color-white); | #fff |
.border-red-50 | border-color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.border-red-100 | border-color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.border-red-200 | border-color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.border-red-300 | border-color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.border-red-400 | border-color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.border-red-500 | border-color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.border-red-600 | border-color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.border-red-700 | border-color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.border-red-800 | border-color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.border-red-900 | border-color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.border-red-950 | border-color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.border-orange-50 | border-color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.border-orange-100 | border-color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.border-orange-200 | border-color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.border-orange-300 | border-color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.border-orange-400 | border-color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.border-orange-500 | border-color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.border-orange-600 | border-color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.border-orange-700 | border-color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.border-orange-800 | border-color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.border-orange-900 | border-color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.border-orange-950 | border-color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.border-amber-50 | border-color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.border-amber-100 | border-color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.border-amber-200 | border-color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.border-amber-300 | border-color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.border-amber-400 | border-color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.border-amber-500 | border-color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.border-amber-600 | border-color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.border-amber-700 | border-color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.border-amber-800 | border-color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.border-amber-900 | border-color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.border-amber-950 | border-color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.border-yellow-50 | border-color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.border-yellow-100 | border-color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.border-yellow-200 | border-color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.border-yellow-300 | border-color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.border-yellow-400 | border-color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.border-yellow-500 | border-color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.border-yellow-600 | border-color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.border-yellow-700 | border-color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.border-yellow-800 | border-color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.border-yellow-900 | border-color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.border-yellow-950 | border-color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.border-lime-50 | border-color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.border-lime-100 | border-color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.border-lime-200 | border-color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.border-lime-300 | border-color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.border-lime-400 | border-color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.border-lime-500 | border-color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.border-lime-600 | border-color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.border-lime-700 | border-color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.border-lime-800 | border-color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.border-lime-900 | border-color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.border-lime-950 | border-color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.border-green-50 | border-color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.border-green-100 | border-color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.border-green-200 | border-color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.border-green-300 | border-color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.border-green-400 | border-color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.border-green-500 | border-color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.border-green-600 | border-color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.border-green-700 | border-color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.border-green-800 | border-color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.border-green-900 | border-color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.border-green-950 | border-color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.border-emerald-50 | border-color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.border-emerald-100 | border-color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.border-emerald-200 | border-color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.border-emerald-300 | border-color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.border-emerald-400 | border-color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.border-emerald-500 | border-color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.border-emerald-600 | border-color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.border-emerald-700 | border-color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.border-emerald-800 | border-color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.border-emerald-900 | border-color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.border-emerald-950 | border-color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.border-teal-50 | border-color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.border-teal-100 | border-color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.border-teal-200 | border-color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.border-teal-300 | border-color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.border-teal-400 | border-color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.border-teal-500 | border-color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.border-teal-600 | border-color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.border-teal-700 | border-color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.border-teal-800 | border-color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.border-teal-900 | border-color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.border-teal-950 | border-color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.border-cyan-50 | border-color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.border-cyan-100 | border-color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.border-cyan-200 | border-color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.border-cyan-300 | border-color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.border-cyan-400 | border-color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.border-cyan-500 | border-color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.border-cyan-600 | border-color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.border-cyan-700 | border-color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.border-cyan-800 | border-color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.border-cyan-900 | border-color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.border-cyan-950 | border-color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.border-sky-50 | border-color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.border-sky-100 | border-color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.border-sky-200 | border-color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.border-sky-300 | border-color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.border-sky-400 | border-color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.border-sky-500 | border-color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.border-sky-600 | border-color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.border-sky-700 | border-color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.border-sky-800 | border-color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.border-sky-900 | border-color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.border-sky-950 | border-color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.border-blue-50 | border-color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.border-blue-100 | border-color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.border-blue-200 | border-color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.border-blue-300 | border-color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.border-blue-400 | border-color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.border-blue-500 | border-color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.border-blue-600 | border-color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.border-blue-700 | border-color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.border-blue-800 | border-color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.border-blue-900 | border-color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.border-blue-950 | border-color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.border-indigo-50 | border-color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.border-indigo-100 | border-color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.border-indigo-200 | border-color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.border-indigo-300 | border-color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.border-indigo-400 | border-color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.border-indigo-500 | border-color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.border-indigo-600 | border-color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.border-indigo-700 | border-color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.border-indigo-800 | border-color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.border-indigo-900 | border-color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.border-indigo-950 | border-color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.border-violet-50 | border-color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.border-violet-100 | border-color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.border-violet-200 | border-color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.border-violet-300 | border-color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.border-violet-400 | border-color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.border-violet-500 | border-color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.border-violet-600 | border-color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.border-violet-700 | border-color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.border-violet-800 | border-color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.border-violet-900 | border-color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.border-violet-950 | border-color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.border-purple-50 | border-color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.border-purple-100 | border-color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.border-purple-200 | border-color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.border-purple-300 | border-color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.border-purple-400 | border-color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.border-purple-500 | border-color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.border-purple-600 | border-color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.border-purple-700 | border-color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.border-purple-800 | border-color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.border-purple-900 | border-color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.border-purple-950 | border-color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.border-fuchsia-50 | border-color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.border-fuchsia-100 | border-color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.border-fuchsia-200 | border-color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.border-fuchsia-300 | border-color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.border-fuchsia-400 | border-color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.border-fuchsia-500 | border-color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.border-fuchsia-600 | border-color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.border-fuchsia-700 | border-color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.border-fuchsia-800 | border-color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.border-fuchsia-900 | border-color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.border-fuchsia-950 | border-color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.border-pink-50 | border-color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.border-pink-100 | border-color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.border-pink-200 | border-color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.border-pink-300 | border-color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.border-pink-400 | border-color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.border-pink-500 | border-color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.border-pink-600 | border-color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.border-pink-700 | border-color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.border-pink-800 | border-color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.border-pink-900 | border-color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.border-pink-950 | border-color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.border-rose-50 | border-color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.border-rose-100 | border-color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.border-rose-200 | border-color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.border-rose-300 | border-color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.border-rose-400 | border-color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.border-rose-500 | border-color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.border-rose-600 | border-color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.border-rose-700 | border-color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.border-rose-800 | border-color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.border-rose-900 | border-color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.border-rose-950 | border-color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.border-slate-50 | border-color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.border-slate-100 | border-color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.border-slate-200 | border-color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.border-slate-300 | border-color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.border-slate-400 | border-color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.border-slate-500 | border-color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.border-slate-600 | border-color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.border-slate-700 | border-color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.border-slate-800 | border-color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.border-slate-900 | border-color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.border-slate-950 | border-color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.border-gray-50 | border-color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.border-gray-100 | border-color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.border-gray-200 | border-color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.border-gray-300 | border-color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.border-gray-400 | border-color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.border-gray-500 | border-color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.border-gray-600 | border-color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.border-gray-700 | border-color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.border-gray-800 | border-color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.border-gray-900 | border-color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.border-gray-950 | border-color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.border-zinc-50 | border-color: var(--color-zinc-50); | oklch(0.985 0 0) |
.border-zinc-100 | border-color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.border-zinc-200 | border-color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.border-zinc-300 | border-color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.border-zinc-400 | border-color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.border-zinc-500 | border-color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.border-zinc-600 | border-color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.border-zinc-700 | border-color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.border-zinc-800 | border-color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.border-zinc-900 | border-color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.border-zinc-950 | border-color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.border-neutral-50 | border-color: var(--color-neutral-50); | oklch(0.985 0 0) |
.border-neutral-100 | border-color: var(--color-neutral-100); | oklch(0.97 0 0) |
.border-neutral-200 | border-color: var(--color-neutral-200); | oklch(0.922 0 0) |
.border-neutral-300 | border-color: var(--color-neutral-300); | oklch(0.87 0 0) |
.border-neutral-400 | border-color: var(--color-neutral-400); | oklch(0.708 0 0) |
.border-neutral-500 | border-color: var(--color-neutral-500); | oklch(0.556 0 0) |
.border-neutral-600 | border-color: var(--color-neutral-600); | oklch(0.439 0 0) |
.border-neutral-700 | border-color: var(--color-neutral-700); | oklch(0.371 0 0) |
.border-neutral-800 | border-color: var(--color-neutral-800); | oklch(0.269 0 0) |
.border-neutral-900 | border-color: var(--color-neutral-900); | oklch(0.205 0 0) |
.border-neutral-950 | border-color: var(--color-neutral-950); | oklch(0.145 0 0) |
.border-stone-50 | border-color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.border-stone-100 | border-color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.border-stone-200 | border-color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.border-stone-300 | border-color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.border-stone-400 | border-color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.border-stone-500 | border-color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.border-stone-600 | border-color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.border-stone-700 | border-color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.border-stone-800 | border-color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.border-stone-900 | border-color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.border-stone-950 | border-color: var(--color-stone-950); | oklch(0.147 0.004 49.25) |
.border-(<custom-property>) | border-color: var(<custom-property>); | |
.border-[<value>] | border-color: <value>; | |
.border-x-inherit | border-inline-color: inherit; | |
.border-x-current | border-inline-color: currentColor; | |
.border-x-transparent | border-inline-color: transparent; | |
.border-x-black | border-inline-color: var(--color-black); | #000 |
.border-x-white | border-inline-color: var(--color-white); | #fff |
.border-x-red-50 | border-inline-color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.border-x-red-100 | border-inline-color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.border-x-red-200 | border-inline-color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.border-x-red-300 | border-inline-color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.border-x-red-400 | border-inline-color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.border-x-red-500 | border-inline-color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.border-x-red-600 | border-inline-color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.border-x-red-700 | border-inline-color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.border-x-red-800 | border-inline-color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.border-x-red-900 | border-inline-color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.border-x-red-950 | border-inline-color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.border-x-orange-50 | border-inline-color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.border-x-orange-100 | border-inline-color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.border-x-orange-200 | border-inline-color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.border-x-orange-300 | border-inline-color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.border-x-orange-400 | border-inline-color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.border-x-orange-500 | border-inline-color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.border-x-orange-600 | border-inline-color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.border-x-orange-700 | border-inline-color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.border-x-orange-800 | border-inline-color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.border-x-orange-900 | border-inline-color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.border-x-orange-950 | border-inline-color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.border-x-amber-50 | border-inline-color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.border-x-amber-100 | border-inline-color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.border-x-amber-200 | border-inline-color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.border-x-amber-300 | border-inline-color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.border-x-amber-400 | border-inline-color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.border-x-amber-500 | border-inline-color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.border-x-amber-600 | border-inline-color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.border-x-amber-700 | border-inline-color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.border-x-amber-800 | border-inline-color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.border-x-amber-900 | border-inline-color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.border-x-amber-950 | border-inline-color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.border-x-yellow-50 | border-inline-color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.border-x-yellow-100 | border-inline-color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.border-x-yellow-200 | border-inline-color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.border-x-yellow-300 | border-inline-color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.border-x-yellow-400 | border-inline-color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.border-x-yellow-500 | border-inline-color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.border-x-yellow-600 | border-inline-color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.border-x-yellow-700 | border-inline-color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.border-x-yellow-800 | border-inline-color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.border-x-yellow-900 | border-inline-color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.border-x-yellow-950 | border-inline-color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.border-x-lime-50 | border-inline-color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.border-x-lime-100 | border-inline-color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.border-x-lime-200 | border-inline-color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.border-x-lime-300 | border-inline-color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.border-x-lime-400 | border-inline-color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.border-x-lime-500 | border-inline-color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.border-x-lime-600 | border-inline-color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.border-x-lime-700 | border-inline-color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.border-x-lime-800 | border-inline-color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.border-x-lime-900 | border-inline-color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.border-x-lime-950 | border-inline-color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.border-x-green-50 | border-inline-color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.border-x-green-100 | border-inline-color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.border-x-green-200 | border-inline-color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.border-x-green-300 | border-inline-color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.border-x-green-400 | border-inline-color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.border-x-green-500 | border-inline-color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.border-x-green-600 | border-inline-color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.border-x-green-700 | border-inline-color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.border-x-green-800 | border-inline-color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.border-x-green-900 | border-inline-color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.border-x-green-950 | border-inline-color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.border-x-emerald-50 | border-inline-color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.border-x-emerald-100 | border-inline-color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.border-x-emerald-200 | border-inline-color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.border-x-emerald-300 | border-inline-color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.border-x-emerald-400 | border-inline-color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.border-x-emerald-500 | border-inline-color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.border-x-emerald-600 | border-inline-color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.border-x-emerald-700 | border-inline-color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.border-x-emerald-800 | border-inline-color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.border-x-emerald-900 | border-inline-color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.border-x-emerald-950 | border-inline-color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.border-x-teal-50 | border-inline-color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.border-x-teal-100 | border-inline-color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.border-x-teal-200 | border-inline-color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.border-x-teal-300 | border-inline-color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.border-x-teal-400 | border-inline-color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.border-x-teal-500 | border-inline-color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.border-x-teal-600 | border-inline-color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.border-x-teal-700 | border-inline-color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.border-x-teal-800 | border-inline-color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.border-x-teal-900 | border-inline-color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.border-x-teal-950 | border-inline-color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.border-x-cyan-50 | border-inline-color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.border-x-cyan-100 | border-inline-color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.border-x-cyan-200 | border-inline-color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.border-x-cyan-300 | border-inline-color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.border-x-cyan-400 | border-inline-color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.border-x-cyan-500 | border-inline-color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.border-x-cyan-600 | border-inline-color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.border-x-cyan-700 | border-inline-color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.border-x-cyan-800 | border-inline-color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.border-x-cyan-900 | border-inline-color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.border-x-cyan-950 | border-inline-color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.border-x-sky-50 | border-inline-color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.border-x-sky-100 | border-inline-color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.border-x-sky-200 | border-inline-color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.border-x-sky-300 | border-inline-color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.border-x-sky-400 | border-inline-color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.border-x-sky-500 | border-inline-color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.border-x-sky-600 | border-inline-color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.border-x-sky-700 | border-inline-color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.border-x-sky-800 | border-inline-color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.border-x-sky-900 | border-inline-color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.border-x-sky-950 | border-inline-color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.border-x-blue-50 | border-inline-color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.border-x-blue-100 | border-inline-color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.border-x-blue-200 | border-inline-color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.border-x-blue-300 | border-inline-color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.border-x-blue-400 | border-inline-color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.border-x-blue-500 | border-inline-color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.border-x-blue-600 | border-inline-color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.border-x-blue-700 | border-inline-color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.border-x-blue-800 | border-inline-color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.border-x-blue-900 | border-inline-color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.border-x-blue-950 | border-inline-color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.border-x-indigo-50 | border-inline-color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.border-x-indigo-100 | border-inline-color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.border-x-indigo-200 | border-inline-color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.border-x-indigo-300 | border-inline-color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.border-x-indigo-400 | border-inline-color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.border-x-indigo-500 | border-inline-color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.border-x-indigo-600 | border-inline-color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.border-x-indigo-700 | border-inline-color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.border-x-indigo-800 | border-inline-color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.border-x-indigo-900 | border-inline-color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.border-x-indigo-950 | border-inline-color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.border-x-violet-50 | border-inline-color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.border-x-violet-100 | border-inline-color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.border-x-violet-200 | border-inline-color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.border-x-violet-300 | border-inline-color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.border-x-violet-400 | border-inline-color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.border-x-violet-500 | border-inline-color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.border-x-violet-600 | border-inline-color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.border-x-violet-700 | border-inline-color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.border-x-violet-800 | border-inline-color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.border-x-violet-900 | border-inline-color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.border-x-violet-950 | border-inline-color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.border-x-purple-50 | border-inline-color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.border-x-purple-100 | border-inline-color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.border-x-purple-200 | border-inline-color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.border-x-purple-300 | border-inline-color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.border-x-purple-400 | border-inline-color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.border-x-purple-500 | border-inline-color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.border-x-purple-600 | border-inline-color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.border-x-purple-700 | border-inline-color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.border-x-purple-800 | border-inline-color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.border-x-purple-900 | border-inline-color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.border-x-purple-950 | border-inline-color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.border-x-fuchsia-50 | border-inline-color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.border-x-fuchsia-100 | border-inline-color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.border-x-fuchsia-200 | border-inline-color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.border-x-fuchsia-300 | border-inline-color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.border-x-fuchsia-400 | border-inline-color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.border-x-fuchsia-500 | border-inline-color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.border-x-fuchsia-600 | border-inline-color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.border-x-fuchsia-700 | border-inline-color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.border-x-fuchsia-800 | border-inline-color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.border-x-fuchsia-900 | border-inline-color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.border-x-fuchsia-950 | border-inline-color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.border-x-pink-50 | border-inline-color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.border-x-pink-100 | border-inline-color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.border-x-pink-200 | border-inline-color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.border-x-pink-300 | border-inline-color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.border-x-pink-400 | border-inline-color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.border-x-pink-500 | border-inline-color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.border-x-pink-600 | border-inline-color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.border-x-pink-700 | border-inline-color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.border-x-pink-800 | border-inline-color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.border-x-pink-900 | border-inline-color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.border-x-pink-950 | border-inline-color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.border-x-rose-50 | border-inline-color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.border-x-rose-100 | border-inline-color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.border-x-rose-200 | border-inline-color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.border-x-rose-300 | border-inline-color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.border-x-rose-400 | border-inline-color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.border-x-rose-500 | border-inline-color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.border-x-rose-600 | border-inline-color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.border-x-rose-700 | border-inline-color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.border-x-rose-800 | border-inline-color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.border-x-rose-900 | border-inline-color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.border-x-rose-950 | border-inline-color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.border-x-slate-50 | border-inline-color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.border-x-slate-100 | border-inline-color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.border-x-slate-200 | border-inline-color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.border-x-slate-300 | border-inline-color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.border-x-slate-400 | border-inline-color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.border-x-slate-500 | border-inline-color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.border-x-slate-600 | border-inline-color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.border-x-slate-700 | border-inline-color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.border-x-slate-800 | border-inline-color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.border-x-slate-900 | border-inline-color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.border-x-slate-950 | border-inline-color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.border-x-gray-50 | border-inline-color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.border-x-gray-100 | border-inline-color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.border-x-gray-200 | border-inline-color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.border-x-gray-300 | border-inline-color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.border-x-gray-400 | border-inline-color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.border-x-gray-500 | border-inline-color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.border-x-gray-600 | border-inline-color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.border-x-gray-700 | border-inline-color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.border-x-gray-800 | border-inline-color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.border-x-gray-900 | border-inline-color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.border-x-gray-950 | border-inline-color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.border-x-zinc-50 | border-inline-color: var(--color-zinc-50); | oklch(0.985 0 0) |
.border-x-zinc-100 | border-inline-color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.border-x-zinc-200 | border-inline-color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.border-x-zinc-300 | border-inline-color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.border-x-zinc-400 | border-inline-color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.border-x-zinc-500 | border-inline-color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.border-x-zinc-600 | border-inline-color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.border-x-zinc-700 | border-inline-color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.border-x-zinc-800 | border-inline-color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.border-x-zinc-900 | border-inline-color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.border-x-zinc-950 | border-inline-color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.border-x-neutral-50 | border-inline-color: var(--color-neutral-50); | oklch(0.985 0 0) |
.border-x-neutral-100 | border-inline-color: var(--color-neutral-100); | oklch(0.97 0 0) |
.border-x-neutral-200 | border-inline-color: var(--color-neutral-200); | oklch(0.922 0 0) |
.border-x-neutral-300 | border-inline-color: var(--color-neutral-300); | oklch(0.87 0 0) |
.border-x-neutral-400 | border-inline-color: var(--color-neutral-400); | oklch(0.708 0 0) |
.border-x-neutral-500 | border-inline-color: var(--color-neutral-500); | oklch(0.556 0 0) |
.border-x-neutral-600 | border-inline-color: var(--color-neutral-600); | oklch(0.439 0 0) |
.border-x-neutral-700 | border-inline-color: var(--color-neutral-700); | oklch(0.371 0 0) |
.border-x-neutral-800 | border-inline-color: var(--color-neutral-800); | oklch(0.269 0 0) |
.border-x-neutral-900 | border-inline-color: var(--color-neutral-900); | oklch(0.205 0 0) |
.border-x-neutral-950 | border-inline-color: var(--color-neutral-950); | oklch(0.145 0 0) |
.border-x-stone-50 | border-inline-color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.border-x-stone-100 | border-inline-color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.border-x-stone-200 | border-inline-color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.border-x-stone-300 | border-inline-color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.border-x-stone-400 | border-inline-color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.border-x-stone-500 | border-inline-color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.border-x-stone-600 | border-inline-color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.border-x-stone-700 | border-inline-color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.border-x-stone-800 | border-inline-color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.border-x-stone-900 | border-inline-color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.border-x-stone-950 | border-inline-color: var(--color-stone-950); | oklch(0.147 0.004 49.25) |
.border-x-(<custom-property>) | border-inline-color: var(<custom-property>); | |
.border-x-[<value>] | border-inline-color: <value>; | |
.border-y-inherit | border-block-color: inherit; | |
.border-y-current | border-block-color: currentColor; | |
.border-y-transparent | border-block-color: transparent; | |
.border-y-black | border-block-color: var(--color-black); | #000 |
.border-y-white | border-block-color: var(--color-white); | #fff |
.border-y-red-50 | border-block-color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.border-y-red-100 | border-block-color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.border-y-red-200 | border-block-color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.border-y-red-300 | border-block-color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.border-y-red-400 | border-block-color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.border-y-red-500 | border-block-color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.border-y-red-600 | border-block-color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.border-y-red-700 | border-block-color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.border-y-red-800 | border-block-color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.border-y-red-900 | border-block-color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.border-y-red-950 | border-block-color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.border-y-orange-50 | border-block-color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.border-y-orange-100 | border-block-color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.border-y-orange-200 | border-block-color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.border-y-orange-300 | border-block-color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.border-y-orange-400 | border-block-color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.border-y-orange-500 | border-block-color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.border-y-orange-600 | border-block-color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.border-y-orange-700 | border-block-color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.border-y-orange-800 | border-block-color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.border-y-orange-900 | border-block-color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.border-y-orange-950 | border-block-color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.border-y-amber-50 | border-block-color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.border-y-amber-100 | border-block-color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.border-y-amber-200 | border-block-color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.border-y-amber-300 | border-block-color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.border-y-amber-400 | border-block-color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.border-y-amber-500 | border-block-color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.border-y-amber-600 | border-block-color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.border-y-amber-700 | border-block-color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.border-y-amber-800 | border-block-color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.border-y-amber-900 | border-block-color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.border-y-amber-950 | border-block-color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.border-y-yellow-50 | border-block-color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.border-y-yellow-100 | border-block-color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.border-y-yellow-200 | border-block-color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.border-y-yellow-300 | border-block-color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.border-y-yellow-400 | border-block-color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.border-y-yellow-500 | border-block-color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.border-y-yellow-600 | border-block-color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.border-y-yellow-700 | border-block-color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.border-y-yellow-800 | border-block-color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.border-y-yellow-900 | border-block-color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.border-y-yellow-950 | border-block-color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.border-y-lime-50 | border-block-color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.border-y-lime-100 | border-block-color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.border-y-lime-200 | border-block-color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.border-y-lime-300 | border-block-color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.border-y-lime-400 | border-block-color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.border-y-lime-500 | border-block-color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.border-y-lime-600 | border-block-color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.border-y-lime-700 | border-block-color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.border-y-lime-800 | border-block-color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.border-y-lime-900 | border-block-color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.border-y-lime-950 | border-block-color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.border-y-green-50 | border-block-color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.border-y-green-100 | border-block-color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.border-y-green-200 | border-block-color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.border-y-green-300 | border-block-color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.border-y-green-400 | border-block-color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.border-y-green-500 | border-block-color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.border-y-green-600 | border-block-color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.border-y-green-700 | border-block-color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.border-y-green-800 | border-block-color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.border-y-green-900 | border-block-color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.border-y-green-950 | border-block-color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.border-y-emerald-50 | border-block-color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.border-y-emerald-100 | border-block-color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.border-y-emerald-200 | border-block-color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.border-y-emerald-300 | border-block-color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.border-y-emerald-400 | border-block-color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.border-y-emerald-500 | border-block-color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.border-y-emerald-600 | border-block-color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.border-y-emerald-700 | border-block-color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.border-y-emerald-800 | border-block-color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.border-y-emerald-900 | border-block-color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.border-y-emerald-950 | border-block-color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.border-y-teal-50 | border-block-color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.border-y-teal-100 | border-block-color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.border-y-teal-200 | border-block-color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.border-y-teal-300 | border-block-color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.border-y-teal-400 | border-block-color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.border-y-teal-500 | border-block-color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.border-y-teal-600 | border-block-color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.border-y-teal-700 | border-block-color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.border-y-teal-800 | border-block-color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.border-y-teal-900 | border-block-color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.border-y-teal-950 | border-block-color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.border-y-cyan-50 | border-block-color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.border-y-cyan-100 | border-block-color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.border-y-cyan-200 | border-block-color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.border-y-cyan-300 | border-block-color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.border-y-cyan-400 | border-block-color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.border-y-cyan-500 | border-block-color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.border-y-cyan-600 | border-block-color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.border-y-cyan-700 | border-block-color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.border-y-cyan-800 | border-block-color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.border-y-cyan-900 | border-block-color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.border-y-cyan-950 | border-block-color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.border-y-sky-50 | border-block-color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.border-y-sky-100 | border-block-color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.border-y-sky-200 | border-block-color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.border-y-sky-300 | border-block-color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.border-y-sky-400 | border-block-color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.border-y-sky-500 | border-block-color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.border-y-sky-600 | border-block-color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.border-y-sky-700 | border-block-color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.border-y-sky-800 | border-block-color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.border-y-sky-900 | border-block-color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.border-y-sky-950 | border-block-color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.border-y-blue-50 | border-block-color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.border-y-blue-100 | border-block-color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.border-y-blue-200 | border-block-color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.border-y-blue-300 | border-block-color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.border-y-blue-400 | border-block-color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.border-y-blue-500 | border-block-color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.border-y-blue-600 | border-block-color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.border-y-blue-700 | border-block-color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.border-y-blue-800 | border-block-color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.border-y-blue-900 | border-block-color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.border-y-blue-950 | border-block-color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.border-y-indigo-50 | border-block-color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.border-y-indigo-100 | border-block-color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.border-y-indigo-200 | border-block-color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.border-y-indigo-300 | border-block-color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.border-y-indigo-400 | border-block-color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.border-y-indigo-500 | border-block-color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.border-y-indigo-600 | border-block-color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.border-y-indigo-700 | border-block-color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.border-y-indigo-800 | border-block-color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.border-y-indigo-900 | border-block-color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.border-y-indigo-950 | border-block-color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.border-y-violet-50 | border-block-color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.border-y-violet-100 | border-block-color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.border-y-violet-200 | border-block-color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.border-y-violet-300 | border-block-color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.border-y-violet-400 | border-block-color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.border-y-violet-500 | border-block-color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.border-y-violet-600 | border-block-color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.border-y-violet-700 | border-block-color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.border-y-violet-800 | border-block-color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.border-y-violet-900 | border-block-color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.border-y-violet-950 | border-block-color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.border-y-purple-50 | border-block-color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.border-y-purple-100 | border-block-color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.border-y-purple-200 | border-block-color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.border-y-purple-300 | border-block-color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.border-y-purple-400 | border-block-color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.border-y-purple-500 | border-block-color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.border-y-purple-600 | border-block-color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.border-y-purple-700 | border-block-color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.border-y-purple-800 | border-block-color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.border-y-purple-900 | border-block-color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.border-y-purple-950 | border-block-color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.border-y-fuchsia-50 | border-block-color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.border-y-fuchsia-100 | border-block-color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.border-y-fuchsia-200 | border-block-color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.border-y-fuchsia-300 | border-block-color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.border-y-fuchsia-400 | border-block-color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.border-y-fuchsia-500 | border-block-color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.border-y-fuchsia-600 | border-block-color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.border-y-fuchsia-700 | border-block-color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.border-y-fuchsia-800 | border-block-color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.border-y-fuchsia-900 | border-block-color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.border-y-fuchsia-950 | border-block-color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.border-y-pink-50 | border-block-color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.border-y-pink-100 | border-block-color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.border-y-pink-200 | border-block-color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.border-y-pink-300 | border-block-color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.border-y-pink-400 | border-block-color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.border-y-pink-500 | border-block-color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.border-y-pink-600 | border-block-color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.border-y-pink-700 | border-block-color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.border-y-pink-800 | border-block-color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.border-y-pink-900 | border-block-color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.border-y-pink-950 | border-block-color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.border-y-rose-50 | border-block-color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.border-y-rose-100 | border-block-color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.border-y-rose-200 | border-block-color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.border-y-rose-300 | border-block-color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.border-y-rose-400 | border-block-color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.border-y-rose-500 | border-block-color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.border-y-rose-600 | border-block-color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.border-y-rose-700 | border-block-color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.border-y-rose-800 | border-block-color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.border-y-rose-900 | border-block-color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.border-y-rose-950 | border-block-color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.border-y-slate-50 | border-block-color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.border-y-slate-100 | border-block-color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.border-y-slate-200 | border-block-color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.border-y-slate-300 | border-block-color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.border-y-slate-400 | border-block-color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.border-y-slate-500 | border-block-color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.border-y-slate-600 | border-block-color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.border-y-slate-700 | border-block-color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.border-y-slate-800 | border-block-color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.border-y-slate-900 | border-block-color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.border-y-slate-950 | border-block-color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.border-y-gray-50 | border-block-color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.border-y-gray-100 | border-block-color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.border-y-gray-200 | border-block-color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.border-y-gray-300 | border-block-color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.border-y-gray-400 | border-block-color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.border-y-gray-500 | border-block-color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.border-y-gray-600 | border-block-color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.border-y-gray-700 | border-block-color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.border-y-gray-800 | border-block-color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.border-y-gray-900 | border-block-color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.border-y-gray-950 | border-block-color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.border-y-zinc-50 | border-block-color: var(--color-zinc-50); | oklch(0.985 0 0) |
.border-y-zinc-100 | border-block-color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.border-y-zinc-200 | border-block-color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.border-y-zinc-300 | border-block-color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.border-y-zinc-400 | border-block-color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.border-y-zinc-500 | border-block-color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.border-y-zinc-600 | border-block-color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.border-y-zinc-700 | border-block-color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.border-y-zinc-800 | border-block-color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.border-y-zinc-900 | border-block-color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.border-y-zinc-950 | border-block-color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.border-y-neutral-50 | border-block-color: var(--color-neutral-50); | oklch(0.985 0 0) |
.border-y-neutral-100 | border-block-color: var(--color-neutral-100); | oklch(0.97 0 0) |
.border-y-neutral-200 | border-block-color: var(--color-neutral-200); | oklch(0.922 0 0) |
.border-y-neutral-300 | border-block-color: var(--color-neutral-300); | oklch(0.87 0 0) |
.border-y-neutral-400 | border-block-color: var(--color-neutral-400); | oklch(0.708 0 0) |
.border-y-neutral-500 | border-block-color: var(--color-neutral-500); | oklch(0.556 0 0) |
.border-y-neutral-600 | border-block-color: var(--color-neutral-600); | oklch(0.439 0 0) |
.border-y-neutral-700 | border-block-color: var(--color-neutral-700); | oklch(0.371 0 0) |
.border-y-neutral-800 | border-block-color: var(--color-neutral-800); | oklch(0.269 0 0) |
.border-y-neutral-900 | border-block-color: var(--color-neutral-900); | oklch(0.205 0 0) |
.border-y-neutral-950 | border-block-color: var(--color-neutral-950); | oklch(0.145 0 0) |
.border-y-stone-50 | border-block-color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.border-y-stone-100 | border-block-color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.border-y-stone-200 | border-block-color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.border-y-stone-300 | border-block-color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.border-y-stone-400 | border-block-color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.border-y-stone-500 | border-block-color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.border-y-stone-600 | border-block-color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.border-y-stone-700 | border-block-color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.border-y-stone-800 | border-block-color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.border-y-stone-900 | border-block-color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.border-y-stone-950 | border-block-color: var(--color-stone-950); | oklch(0.147 0.004 49.25) |
.border-y-(<custom-property>) | border-block-color: var(<custom-property>); | |
.border-y-[<value>] | border-block-color: <value>; | |
.border-s-inherit | border-inline-start-color: inherit; | |
.border-s-current | border-inline-start-color: currentColor; | |
.border-s-transparent | border-inline-start-color: transparent; | |
.border-s-black | border-inline-start-color: var(--color-black); | #000 |
.border-s-white | border-inline-start-color: var(--color-white); | #fff |
.border-s-red-50 | border-inline-start-color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.border-s-red-100 | border-inline-start-color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.border-s-red-200 | border-inline-start-color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.border-s-red-300 | border-inline-start-color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.border-s-red-400 | border-inline-start-color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.border-s-red-500 | border-inline-start-color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.border-s-red-600 | border-inline-start-color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.border-s-red-700 | border-inline-start-color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.border-s-red-800 | border-inline-start-color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.border-s-red-900 | border-inline-start-color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.border-s-red-950 | border-inline-start-color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.border-s-orange-50 | border-inline-start-color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.border-s-orange-100 | border-inline-start-color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.border-s-orange-200 | border-inline-start-color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.border-s-orange-300 | border-inline-start-color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.border-s-orange-400 | border-inline-start-color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.border-s-orange-500 | border-inline-start-color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.border-s-orange-600 | border-inline-start-color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.border-s-orange-700 | border-inline-start-color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.border-s-orange-800 | border-inline-start-color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.border-s-orange-900 | border-inline-start-color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.border-s-orange-950 | border-inline-start-color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.border-s-amber-50 | border-inline-start-color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.border-s-amber-100 | border-inline-start-color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.border-s-amber-200 | border-inline-start-color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.border-s-amber-300 | border-inline-start-color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.border-s-amber-400 | border-inline-start-color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.border-s-amber-500 | border-inline-start-color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.border-s-amber-600 | border-inline-start-color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.border-s-amber-700 | border-inline-start-color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.border-s-amber-800 | border-inline-start-color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.border-s-amber-900 | border-inline-start-color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.border-s-amber-950 | border-inline-start-color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.border-s-yellow-50 | border-inline-start-color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.border-s-yellow-100 | border-inline-start-color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.border-s-yellow-200 | border-inline-start-color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.border-s-yellow-300 | border-inline-start-color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.border-s-yellow-400 | border-inline-start-color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.border-s-yellow-500 | border-inline-start-color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.border-s-yellow-600 | border-inline-start-color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.border-s-yellow-700 | border-inline-start-color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.border-s-yellow-800 | border-inline-start-color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.border-s-yellow-900 | border-inline-start-color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.border-s-yellow-950 | border-inline-start-color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.border-s-lime-50 | border-inline-start-color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.border-s-lime-100 | border-inline-start-color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.border-s-lime-200 | border-inline-start-color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.border-s-lime-300 | border-inline-start-color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.border-s-lime-400 | border-inline-start-color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.border-s-lime-500 | border-inline-start-color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.border-s-lime-600 | border-inline-start-color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.border-s-lime-700 | border-inline-start-color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.border-s-lime-800 | border-inline-start-color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.border-s-lime-900 | border-inline-start-color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.border-s-lime-950 | border-inline-start-color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.border-s-green-50 | border-inline-start-color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.border-s-green-100 | border-inline-start-color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.border-s-green-200 | border-inline-start-color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.border-s-green-300 | border-inline-start-color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.border-s-green-400 | border-inline-start-color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.border-s-green-500 | border-inline-start-color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.border-s-green-600 | border-inline-start-color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.border-s-green-700 | border-inline-start-color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.border-s-green-800 | border-inline-start-color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.border-s-green-900 | border-inline-start-color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.border-s-green-950 | border-inline-start-color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.border-s-emerald-50 | border-inline-start-color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.border-s-emerald-100 | border-inline-start-color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.border-s-emerald-200 | border-inline-start-color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.border-s-emerald-300 | border-inline-start-color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.border-s-emerald-400 | border-inline-start-color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.border-s-emerald-500 | border-inline-start-color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.border-s-emerald-600 | border-inline-start-color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.border-s-emerald-700 | border-inline-start-color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.border-s-emerald-800 | border-inline-start-color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.border-s-emerald-900 | border-inline-start-color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.border-s-emerald-950 | border-inline-start-color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.border-s-teal-50 | border-inline-start-color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.border-s-teal-100 | border-inline-start-color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.border-s-teal-200 | border-inline-start-color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.border-s-teal-300 | border-inline-start-color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.border-s-teal-400 | border-inline-start-color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.border-s-teal-500 | border-inline-start-color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.border-s-teal-600 | border-inline-start-color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.border-s-teal-700 | border-inline-start-color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.border-s-teal-800 | border-inline-start-color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.border-s-teal-900 | border-inline-start-color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.border-s-teal-950 | border-inline-start-color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.border-s-cyan-50 | border-inline-start-color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.border-s-cyan-100 | border-inline-start-color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.border-s-cyan-200 | border-inline-start-color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.border-s-cyan-300 | border-inline-start-color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.border-s-cyan-400 | border-inline-start-color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.border-s-cyan-500 | border-inline-start-color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.border-s-cyan-600 | border-inline-start-color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.border-s-cyan-700 | border-inline-start-color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.border-s-cyan-800 | border-inline-start-color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.border-s-cyan-900 | border-inline-start-color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.border-s-cyan-950 | border-inline-start-color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.border-s-sky-50 | border-inline-start-color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.border-s-sky-100 | border-inline-start-color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.border-s-sky-200 | border-inline-start-color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.border-s-sky-300 | border-inline-start-color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.border-s-sky-400 | border-inline-start-color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.border-s-sky-500 | border-inline-start-color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.border-s-sky-600 | border-inline-start-color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.border-s-sky-700 | border-inline-start-color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.border-s-sky-800 | border-inline-start-color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.border-s-sky-900 | border-inline-start-color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.border-s-sky-950 | border-inline-start-color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.border-s-blue-50 | border-inline-start-color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.border-s-blue-100 | border-inline-start-color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.border-s-blue-200 | border-inline-start-color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.border-s-blue-300 | border-inline-start-color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.border-s-blue-400 | border-inline-start-color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.border-s-blue-500 | border-inline-start-color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.border-s-blue-600 | border-inline-start-color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.border-s-blue-700 | border-inline-start-color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.border-s-blue-800 | border-inline-start-color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.border-s-blue-900 | border-inline-start-color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.border-s-blue-950 | border-inline-start-color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.border-s-indigo-50 | border-inline-start-color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.border-s-indigo-100 | border-inline-start-color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.border-s-indigo-200 | border-inline-start-color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.border-s-indigo-300 | border-inline-start-color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.border-s-indigo-400 | border-inline-start-color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.border-s-indigo-500 | border-inline-start-color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.border-s-indigo-600 | border-inline-start-color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.border-s-indigo-700 | border-inline-start-color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.border-s-indigo-800 | border-inline-start-color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.border-s-indigo-900 | border-inline-start-color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.border-s-indigo-950 | border-inline-start-color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.border-s-violet-50 | border-inline-start-color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.border-s-violet-100 | border-inline-start-color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.border-s-violet-200 | border-inline-start-color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.border-s-violet-300 | border-inline-start-color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.border-s-violet-400 | border-inline-start-color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.border-s-violet-500 | border-inline-start-color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.border-s-violet-600 | border-inline-start-color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.border-s-violet-700 | border-inline-start-color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.border-s-violet-800 | border-inline-start-color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.border-s-violet-900 | border-inline-start-color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.border-s-violet-950 | border-inline-start-color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.border-s-purple-50 | border-inline-start-color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.border-s-purple-100 | border-inline-start-color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.border-s-purple-200 | border-inline-start-color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.border-s-purple-300 | border-inline-start-color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.border-s-purple-400 | border-inline-start-color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.border-s-purple-500 | border-inline-start-color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.border-s-purple-600 | border-inline-start-color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.border-s-purple-700 | border-inline-start-color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.border-s-purple-800 | border-inline-start-color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.border-s-purple-900 | border-inline-start-color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.border-s-purple-950 | border-inline-start-color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.border-s-fuchsia-50 | border-inline-start-color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.border-s-fuchsia-100 | border-inline-start-color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.border-s-fuchsia-200 | border-inline-start-color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.border-s-fuchsia-300 | border-inline-start-color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.border-s-fuchsia-400 | border-inline-start-color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.border-s-fuchsia-500 | border-inline-start-color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.border-s-fuchsia-600 | border-inline-start-color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.border-s-fuchsia-700 | border-inline-start-color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.border-s-fuchsia-800 | border-inline-start-color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.border-s-fuchsia-900 | border-inline-start-color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.border-s-fuchsia-950 | border-inline-start-color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.border-s-pink-50 | border-inline-start-color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.border-s-pink-100 | border-inline-start-color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.border-s-pink-200 | border-inline-start-color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.border-s-pink-300 | border-inline-start-color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.border-s-pink-400 | border-inline-start-color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.border-s-pink-500 | border-inline-start-color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.border-s-pink-600 | border-inline-start-color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.border-s-pink-700 | border-inline-start-color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.border-s-pink-800 | border-inline-start-color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.border-s-pink-900 | border-inline-start-color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.border-s-pink-950 | border-inline-start-color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.border-s-rose-50 | border-inline-start-color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.border-s-rose-100 | border-inline-start-color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.border-s-rose-200 | border-inline-start-color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.border-s-rose-300 | border-inline-start-color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.border-s-rose-400 | border-inline-start-color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.border-s-rose-500 | border-inline-start-color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.border-s-rose-600 | border-inline-start-color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.border-s-rose-700 | border-inline-start-color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.border-s-rose-800 | border-inline-start-color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.border-s-rose-900 | border-inline-start-color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.border-s-rose-950 | border-inline-start-color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.border-s-slate-50 | border-inline-start-color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.border-s-slate-100 | border-inline-start-color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.border-s-slate-200 | border-inline-start-color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.border-s-slate-300 | border-inline-start-color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.border-s-slate-400 | border-inline-start-color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.border-s-slate-500 | border-inline-start-color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.border-s-slate-600 | border-inline-start-color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.border-s-slate-700 | border-inline-start-color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.border-s-slate-800 | border-inline-start-color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.border-s-slate-900 | border-inline-start-color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.border-s-slate-950 | border-inline-start-color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.border-s-gray-50 | border-inline-start-color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.border-s-gray-100 | border-inline-start-color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.border-s-gray-200 | border-inline-start-color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.border-s-gray-300 | border-inline-start-color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.border-s-gray-400 | border-inline-start-color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.border-s-gray-500 | border-inline-start-color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.border-s-gray-600 | border-inline-start-color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.border-s-gray-700 | border-inline-start-color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.border-s-gray-800 | border-inline-start-color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.border-s-gray-900 | border-inline-start-color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.border-s-gray-950 | border-inline-start-color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.border-s-zinc-50 | border-inline-start-color: var(--color-zinc-50); | oklch(0.985 0 0) |
.border-s-zinc-100 | border-inline-start-color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.border-s-zinc-200 | border-inline-start-color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.border-s-zinc-300 | border-inline-start-color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.border-s-zinc-400 | border-inline-start-color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.border-s-zinc-500 | border-inline-start-color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.border-s-zinc-600 | border-inline-start-color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.border-s-zinc-700 | border-inline-start-color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.border-s-zinc-800 | border-inline-start-color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.border-s-zinc-900 | border-inline-start-color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.border-s-zinc-950 | border-inline-start-color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.border-s-neutral-50 | border-inline-start-color: var(--color-neutral-50); | oklch(0.985 0 0) |
.border-s-neutral-100 | border-inline-start-color: var(--color-neutral-100); | oklch(0.97 0 0) |
.border-s-neutral-200 | border-inline-start-color: var(--color-neutral-200); | oklch(0.922 0 0) |
.border-s-neutral-300 | border-inline-start-color: var(--color-neutral-300); | oklch(0.87 0 0) |
.border-s-neutral-400 | border-inline-start-color: var(--color-neutral-400); | oklch(0.708 0 0) |
.border-s-neutral-500 | border-inline-start-color: var(--color-neutral-500); | oklch(0.556 0 0) |
.border-s-neutral-600 | border-inline-start-color: var(--color-neutral-600); | oklch(0.439 0 0) |
.border-s-neutral-700 | border-inline-start-color: var(--color-neutral-700); | oklch(0.371 0 0) |
.border-s-neutral-800 | border-inline-start-color: var(--color-neutral-800); | oklch(0.269 0 0) |
.border-s-neutral-900 | border-inline-start-color: var(--color-neutral-900); | oklch(0.205 0 0) |
.border-s-neutral-950 | border-inline-start-color: var(--color-neutral-950); | oklch(0.145 0 0) |
.border-s-stone-50 | border-inline-start-color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.border-s-stone-100 | border-inline-start-color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.border-s-stone-200 | border-inline-start-color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.border-s-stone-300 | border-inline-start-color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.border-s-stone-400 | border-inline-start-color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.border-s-stone-500 | border-inline-start-color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.border-s-stone-600 | border-inline-start-color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.border-s-stone-700 | border-inline-start-color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.border-s-stone-800 | border-inline-start-color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.border-s-stone-900 | border-inline-start-color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.border-s-stone-950 | border-inline-start-color: var(--color-stone-950); | oklch(0.147 0.004 49.25) |
.border-s-(<custom-property>) | border-inline-start-color: var(<custom-property>); | |
.border-s-[<value>] | border-inline-start-color: <value>; | |
.border-e-inherit | border-inline-end-color: inherit; | |
.border-e-current | border-inline-end-color: currentColor; | |
.border-e-transparent | border-inline-end-color: transparent; | |
.border-e-black | border-inline-end-color: var(--color-black); | #000 |
.border-e-white | border-inline-end-color: var(--color-white); | #fff |
.border-e-red-50 | border-inline-end-color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.border-e-red-100 | border-inline-end-color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.border-e-red-200 | border-inline-end-color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.border-e-red-300 | border-inline-end-color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.border-e-red-400 | border-inline-end-color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.border-e-red-500 | border-inline-end-color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.border-e-red-600 | border-inline-end-color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.border-e-red-700 | border-inline-end-color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.border-e-red-800 | border-inline-end-color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.border-e-red-900 | border-inline-end-color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.border-e-red-950 | border-inline-end-color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.border-e-orange-50 | border-inline-end-color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.border-e-orange-100 | border-inline-end-color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.border-e-orange-200 | border-inline-end-color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.border-e-orange-300 | border-inline-end-color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.border-e-orange-400 | border-inline-end-color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.border-e-orange-500 | border-inline-end-color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.border-e-orange-600 | border-inline-end-color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.border-e-orange-700 | border-inline-end-color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.border-e-orange-800 | border-inline-end-color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.border-e-orange-900 | border-inline-end-color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.border-e-orange-950 | border-inline-end-color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.border-e-amber-50 | border-inline-end-color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.border-e-amber-100 | border-inline-end-color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.border-e-amber-200 | border-inline-end-color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.border-e-amber-300 | border-inline-end-color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.border-e-amber-400 | border-inline-end-color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.border-e-amber-500 | border-inline-end-color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.border-e-amber-600 | border-inline-end-color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.border-e-amber-700 | border-inline-end-color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.border-e-amber-800 | border-inline-end-color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.border-e-amber-900 | border-inline-end-color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.border-e-amber-950 | border-inline-end-color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.border-e-yellow-50 | border-inline-end-color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.border-e-yellow-100 | border-inline-end-color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.border-e-yellow-200 | border-inline-end-color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.border-e-yellow-300 | border-inline-end-color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.border-e-yellow-400 | border-inline-end-color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.border-e-yellow-500 | border-inline-end-color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.border-e-yellow-600 | border-inline-end-color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.border-e-yellow-700 | border-inline-end-color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.border-e-yellow-800 | border-inline-end-color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.border-e-yellow-900 | border-inline-end-color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.border-e-yellow-950 | border-inline-end-color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.border-e-lime-50 | border-inline-end-color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.border-e-lime-100 | border-inline-end-color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.border-e-lime-200 | border-inline-end-color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.border-e-lime-300 | border-inline-end-color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.border-e-lime-400 | border-inline-end-color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.border-e-lime-500 | border-inline-end-color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.border-e-lime-600 | border-inline-end-color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.border-e-lime-700 | border-inline-end-color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.border-e-lime-800 | border-inline-end-color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.border-e-lime-900 | border-inline-end-color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.border-e-lime-950 | border-inline-end-color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.border-e-green-50 | border-inline-end-color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.border-e-green-100 | border-inline-end-color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.border-e-green-200 | border-inline-end-color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.border-e-green-300 | border-inline-end-color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.border-e-green-400 | border-inline-end-color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.border-e-green-500 | border-inline-end-color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.border-e-green-600 | border-inline-end-color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.border-e-green-700 | border-inline-end-color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.border-e-green-800 | border-inline-end-color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.border-e-green-900 | border-inline-end-color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.border-e-green-950 | border-inline-end-color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.border-e-emerald-50 | border-inline-end-color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.border-e-emerald-100 | border-inline-end-color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.border-e-emerald-200 | border-inline-end-color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.border-e-emerald-300 | border-inline-end-color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.border-e-emerald-400 | border-inline-end-color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.border-e-emerald-500 | border-inline-end-color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.border-e-emerald-600 | border-inline-end-color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.border-e-emerald-700 | border-inline-end-color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.border-e-emerald-800 | border-inline-end-color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.border-e-emerald-900 | border-inline-end-color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.border-e-emerald-950 | border-inline-end-color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.border-e-teal-50 | border-inline-end-color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.border-e-teal-100 | border-inline-end-color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.border-e-teal-200 | border-inline-end-color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.border-e-teal-300 | border-inline-end-color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.border-e-teal-400 | border-inline-end-color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.border-e-teal-500 | border-inline-end-color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.border-e-teal-600 | border-inline-end-color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.border-e-teal-700 | border-inline-end-color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.border-e-teal-800 | border-inline-end-color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.border-e-teal-900 | border-inline-end-color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.border-e-teal-950 | border-inline-end-color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.border-e-cyan-50 | border-inline-end-color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.border-e-cyan-100 | border-inline-end-color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.border-e-cyan-200 | border-inline-end-color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.border-e-cyan-300 | border-inline-end-color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.border-e-cyan-400 | border-inline-end-color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.border-e-cyan-500 | border-inline-end-color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.border-e-cyan-600 | border-inline-end-color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.border-e-cyan-700 | border-inline-end-color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.border-e-cyan-800 | border-inline-end-color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.border-e-cyan-900 | border-inline-end-color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.border-e-cyan-950 | border-inline-end-color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.border-e-sky-50 | border-inline-end-color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.border-e-sky-100 | border-inline-end-color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.border-e-sky-200 | border-inline-end-color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.border-e-sky-300 | border-inline-end-color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.border-e-sky-400 | border-inline-end-color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.border-e-sky-500 | border-inline-end-color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.border-e-sky-600 | border-inline-end-color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.border-e-sky-700 | border-inline-end-color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.border-e-sky-800 | border-inline-end-color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.border-e-sky-900 | border-inline-end-color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.border-e-sky-950 | border-inline-end-color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.border-e-blue-50 | border-inline-end-color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.border-e-blue-100 | border-inline-end-color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.border-e-blue-200 | border-inline-end-color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.border-e-blue-300 | border-inline-end-color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.border-e-blue-400 | border-inline-end-color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.border-e-blue-500 | border-inline-end-color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.border-e-blue-600 | border-inline-end-color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.border-e-blue-700 | border-inline-end-color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.border-e-blue-800 | border-inline-end-color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.border-e-blue-900 | border-inline-end-color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.border-e-blue-950 | border-inline-end-color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.border-e-indigo-50 | border-inline-end-color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.border-e-indigo-100 | border-inline-end-color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.border-e-indigo-200 | border-inline-end-color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.border-e-indigo-300 | border-inline-end-color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.border-e-indigo-400 | border-inline-end-color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.border-e-indigo-500 | border-inline-end-color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.border-e-indigo-600 | border-inline-end-color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.border-e-indigo-700 | border-inline-end-color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.border-e-indigo-800 | border-inline-end-color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.border-e-indigo-900 | border-inline-end-color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.border-e-indigo-950 | border-inline-end-color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.border-e-violet-50 | border-inline-end-color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.border-e-violet-100 | border-inline-end-color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.border-e-violet-200 | border-inline-end-color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.border-e-violet-300 | border-inline-end-color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.border-e-violet-400 | border-inline-end-color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.border-e-violet-500 | border-inline-end-color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.border-e-violet-600 | border-inline-end-color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.border-e-violet-700 | border-inline-end-color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.border-e-violet-800 | border-inline-end-color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.border-e-violet-900 | border-inline-end-color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.border-e-violet-950 | border-inline-end-color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.border-e-purple-50 | border-inline-end-color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.border-e-purple-100 | border-inline-end-color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.border-e-purple-200 | border-inline-end-color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.border-e-purple-300 | border-inline-end-color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.border-e-purple-400 | border-inline-end-color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.border-e-purple-500 | border-inline-end-color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.border-e-purple-600 | border-inline-end-color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.border-e-purple-700 | border-inline-end-color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.border-e-purple-800 | border-inline-end-color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.border-e-purple-900 | border-inline-end-color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.border-e-purple-950 | border-inline-end-color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.border-e-fuchsia-50 | border-inline-end-color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.border-e-fuchsia-100 | border-inline-end-color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.border-e-fuchsia-200 | border-inline-end-color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.border-e-fuchsia-300 | border-inline-end-color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.border-e-fuchsia-400 | border-inline-end-color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.border-e-fuchsia-500 | border-inline-end-color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.border-e-fuchsia-600 | border-inline-end-color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.border-e-fuchsia-700 | border-inline-end-color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.border-e-fuchsia-800 | border-inline-end-color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.border-e-fuchsia-900 | border-inline-end-color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.border-e-fuchsia-950 | border-inline-end-color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.border-e-pink-50 | border-inline-end-color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.border-e-pink-100 | border-inline-end-color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.border-e-pink-200 | border-inline-end-color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.border-e-pink-300 | border-inline-end-color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.border-e-pink-400 | border-inline-end-color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.border-e-pink-500 | border-inline-end-color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.border-e-pink-600 | border-inline-end-color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.border-e-pink-700 | border-inline-end-color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.border-e-pink-800 | border-inline-end-color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.border-e-pink-900 | border-inline-end-color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.border-e-pink-950 | border-inline-end-color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.border-e-rose-50 | border-inline-end-color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.border-e-rose-100 | border-inline-end-color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.border-e-rose-200 | border-inline-end-color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.border-e-rose-300 | border-inline-end-color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.border-e-rose-400 | border-inline-end-color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.border-e-rose-500 | border-inline-end-color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.border-e-rose-600 | border-inline-end-color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.border-e-rose-700 | border-inline-end-color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.border-e-rose-800 | border-inline-end-color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.border-e-rose-900 | border-inline-end-color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.border-e-rose-950 | border-inline-end-color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.border-e-slate-50 | border-inline-end-color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.border-e-slate-100 | border-inline-end-color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.border-e-slate-200 | border-inline-end-color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.border-e-slate-300 | border-inline-end-color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.border-e-slate-400 | border-inline-end-color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.border-e-slate-500 | border-inline-end-color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.border-e-slate-600 | border-inline-end-color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.border-e-slate-700 | border-inline-end-color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.border-e-slate-800 | border-inline-end-color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.border-e-slate-900 | border-inline-end-color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.border-e-slate-950 | border-inline-end-color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.border-e-gray-50 | border-inline-end-color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.border-e-gray-100 | border-inline-end-color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.border-e-gray-200 | border-inline-end-color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.border-e-gray-300 | border-inline-end-color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.border-e-gray-400 | border-inline-end-color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.border-e-gray-500 | border-inline-end-color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.border-e-gray-600 | border-inline-end-color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.border-e-gray-700 | border-inline-end-color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.border-e-gray-800 | border-inline-end-color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.border-e-gray-900 | border-inline-end-color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.border-e-gray-950 | border-inline-end-color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.border-e-zinc-50 | border-inline-end-color: var(--color-zinc-50); | oklch(0.985 0 0) |
.border-e-zinc-100 | border-inline-end-color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.border-e-zinc-200 | border-inline-end-color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.border-e-zinc-300 | border-inline-end-color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.border-e-zinc-400 | border-inline-end-color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.border-e-zinc-500 | border-inline-end-color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.border-e-zinc-600 | border-inline-end-color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.border-e-zinc-700 | border-inline-end-color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.border-e-zinc-800 | border-inline-end-color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.border-e-zinc-900 | border-inline-end-color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.border-e-zinc-950 | border-inline-end-color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.border-e-neutral-50 | border-inline-end-color: var(--color-neutral-50); | oklch(0.985 0 0) |
.border-e-neutral-100 | border-inline-end-color: var(--color-neutral-100); | oklch(0.97 0 0) |
.border-e-neutral-200 | border-inline-end-color: var(--color-neutral-200); | oklch(0.922 0 0) |
.border-e-neutral-300 | border-inline-end-color: var(--color-neutral-300); | oklch(0.87 0 0) |
.border-e-neutral-400 | border-inline-end-color: var(--color-neutral-400); | oklch(0.708 0 0) |
.border-e-neutral-500 | border-inline-end-color: var(--color-neutral-500); | oklch(0.556 0 0) |
.border-e-neutral-600 | border-inline-end-color: var(--color-neutral-600); | oklch(0.439 0 0) |
.border-e-neutral-700 | border-inline-end-color: var(--color-neutral-700); | oklch(0.371 0 0) |
.border-e-neutral-800 | border-inline-end-color: var(--color-neutral-800); | oklch(0.269 0 0) |
.border-e-neutral-900 | border-inline-end-color: var(--color-neutral-900); | oklch(0.205 0 0) |
.border-e-neutral-950 | border-inline-end-color: var(--color-neutral-950); | oklch(0.145 0 0) |
.border-e-stone-50 | border-inline-end-color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.border-e-stone-100 | border-inline-end-color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.border-e-stone-200 | border-inline-end-color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.border-e-stone-300 | border-inline-end-color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.border-e-stone-400 | border-inline-end-color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.border-e-stone-500 | border-inline-end-color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.border-e-stone-600 | border-inline-end-color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.border-e-stone-700 | border-inline-end-color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.border-e-stone-800 | border-inline-end-color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.border-e-stone-900 | border-inline-end-color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.border-e-stone-950 | border-inline-end-color: var(--color-stone-950); | oklch(0.147 0.004 49.25) |
.border-e-(<custom-property>) | border-inline-end-color: var(<custom-property>); | |
.border-e-[<value>] | border-inline-end-color: <value>; | |
.border-t-inherit | border-top-color: inherit; | |
.border-t-current | border-top-color: currentColor; | |
.border-t-transparent | border-top-color: transparent; | |
.border-t-black | border-top-color: var(--color-black); | #000 |
.border-t-white | border-top-color: var(--color-white); | #fff |
.border-t-red-50 | border-top-color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.border-t-red-100 | border-top-color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.border-t-red-200 | border-top-color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.border-t-red-300 | border-top-color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.border-t-red-400 | border-top-color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.border-t-red-500 | border-top-color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.border-t-red-600 | border-top-color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.border-t-red-700 | border-top-color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.border-t-red-800 | border-top-color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.border-t-red-900 | border-top-color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.border-t-red-950 | border-top-color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.border-t-orange-50 | border-top-color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.border-t-orange-100 | border-top-color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.border-t-orange-200 | border-top-color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.border-t-orange-300 | border-top-color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.border-t-orange-400 | border-top-color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.border-t-orange-500 | border-top-color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.border-t-orange-600 | border-top-color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.border-t-orange-700 | border-top-color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.border-t-orange-800 | border-top-color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.border-t-orange-900 | border-top-color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.border-t-orange-950 | border-top-color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.border-t-amber-50 | border-top-color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.border-t-amber-100 | border-top-color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.border-t-amber-200 | border-top-color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.border-t-amber-300 | border-top-color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.border-t-amber-400 | border-top-color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.border-t-amber-500 | border-top-color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.border-t-amber-600 | border-top-color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.border-t-amber-700 | border-top-color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.border-t-amber-800 | border-top-color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.border-t-amber-900 | border-top-color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.border-t-amber-950 | border-top-color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.border-t-yellow-50 | border-top-color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.border-t-yellow-100 | border-top-color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.border-t-yellow-200 | border-top-color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.border-t-yellow-300 | border-top-color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.border-t-yellow-400 | border-top-color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.border-t-yellow-500 | border-top-color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.border-t-yellow-600 | border-top-color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.border-t-yellow-700 | border-top-color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.border-t-yellow-800 | border-top-color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.border-t-yellow-900 | border-top-color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.border-t-yellow-950 | border-top-color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.border-t-lime-50 | border-top-color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.border-t-lime-100 | border-top-color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.border-t-lime-200 | border-top-color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.border-t-lime-300 | border-top-color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.border-t-lime-400 | border-top-color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.border-t-lime-500 | border-top-color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.border-t-lime-600 | border-top-color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.border-t-lime-700 | border-top-color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.border-t-lime-800 | border-top-color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.border-t-lime-900 | border-top-color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.border-t-lime-950 | border-top-color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.border-t-green-50 | border-top-color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.border-t-green-100 | border-top-color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.border-t-green-200 | border-top-color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.border-t-green-300 | border-top-color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.border-t-green-400 | border-top-color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.border-t-green-500 | border-top-color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.border-t-green-600 | border-top-color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.border-t-green-700 | border-top-color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.border-t-green-800 | border-top-color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.border-t-green-900 | border-top-color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.border-t-green-950 | border-top-color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.border-t-emerald-50 | border-top-color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.border-t-emerald-100 | border-top-color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.border-t-emerald-200 | border-top-color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.border-t-emerald-300 | border-top-color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.border-t-emerald-400 | border-top-color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.border-t-emerald-500 | border-top-color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.border-t-emerald-600 | border-top-color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.border-t-emerald-700 | border-top-color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.border-t-emerald-800 | border-top-color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.border-t-emerald-900 | border-top-color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.border-t-emerald-950 | border-top-color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.border-t-teal-50 | border-top-color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.border-t-teal-100 | border-top-color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.border-t-teal-200 | border-top-color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.border-t-teal-300 | border-top-color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.border-t-teal-400 | border-top-color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.border-t-teal-500 | border-top-color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.border-t-teal-600 | border-top-color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.border-t-teal-700 | border-top-color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.border-t-teal-800 | border-top-color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.border-t-teal-900 | border-top-color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.border-t-teal-950 | border-top-color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.border-t-cyan-50 | border-top-color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.border-t-cyan-100 | border-top-color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.border-t-cyan-200 | border-top-color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.border-t-cyan-300 | border-top-color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.border-t-cyan-400 | border-top-color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.border-t-cyan-500 | border-top-color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.border-t-cyan-600 | border-top-color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.border-t-cyan-700 | border-top-color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.border-t-cyan-800 | border-top-color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.border-t-cyan-900 | border-top-color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.border-t-cyan-950 | border-top-color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.border-t-sky-50 | border-top-color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.border-t-sky-100 | border-top-color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.border-t-sky-200 | border-top-color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.border-t-sky-300 | border-top-color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.border-t-sky-400 | border-top-color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.border-t-sky-500 | border-top-color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.border-t-sky-600 | border-top-color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.border-t-sky-700 | border-top-color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.border-t-sky-800 | border-top-color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.border-t-sky-900 | border-top-color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.border-t-sky-950 | border-top-color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.border-t-blue-50 | border-top-color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.border-t-blue-100 | border-top-color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.border-t-blue-200 | border-top-color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.border-t-blue-300 | border-top-color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.border-t-blue-400 | border-top-color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.border-t-blue-500 | border-top-color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.border-t-blue-600 | border-top-color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.border-t-blue-700 | border-top-color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.border-t-blue-800 | border-top-color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.border-t-blue-900 | border-top-color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.border-t-blue-950 | border-top-color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.border-t-indigo-50 | border-top-color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.border-t-indigo-100 | border-top-color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.border-t-indigo-200 | border-top-color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.border-t-indigo-300 | border-top-color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.border-t-indigo-400 | border-top-color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.border-t-indigo-500 | border-top-color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.border-t-indigo-600 | border-top-color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.border-t-indigo-700 | border-top-color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.border-t-indigo-800 | border-top-color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.border-t-indigo-900 | border-top-color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.border-t-indigo-950 | border-top-color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.border-t-violet-50 | border-top-color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.border-t-violet-100 | border-top-color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.border-t-violet-200 | border-top-color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.border-t-violet-300 | border-top-color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.border-t-violet-400 | border-top-color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.border-t-violet-500 | border-top-color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.border-t-violet-600 | border-top-color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.border-t-violet-700 | border-top-color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.border-t-violet-800 | border-top-color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.border-t-violet-900 | border-top-color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.border-t-violet-950 | border-top-color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.border-t-purple-50 | border-top-color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.border-t-purple-100 | border-top-color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.border-t-purple-200 | border-top-color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.border-t-purple-300 | border-top-color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.border-t-purple-400 | border-top-color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.border-t-purple-500 | border-top-color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.border-t-purple-600 | border-top-color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.border-t-purple-700 | border-top-color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.border-t-purple-800 | border-top-color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.border-t-purple-900 | border-top-color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.border-t-purple-950 | border-top-color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.border-t-fuchsia-50 | border-top-color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.border-t-fuchsia-100 | border-top-color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.border-t-fuchsia-200 | border-top-color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.border-t-fuchsia-300 | border-top-color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.border-t-fuchsia-400 | border-top-color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.border-t-fuchsia-500 | border-top-color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.border-t-fuchsia-600 | border-top-color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.border-t-fuchsia-700 | border-top-color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.border-t-fuchsia-800 | border-top-color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.border-t-fuchsia-900 | border-top-color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.border-t-fuchsia-950 | border-top-color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.border-t-pink-50 | border-top-color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.border-t-pink-100 | border-top-color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.border-t-pink-200 | border-top-color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.border-t-pink-300 | border-top-color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.border-t-pink-400 | border-top-color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.border-t-pink-500 | border-top-color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.border-t-pink-600 | border-top-color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.border-t-pink-700 | border-top-color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.border-t-pink-800 | border-top-color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.border-t-pink-900 | border-top-color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.border-t-pink-950 | border-top-color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.border-t-rose-50 | border-top-color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.border-t-rose-100 | border-top-color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.border-t-rose-200 | border-top-color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.border-t-rose-300 | border-top-color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.border-t-rose-400 | border-top-color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.border-t-rose-500 | border-top-color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.border-t-rose-600 | border-top-color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.border-t-rose-700 | border-top-color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.border-t-rose-800 | border-top-color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.border-t-rose-900 | border-top-color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.border-t-rose-950 | border-top-color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.border-t-slate-50 | border-top-color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.border-t-slate-100 | border-top-color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.border-t-slate-200 | border-top-color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.border-t-slate-300 | border-top-color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.border-t-slate-400 | border-top-color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.border-t-slate-500 | border-top-color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.border-t-slate-600 | border-top-color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.border-t-slate-700 | border-top-color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.border-t-slate-800 | border-top-color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.border-t-slate-900 | border-top-color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.border-t-slate-950 | border-top-color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.border-t-gray-50 | border-top-color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.border-t-gray-100 | border-top-color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.border-t-gray-200 | border-top-color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.border-t-gray-300 | border-top-color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.border-t-gray-400 | border-top-color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.border-t-gray-500 | border-top-color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.border-t-gray-600 | border-top-color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.border-t-gray-700 | border-top-color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.border-t-gray-800 | border-top-color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.border-t-gray-900 | border-top-color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.border-t-gray-950 | border-top-color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.border-t-zinc-50 | border-top-color: var(--color-zinc-50); | oklch(0.985 0 0) |
.border-t-zinc-100 | border-top-color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.border-t-zinc-200 | border-top-color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.border-t-zinc-300 | border-top-color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.border-t-zinc-400 | border-top-color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.border-t-zinc-500 | border-top-color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.border-t-zinc-600 | border-top-color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.border-t-zinc-700 | border-top-color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.border-t-zinc-800 | border-top-color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.border-t-zinc-900 | border-top-color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.border-t-zinc-950 | border-top-color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.border-t-neutral-50 | border-top-color: var(--color-neutral-50); | oklch(0.985 0 0) |
.border-t-neutral-100 | border-top-color: var(--color-neutral-100); | oklch(0.97 0 0) |
.border-t-neutral-200 | border-top-color: var(--color-neutral-200); | oklch(0.922 0 0) |
.border-t-neutral-300 | border-top-color: var(--color-neutral-300); | oklch(0.87 0 0) |
.border-t-neutral-400 | border-top-color: var(--color-neutral-400); | oklch(0.708 0 0) |
.border-t-neutral-500 | border-top-color: var(--color-neutral-500); | oklch(0.556 0 0) |
.border-t-neutral-600 | border-top-color: var(--color-neutral-600); | oklch(0.439 0 0) |
.border-t-neutral-700 | border-top-color: var(--color-neutral-700); | oklch(0.371 0 0) |
.border-t-neutral-800 | border-top-color: var(--color-neutral-800); | oklch(0.269 0 0) |
.border-t-neutral-900 | border-top-color: var(--color-neutral-900); | oklch(0.205 0 0) |
.border-t-neutral-950 | border-top-color: var(--color-neutral-950); | oklch(0.145 0 0) |
.border-t-stone-50 | border-top-color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.border-t-stone-100 | border-top-color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.border-t-stone-200 | border-top-color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.border-t-stone-300 | border-top-color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.border-t-stone-400 | border-top-color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.border-t-stone-500 | border-top-color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.border-t-stone-600 | border-top-color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.border-t-stone-700 | border-top-color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.border-t-stone-800 | border-top-color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.border-t-stone-900 | border-top-color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.border-t-stone-950 | border-top-color: var(--color-stone-950); | oklch(0.147 0.004 49.25) |
.border-t-(<custom-property>) | border-top-color: var(<custom-property>); | |
.border-t-[<value>] | border-top-color: <value>; | |
.border-r-inherit | border-right-color: inherit; | |
.border-r-current | border-right-color: currentColor; | |
.border-r-transparent | border-right-color: transparent; | |
.border-r-black | border-right-color: var(--color-black); | #000 |
.border-r-white | border-right-color: var(--color-white); | #fff |
.border-r-red-50 | border-right-color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.border-r-red-100 | border-right-color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.border-r-red-200 | border-right-color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.border-r-red-300 | border-right-color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.border-r-red-400 | border-right-color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.border-r-red-500 | border-right-color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.border-r-red-600 | border-right-color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.border-r-red-700 | border-right-color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.border-r-red-800 | border-right-color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.border-r-red-900 | border-right-color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.border-r-red-950 | border-right-color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.border-r-orange-50 | border-right-color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.border-r-orange-100 | border-right-color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.border-r-orange-200 | border-right-color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.border-r-orange-300 | border-right-color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.border-r-orange-400 | border-right-color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.border-r-orange-500 | border-right-color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.border-r-orange-600 | border-right-color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.border-r-orange-700 | border-right-color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.border-r-orange-800 | border-right-color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.border-r-orange-900 | border-right-color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.border-r-orange-950 | border-right-color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.border-r-amber-50 | border-right-color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.border-r-amber-100 | border-right-color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.border-r-amber-200 | border-right-color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.border-r-amber-300 | border-right-color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.border-r-amber-400 | border-right-color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.border-r-amber-500 | border-right-color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.border-r-amber-600 | border-right-color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.border-r-amber-700 | border-right-color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.border-r-amber-800 | border-right-color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.border-r-amber-900 | border-right-color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.border-r-amber-950 | border-right-color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.border-r-yellow-50 | border-right-color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.border-r-yellow-100 | border-right-color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.border-r-yellow-200 | border-right-color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.border-r-yellow-300 | border-right-color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.border-r-yellow-400 | border-right-color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.border-r-yellow-500 | border-right-color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.border-r-yellow-600 | border-right-color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.border-r-yellow-700 | border-right-color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.border-r-yellow-800 | border-right-color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.border-r-yellow-900 | border-right-color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.border-r-yellow-950 | border-right-color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.border-r-lime-50 | border-right-color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.border-r-lime-100 | border-right-color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.border-r-lime-200 | border-right-color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.border-r-lime-300 | border-right-color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.border-r-lime-400 | border-right-color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.border-r-lime-500 | border-right-color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.border-r-lime-600 | border-right-color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.border-r-lime-700 | border-right-color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.border-r-lime-800 | border-right-color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.border-r-lime-900 | border-right-color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.border-r-lime-950 | border-right-color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.border-r-green-50 | border-right-color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.border-r-green-100 | border-right-color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.border-r-green-200 | border-right-color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.border-r-green-300 | border-right-color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.border-r-green-400 | border-right-color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.border-r-green-500 | border-right-color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.border-r-green-600 | border-right-color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.border-r-green-700 | border-right-color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.border-r-green-800 | border-right-color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.border-r-green-900 | border-right-color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.border-r-green-950 | border-right-color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.border-r-emerald-50 | border-right-color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.border-r-emerald-100 | border-right-color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.border-r-emerald-200 | border-right-color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.border-r-emerald-300 | border-right-color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.border-r-emerald-400 | border-right-color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.border-r-emerald-500 | border-right-color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.border-r-emerald-600 | border-right-color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.border-r-emerald-700 | border-right-color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.border-r-emerald-800 | border-right-color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.border-r-emerald-900 | border-right-color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.border-r-emerald-950 | border-right-color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.border-r-teal-50 | border-right-color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.border-r-teal-100 | border-right-color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.border-r-teal-200 | border-right-color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.border-r-teal-300 | border-right-color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.border-r-teal-400 | border-right-color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.border-r-teal-500 | border-right-color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.border-r-teal-600 | border-right-color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.border-r-teal-700 | border-right-color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.border-r-teal-800 | border-right-color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.border-r-teal-900 | border-right-color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.border-r-teal-950 | border-right-color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.border-r-cyan-50 | border-right-color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.border-r-cyan-100 | border-right-color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.border-r-cyan-200 | border-right-color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.border-r-cyan-300 | border-right-color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.border-r-cyan-400 | border-right-color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.border-r-cyan-500 | border-right-color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.border-r-cyan-600 | border-right-color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.border-r-cyan-700 | border-right-color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.border-r-cyan-800 | border-right-color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.border-r-cyan-900 | border-right-color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.border-r-cyan-950 | border-right-color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.border-r-sky-50 | border-right-color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.border-r-sky-100 | border-right-color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.border-r-sky-200 | border-right-color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.border-r-sky-300 | border-right-color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.border-r-sky-400 | border-right-color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.border-r-sky-500 | border-right-color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.border-r-sky-600 | border-right-color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.border-r-sky-700 | border-right-color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.border-r-sky-800 | border-right-color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.border-r-sky-900 | border-right-color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.border-r-sky-950 | border-right-color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.border-r-blue-50 | border-right-color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.border-r-blue-100 | border-right-color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.border-r-blue-200 | border-right-color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.border-r-blue-300 | border-right-color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.border-r-blue-400 | border-right-color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.border-r-blue-500 | border-right-color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.border-r-blue-600 | border-right-color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.border-r-blue-700 | border-right-color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.border-r-blue-800 | border-right-color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.border-r-blue-900 | border-right-color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.border-r-blue-950 | border-right-color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.border-r-indigo-50 | border-right-color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.border-r-indigo-100 | border-right-color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.border-r-indigo-200 | border-right-color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.border-r-indigo-300 | border-right-color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.border-r-indigo-400 | border-right-color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.border-r-indigo-500 | border-right-color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.border-r-indigo-600 | border-right-color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.border-r-indigo-700 | border-right-color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.border-r-indigo-800 | border-right-color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.border-r-indigo-900 | border-right-color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.border-r-indigo-950 | border-right-color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.border-r-violet-50 | border-right-color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.border-r-violet-100 | border-right-color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.border-r-violet-200 | border-right-color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.border-r-violet-300 | border-right-color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.border-r-violet-400 | border-right-color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.border-r-violet-500 | border-right-color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.border-r-violet-600 | border-right-color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.border-r-violet-700 | border-right-color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.border-r-violet-800 | border-right-color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.border-r-violet-900 | border-right-color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.border-r-violet-950 | border-right-color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.border-r-purple-50 | border-right-color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.border-r-purple-100 | border-right-color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.border-r-purple-200 | border-right-color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.border-r-purple-300 | border-right-color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.border-r-purple-400 | border-right-color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.border-r-purple-500 | border-right-color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.border-r-purple-600 | border-right-color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.border-r-purple-700 | border-right-color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.border-r-purple-800 | border-right-color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.border-r-purple-900 | border-right-color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.border-r-purple-950 | border-right-color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.border-r-fuchsia-50 | border-right-color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.border-r-fuchsia-100 | border-right-color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.border-r-fuchsia-200 | border-right-color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.border-r-fuchsia-300 | border-right-color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.border-r-fuchsia-400 | border-right-color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.border-r-fuchsia-500 | border-right-color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.border-r-fuchsia-600 | border-right-color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.border-r-fuchsia-700 | border-right-color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.border-r-fuchsia-800 | border-right-color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.border-r-fuchsia-900 | border-right-color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.border-r-fuchsia-950 | border-right-color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.border-r-pink-50 | border-right-color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.border-r-pink-100 | border-right-color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.border-r-pink-200 | border-right-color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.border-r-pink-300 | border-right-color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.border-r-pink-400 | border-right-color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.border-r-pink-500 | border-right-color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.border-r-pink-600 | border-right-color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.border-r-pink-700 | border-right-color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.border-r-pink-800 | border-right-color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.border-r-pink-900 | border-right-color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.border-r-pink-950 | border-right-color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.border-r-rose-50 | border-right-color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.border-r-rose-100 | border-right-color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.border-r-rose-200 | border-right-color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.border-r-rose-300 | border-right-color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.border-r-rose-400 | border-right-color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.border-r-rose-500 | border-right-color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.border-r-rose-600 | border-right-color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.border-r-rose-700 | border-right-color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.border-r-rose-800 | border-right-color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.border-r-rose-900 | border-right-color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.border-r-rose-950 | border-right-color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.border-r-slate-50 | border-right-color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.border-r-slate-100 | border-right-color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.border-r-slate-200 | border-right-color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.border-r-slate-300 | border-right-color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.border-r-slate-400 | border-right-color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.border-r-slate-500 | border-right-color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.border-r-slate-600 | border-right-color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.border-r-slate-700 | border-right-color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.border-r-slate-800 | border-right-color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.border-r-slate-900 | border-right-color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.border-r-slate-950 | border-right-color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.border-r-gray-50 | border-right-color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.border-r-gray-100 | border-right-color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.border-r-gray-200 | border-right-color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.border-r-gray-300 | border-right-color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.border-r-gray-400 | border-right-color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.border-r-gray-500 | border-right-color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.border-r-gray-600 | border-right-color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.border-r-gray-700 | border-right-color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.border-r-gray-800 | border-right-color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.border-r-gray-900 | border-right-color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.border-r-gray-950 | border-right-color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.border-r-zinc-50 | border-right-color: var(--color-zinc-50); | oklch(0.985 0 0) |
.border-r-zinc-100 | border-right-color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.border-r-zinc-200 | border-right-color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.border-r-zinc-300 | border-right-color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.border-r-zinc-400 | border-right-color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.border-r-zinc-500 | border-right-color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.border-r-zinc-600 | border-right-color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.border-r-zinc-700 | border-right-color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.border-r-zinc-800 | border-right-color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.border-r-zinc-900 | border-right-color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.border-r-zinc-950 | border-right-color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.border-r-neutral-50 | border-right-color: var(--color-neutral-50); | oklch(0.985 0 0) |
.border-r-neutral-100 | border-right-color: var(--color-neutral-100); | oklch(0.97 0 0) |
.border-r-neutral-200 | border-right-color: var(--color-neutral-200); | oklch(0.922 0 0) |
.border-r-neutral-300 | border-right-color: var(--color-neutral-300); | oklch(0.87 0 0) |
.border-r-neutral-400 | border-right-color: var(--color-neutral-400); | oklch(0.708 0 0) |
.border-r-neutral-500 | border-right-color: var(--color-neutral-500); | oklch(0.556 0 0) |
.border-r-neutral-600 | border-right-color: var(--color-neutral-600); | oklch(0.439 0 0) |
.border-r-neutral-700 | border-right-color: var(--color-neutral-700); | oklch(0.371 0 0) |
.border-r-neutral-800 | border-right-color: var(--color-neutral-800); | oklch(0.269 0 0) |
.border-r-neutral-900 | border-right-color: var(--color-neutral-900); | oklch(0.205 0 0) |
.border-r-neutral-950 | border-right-color: var(--color-neutral-950); | oklch(0.145 0 0) |
.border-r-stone-50 | border-right-color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.border-r-stone-100 | border-right-color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.border-r-stone-200 | border-right-color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.border-r-stone-300 | border-right-color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.border-r-stone-400 | border-right-color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.border-r-stone-500 | border-right-color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.border-r-stone-600 | border-right-color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.border-r-stone-700 | border-right-color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.border-r-stone-800 | border-right-color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.border-r-stone-900 | border-right-color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.border-r-stone-950 | border-right-color: var(--color-stone-950); | oklch(0.147 0.004 49.25) |
.border-r-(<custom-property>) | border-right-color: var(<custom-property>); | |
.border-r-[<value>] | border-right-color: <value>; | |
.border-b-inherit | border-bottom-color: inherit; | |
.border-b-current | border-bottom-color: currentColor; | |
.border-b-transparent | border-bottom-color: transparent; | |
.border-b-black | border-bottom-color: var(--color-black); | #000 |
.border-b-white | border-bottom-color: var(--color-white); | #fff |
.border-b-red-50 | border-bottom-color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.border-b-red-100 | border-bottom-color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.border-b-red-200 | border-bottom-color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.border-b-red-300 | border-bottom-color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.border-b-red-400 | border-bottom-color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.border-b-red-500 | border-bottom-color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.border-b-red-600 | border-bottom-color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.border-b-red-700 | border-bottom-color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.border-b-red-800 | border-bottom-color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.border-b-red-900 | border-bottom-color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.border-b-red-950 | border-bottom-color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.border-b-orange-50 | border-bottom-color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.border-b-orange-100 | border-bottom-color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.border-b-orange-200 | border-bottom-color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.border-b-orange-300 | border-bottom-color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.border-b-orange-400 | border-bottom-color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.border-b-orange-500 | border-bottom-color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.border-b-orange-600 | border-bottom-color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.border-b-orange-700 | border-bottom-color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.border-b-orange-800 | border-bottom-color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.border-b-orange-900 | border-bottom-color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.border-b-orange-950 | border-bottom-color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.border-b-amber-50 | border-bottom-color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.border-b-amber-100 | border-bottom-color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.border-b-amber-200 | border-bottom-color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.border-b-amber-300 | border-bottom-color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.border-b-amber-400 | border-bottom-color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.border-b-amber-500 | border-bottom-color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.border-b-amber-600 | border-bottom-color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.border-b-amber-700 | border-bottom-color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.border-b-amber-800 | border-bottom-color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.border-b-amber-900 | border-bottom-color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.border-b-amber-950 | border-bottom-color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.border-b-yellow-50 | border-bottom-color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.border-b-yellow-100 | border-bottom-color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.border-b-yellow-200 | border-bottom-color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.border-b-yellow-300 | border-bottom-color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.border-b-yellow-400 | border-bottom-color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.border-b-yellow-500 | border-bottom-color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.border-b-yellow-600 | border-bottom-color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.border-b-yellow-700 | border-bottom-color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.border-b-yellow-800 | border-bottom-color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.border-b-yellow-900 | border-bottom-color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.border-b-yellow-950 | border-bottom-color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.border-b-lime-50 | border-bottom-color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.border-b-lime-100 | border-bottom-color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.border-b-lime-200 | border-bottom-color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.border-b-lime-300 | border-bottom-color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.border-b-lime-400 | border-bottom-color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.border-b-lime-500 | border-bottom-color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.border-b-lime-600 | border-bottom-color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.border-b-lime-700 | border-bottom-color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.border-b-lime-800 | border-bottom-color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.border-b-lime-900 | border-bottom-color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.border-b-lime-950 | border-bottom-color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.border-b-green-50 | border-bottom-color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.border-b-green-100 | border-bottom-color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.border-b-green-200 | border-bottom-color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.border-b-green-300 | border-bottom-color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.border-b-green-400 | border-bottom-color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.border-b-green-500 | border-bottom-color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.border-b-green-600 | border-bottom-color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.border-b-green-700 | border-bottom-color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.border-b-green-800 | border-bottom-color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.border-b-green-900 | border-bottom-color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.border-b-green-950 | border-bottom-color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.border-b-emerald-50 | border-bottom-color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.border-b-emerald-100 | border-bottom-color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.border-b-emerald-200 | border-bottom-color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.border-b-emerald-300 | border-bottom-color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.border-b-emerald-400 | border-bottom-color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.border-b-emerald-500 | border-bottom-color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.border-b-emerald-600 | border-bottom-color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.border-b-emerald-700 | border-bottom-color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.border-b-emerald-800 | border-bottom-color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.border-b-emerald-900 | border-bottom-color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.border-b-emerald-950 | border-bottom-color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.border-b-teal-50 | border-bottom-color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.border-b-teal-100 | border-bottom-color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.border-b-teal-200 | border-bottom-color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.border-b-teal-300 | border-bottom-color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.border-b-teal-400 | border-bottom-color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.border-b-teal-500 | border-bottom-color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.border-b-teal-600 | border-bottom-color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.border-b-teal-700 | border-bottom-color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.border-b-teal-800 | border-bottom-color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.border-b-teal-900 | border-bottom-color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.border-b-teal-950 | border-bottom-color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.border-b-cyan-50 | border-bottom-color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.border-b-cyan-100 | border-bottom-color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.border-b-cyan-200 | border-bottom-color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.border-b-cyan-300 | border-bottom-color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.border-b-cyan-400 | border-bottom-color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.border-b-cyan-500 | border-bottom-color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.border-b-cyan-600 | border-bottom-color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.border-b-cyan-700 | border-bottom-color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.border-b-cyan-800 | border-bottom-color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.border-b-cyan-900 | border-bottom-color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.border-b-cyan-950 | border-bottom-color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.border-b-sky-50 | border-bottom-color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.border-b-sky-100 | border-bottom-color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.border-b-sky-200 | border-bottom-color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.border-b-sky-300 | border-bottom-color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.border-b-sky-400 | border-bottom-color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.border-b-sky-500 | border-bottom-color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.border-b-sky-600 | border-bottom-color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.border-b-sky-700 | border-bottom-color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.border-b-sky-800 | border-bottom-color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.border-b-sky-900 | border-bottom-color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.border-b-sky-950 | border-bottom-color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.border-b-blue-50 | border-bottom-color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.border-b-blue-100 | border-bottom-color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.border-b-blue-200 | border-bottom-color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.border-b-blue-300 | border-bottom-color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.border-b-blue-400 | border-bottom-color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.border-b-blue-500 | border-bottom-color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.border-b-blue-600 | border-bottom-color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.border-b-blue-700 | border-bottom-color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.border-b-blue-800 | border-bottom-color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.border-b-blue-900 | border-bottom-color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.border-b-blue-950 | border-bottom-color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.border-b-indigo-50 | border-bottom-color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.border-b-indigo-100 | border-bottom-color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.border-b-indigo-200 | border-bottom-color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.border-b-indigo-300 | border-bottom-color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.border-b-indigo-400 | border-bottom-color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.border-b-indigo-500 | border-bottom-color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.border-b-indigo-600 | border-bottom-color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.border-b-indigo-700 | border-bottom-color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.border-b-indigo-800 | border-bottom-color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.border-b-indigo-900 | border-bottom-color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.border-b-indigo-950 | border-bottom-color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.border-b-violet-50 | border-bottom-color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.border-b-violet-100 | border-bottom-color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.border-b-violet-200 | border-bottom-color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.border-b-violet-300 | border-bottom-color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.border-b-violet-400 | border-bottom-color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.border-b-violet-500 | border-bottom-color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.border-b-violet-600 | border-bottom-color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.border-b-violet-700 | border-bottom-color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.border-b-violet-800 | border-bottom-color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.border-b-violet-900 | border-bottom-color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.border-b-violet-950 | border-bottom-color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.border-b-purple-50 | border-bottom-color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.border-b-purple-100 | border-bottom-color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.border-b-purple-200 | border-bottom-color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.border-b-purple-300 | border-bottom-color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.border-b-purple-400 | border-bottom-color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.border-b-purple-500 | border-bottom-color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.border-b-purple-600 | border-bottom-color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.border-b-purple-700 | border-bottom-color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.border-b-purple-800 | border-bottom-color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.border-b-purple-900 | border-bottom-color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.border-b-purple-950 | border-bottom-color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.border-b-fuchsia-50 | border-bottom-color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.border-b-fuchsia-100 | border-bottom-color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.border-b-fuchsia-200 | border-bottom-color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.border-b-fuchsia-300 | border-bottom-color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.border-b-fuchsia-400 | border-bottom-color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.border-b-fuchsia-500 | border-bottom-color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.border-b-fuchsia-600 | border-bottom-color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.border-b-fuchsia-700 | border-bottom-color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.border-b-fuchsia-800 | border-bottom-color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.border-b-fuchsia-900 | border-bottom-color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.border-b-fuchsia-950 | border-bottom-color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.border-b-pink-50 | border-bottom-color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.border-b-pink-100 | border-bottom-color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.border-b-pink-200 | border-bottom-color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.border-b-pink-300 | border-bottom-color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.border-b-pink-400 | border-bottom-color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.border-b-pink-500 | border-bottom-color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.border-b-pink-600 | border-bottom-color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.border-b-pink-700 | border-bottom-color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.border-b-pink-800 | border-bottom-color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.border-b-pink-900 | border-bottom-color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.border-b-pink-950 | border-bottom-color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.border-b-rose-50 | border-bottom-color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.border-b-rose-100 | border-bottom-color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.border-b-rose-200 | border-bottom-color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.border-b-rose-300 | border-bottom-color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.border-b-rose-400 | border-bottom-color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.border-b-rose-500 | border-bottom-color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.border-b-rose-600 | border-bottom-color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.border-b-rose-700 | border-bottom-color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.border-b-rose-800 | border-bottom-color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.border-b-rose-900 | border-bottom-color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.border-b-rose-950 | border-bottom-color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.border-b-slate-50 | border-bottom-color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.border-b-slate-100 | border-bottom-color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.border-b-slate-200 | border-bottom-color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.border-b-slate-300 | border-bottom-color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.border-b-slate-400 | border-bottom-color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.border-b-slate-500 | border-bottom-color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.border-b-slate-600 | border-bottom-color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.border-b-slate-700 | border-bottom-color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.border-b-slate-800 | border-bottom-color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.border-b-slate-900 | border-bottom-color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.border-b-slate-950 | border-bottom-color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.border-b-gray-50 | border-bottom-color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.border-b-gray-100 | border-bottom-color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.border-b-gray-200 | border-bottom-color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.border-b-gray-300 | border-bottom-color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.border-b-gray-400 | border-bottom-color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.border-b-gray-500 | border-bottom-color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.border-b-gray-600 | border-bottom-color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.border-b-gray-700 | border-bottom-color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.border-b-gray-800 | border-bottom-color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.border-b-gray-900 | border-bottom-color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.border-b-gray-950 | border-bottom-color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.border-b-zinc-50 | border-bottom-color: var(--color-zinc-50); | oklch(0.985 0 0) |
.border-b-zinc-100 | border-bottom-color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.border-b-zinc-200 | border-bottom-color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.border-b-zinc-300 | border-bottom-color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.border-b-zinc-400 | border-bottom-color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.border-b-zinc-500 | border-bottom-color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.border-b-zinc-600 | border-bottom-color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.border-b-zinc-700 | border-bottom-color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.border-b-zinc-800 | border-bottom-color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.border-b-zinc-900 | border-bottom-color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.border-b-zinc-950 | border-bottom-color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.border-b-neutral-50 | border-bottom-color: var(--color-neutral-50); | oklch(0.985 0 0) |
.border-b-neutral-100 | border-bottom-color: var(--color-neutral-100); | oklch(0.97 0 0) |
.border-b-neutral-200 | border-bottom-color: var(--color-neutral-200); | oklch(0.922 0 0) |
.border-b-neutral-300 | border-bottom-color: var(--color-neutral-300); | oklch(0.87 0 0) |
.border-b-neutral-400 | border-bottom-color: var(--color-neutral-400); | oklch(0.708 0 0) |
.border-b-neutral-500 | border-bottom-color: var(--color-neutral-500); | oklch(0.556 0 0) |
.border-b-neutral-600 | border-bottom-color: var(--color-neutral-600); | oklch(0.439 0 0) |
.border-b-neutral-700 | border-bottom-color: var(--color-neutral-700); | oklch(0.371 0 0) |
.border-b-neutral-800 | border-bottom-color: var(--color-neutral-800); | oklch(0.269 0 0) |
.border-b-neutral-900 | border-bottom-color: var(--color-neutral-900); | oklch(0.205 0 0) |
.border-b-neutral-950 | border-bottom-color: var(--color-neutral-950); | oklch(0.145 0 0) |
.border-b-stone-50 | border-bottom-color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.border-b-stone-100 | border-bottom-color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.border-b-stone-200 | border-bottom-color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.border-b-stone-300 | border-bottom-color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.border-b-stone-400 | border-bottom-color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.border-b-stone-500 | border-bottom-color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.border-b-stone-600 | border-bottom-color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.border-b-stone-700 | border-bottom-color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.border-b-stone-800 | border-bottom-color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.border-b-stone-900 | border-bottom-color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.border-b-stone-950 | border-bottom-color: var(--color-stone-950); | oklch(0.147 0.004 49.25) |
.border-b-(<custom-property>) | border-bottom-color: var(<custom-property>); | |
.border-b-[<value>] | border-bottom-color: <value>; | |
.border-l-inherit | border-left-color: inherit; | |
.border-l-current | border-left-color: currentColor; | |
.border-l-transparent | border-left-color: transparent; | |
.border-l-black | border-left-color: var(--color-black); | #000 |
.border-l-white | border-left-color: var(--color-white); | #fff |
.border-l-red-50 | border-left-color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.border-l-red-100 | border-left-color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.border-l-red-200 | border-left-color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.border-l-red-300 | border-left-color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.border-l-red-400 | border-left-color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.border-l-red-500 | border-left-color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.border-l-red-600 | border-left-color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.border-l-red-700 | border-left-color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.border-l-red-800 | border-left-color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.border-l-red-900 | border-left-color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.border-l-red-950 | border-left-color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.border-l-orange-50 | border-left-color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.border-l-orange-100 | border-left-color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.border-l-orange-200 | border-left-color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.border-l-orange-300 | border-left-color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.border-l-orange-400 | border-left-color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.border-l-orange-500 | border-left-color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.border-l-orange-600 | border-left-color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.border-l-orange-700 | border-left-color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.border-l-orange-800 | border-left-color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.border-l-orange-900 | border-left-color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.border-l-orange-950 | border-left-color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.border-l-amber-50 | border-left-color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.border-l-amber-100 | border-left-color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.border-l-amber-200 | border-left-color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.border-l-amber-300 | border-left-color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.border-l-amber-400 | border-left-color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.border-l-amber-500 | border-left-color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.border-l-amber-600 | border-left-color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.border-l-amber-700 | border-left-color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.border-l-amber-800 | border-left-color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.border-l-amber-900 | border-left-color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.border-l-amber-950 | border-left-color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.border-l-yellow-50 | border-left-color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.border-l-yellow-100 | border-left-color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.border-l-yellow-200 | border-left-color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.border-l-yellow-300 | border-left-color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.border-l-yellow-400 | border-left-color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.border-l-yellow-500 | border-left-color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.border-l-yellow-600 | border-left-color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.border-l-yellow-700 | border-left-color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.border-l-yellow-800 | border-left-color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.border-l-yellow-900 | border-left-color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.border-l-yellow-950 | border-left-color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.border-l-lime-50 | border-left-color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.border-l-lime-100 | border-left-color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.border-l-lime-200 | border-left-color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.border-l-lime-300 | border-left-color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.border-l-lime-400 | border-left-color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.border-l-lime-500 | border-left-color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.border-l-lime-600 | border-left-color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.border-l-lime-700 | border-left-color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.border-l-lime-800 | border-left-color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.border-l-lime-900 | border-left-color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.border-l-lime-950 | border-left-color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.border-l-green-50 | border-left-color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.border-l-green-100 | border-left-color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.border-l-green-200 | border-left-color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.border-l-green-300 | border-left-color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.border-l-green-400 | border-left-color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.border-l-green-500 | border-left-color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.border-l-green-600 | border-left-color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.border-l-green-700 | border-left-color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.border-l-green-800 | border-left-color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.border-l-green-900 | border-left-color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.border-l-green-950 | border-left-color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.border-l-emerald-50 | border-left-color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.border-l-emerald-100 | border-left-color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.border-l-emerald-200 | border-left-color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.border-l-emerald-300 | border-left-color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.border-l-emerald-400 | border-left-color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.border-l-emerald-500 | border-left-color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.border-l-emerald-600 | border-left-color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.border-l-emerald-700 | border-left-color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.border-l-emerald-800 | border-left-color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.border-l-emerald-900 | border-left-color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.border-l-emerald-950 | border-left-color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.border-l-teal-50 | border-left-color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.border-l-teal-100 | border-left-color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.border-l-teal-200 | border-left-color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.border-l-teal-300 | border-left-color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.border-l-teal-400 | border-left-color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.border-l-teal-500 | border-left-color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.border-l-teal-600 | border-left-color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.border-l-teal-700 | border-left-color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.border-l-teal-800 | border-left-color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.border-l-teal-900 | border-left-color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.border-l-teal-950 | border-left-color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.border-l-cyan-50 | border-left-color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.border-l-cyan-100 | border-left-color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.border-l-cyan-200 | border-left-color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.border-l-cyan-300 | border-left-color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.border-l-cyan-400 | border-left-color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.border-l-cyan-500 | border-left-color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.border-l-cyan-600 | border-left-color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.border-l-cyan-700 | border-left-color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.border-l-cyan-800 | border-left-color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.border-l-cyan-900 | border-left-color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.border-l-cyan-950 | border-left-color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.border-l-sky-50 | border-left-color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.border-l-sky-100 | border-left-color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.border-l-sky-200 | border-left-color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.border-l-sky-300 | border-left-color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.border-l-sky-400 | border-left-color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.border-l-sky-500 | border-left-color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.border-l-sky-600 | border-left-color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.border-l-sky-700 | border-left-color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.border-l-sky-800 | border-left-color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.border-l-sky-900 | border-left-color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.border-l-sky-950 | border-left-color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.border-l-blue-50 | border-left-color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.border-l-blue-100 | border-left-color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.border-l-blue-200 | border-left-color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.border-l-blue-300 | border-left-color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.border-l-blue-400 | border-left-color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.border-l-blue-500 | border-left-color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.border-l-blue-600 | border-left-color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.border-l-blue-700 | border-left-color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.border-l-blue-800 | border-left-color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.border-l-blue-900 | border-left-color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.border-l-blue-950 | border-left-color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.border-l-indigo-50 | border-left-color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.border-l-indigo-100 | border-left-color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.border-l-indigo-200 | border-left-color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.border-l-indigo-300 | border-left-color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.border-l-indigo-400 | border-left-color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.border-l-indigo-500 | border-left-color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.border-l-indigo-600 | border-left-color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.border-l-indigo-700 | border-left-color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.border-l-indigo-800 | border-left-color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.border-l-indigo-900 | border-left-color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.border-l-indigo-950 | border-left-color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.border-l-violet-50 | border-left-color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.border-l-violet-100 | border-left-color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.border-l-violet-200 | border-left-color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.border-l-violet-300 | border-left-color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.border-l-violet-400 | border-left-color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.border-l-violet-500 | border-left-color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.border-l-violet-600 | border-left-color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.border-l-violet-700 | border-left-color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.border-l-violet-800 | border-left-color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.border-l-violet-900 | border-left-color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.border-l-violet-950 | border-left-color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.border-l-purple-50 | border-left-color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.border-l-purple-100 | border-left-color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.border-l-purple-200 | border-left-color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.border-l-purple-300 | border-left-color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.border-l-purple-400 | border-left-color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.border-l-purple-500 | border-left-color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.border-l-purple-600 | border-left-color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.border-l-purple-700 | border-left-color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.border-l-purple-800 | border-left-color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.border-l-purple-900 | border-left-color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.border-l-purple-950 | border-left-color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.border-l-fuchsia-50 | border-left-color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.border-l-fuchsia-100 | border-left-color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.border-l-fuchsia-200 | border-left-color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.border-l-fuchsia-300 | border-left-color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.border-l-fuchsia-400 | border-left-color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.border-l-fuchsia-500 | border-left-color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.border-l-fuchsia-600 | border-left-color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.border-l-fuchsia-700 | border-left-color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.border-l-fuchsia-800 | border-left-color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.border-l-fuchsia-900 | border-left-color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.border-l-fuchsia-950 | border-left-color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.border-l-pink-50 | border-left-color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.border-l-pink-100 | border-left-color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.border-l-pink-200 | border-left-color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.border-l-pink-300 | border-left-color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.border-l-pink-400 | border-left-color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.border-l-pink-500 | border-left-color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.border-l-pink-600 | border-left-color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.border-l-pink-700 | border-left-color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.border-l-pink-800 | border-left-color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.border-l-pink-900 | border-left-color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.border-l-pink-950 | border-left-color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.border-l-rose-50 | border-left-color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.border-l-rose-100 | border-left-color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.border-l-rose-200 | border-left-color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.border-l-rose-300 | border-left-color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.border-l-rose-400 | border-left-color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.border-l-rose-500 | border-left-color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.border-l-rose-600 | border-left-color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.border-l-rose-700 | border-left-color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.border-l-rose-800 | border-left-color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.border-l-rose-900 | border-left-color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.border-l-rose-950 | border-left-color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.border-l-slate-50 | border-left-color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.border-l-slate-100 | border-left-color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.border-l-slate-200 | border-left-color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.border-l-slate-300 | border-left-color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.border-l-slate-400 | border-left-color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.border-l-slate-500 | border-left-color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.border-l-slate-600 | border-left-color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.border-l-slate-700 | border-left-color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.border-l-slate-800 | border-left-color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.border-l-slate-900 | border-left-color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.border-l-slate-950 | border-left-color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.border-l-gray-50 | border-left-color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.border-l-gray-100 | border-left-color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.border-l-gray-200 | border-left-color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.border-l-gray-300 | border-left-color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.border-l-gray-400 | border-left-color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.border-l-gray-500 | border-left-color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.border-l-gray-600 | border-left-color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.border-l-gray-700 | border-left-color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.border-l-gray-800 | border-left-color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.border-l-gray-900 | border-left-color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.border-l-gray-950 | border-left-color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.border-l-zinc-50 | border-left-color: var(--color-zinc-50); | oklch(0.985 0 0) |
.border-l-zinc-100 | border-left-color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.border-l-zinc-200 | border-left-color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.border-l-zinc-300 | border-left-color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.border-l-zinc-400 | border-left-color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.border-l-zinc-500 | border-left-color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.border-l-zinc-600 | border-left-color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.border-l-zinc-700 | border-left-color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.border-l-zinc-800 | border-left-color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.border-l-zinc-900 | border-left-color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.border-l-zinc-950 | border-left-color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.border-l-neutral-50 | border-left-color: var(--color-neutral-50); | oklch(0.985 0 0) |
.border-l-neutral-100 | border-left-color: var(--color-neutral-100); | oklch(0.97 0 0) |
.border-l-neutral-200 | border-left-color: var(--color-neutral-200); | oklch(0.922 0 0) |
.border-l-neutral-300 | border-left-color: var(--color-neutral-300); | oklch(0.87 0 0) |
.border-l-neutral-400 | border-left-color: var(--color-neutral-400); | oklch(0.708 0 0) |
.border-l-neutral-500 | border-left-color: var(--color-neutral-500); | oklch(0.556 0 0) |
.border-l-neutral-600 | border-left-color: var(--color-neutral-600); | oklch(0.439 0 0) |
.border-l-neutral-700 | border-left-color: var(--color-neutral-700); | oklch(0.371 0 0) |
.border-l-neutral-800 | border-left-color: var(--color-neutral-800); | oklch(0.269 0 0) |
.border-l-neutral-900 | border-left-color: var(--color-neutral-900); | oklch(0.205 0 0) |
.border-l-neutral-950 | border-left-color: var(--color-neutral-950); | oklch(0.145 0 0) |
.border-l-stone-50 | border-left-color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.border-l-stone-100 | border-left-color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.border-l-stone-200 | border-left-color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.border-l-stone-300 | border-left-color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.border-l-stone-400 | border-left-color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.border-l-stone-500 | border-left-color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.border-l-stone-600 | border-left-color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.border-l-stone-700 | border-left-color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.border-l-stone-800 | border-left-color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.border-l-stone-900 | border-left-color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.border-l-stone-950 | border-left-color: var(--color-stone-950); | oklch(0.147 0.004 49.25) |
.border-l-(<custom-property>) | border-left-color: var(<custom-property>); | |
.border-l-[<value>] | border-left-color: <value>; | |
.divide-inherit | & > :not(:last-child) {
border-color: inherit;
} | |
.divide-current | & > :not(:last-child) {
border-color: currentColor;
} | |
.divide-transparent | & > :not(:last-child) {
border-color: transparent;
} | |
.divide-black | & > :not(:last-child) {
border-color: var(--color-black);
} | #000 |
.divide-white | & > :not(:last-child) {
border-color: var(--color-white);
} | #fff |
.divide-red-50 | & > :not(:last-child) {
border-color: var(--color-red-50);
} | oklch(0.971 0.013 17.38) |
.divide-red-100 | & > :not(:last-child) {
border-color: var(--color-red-100);
} | oklch(0.936 0.032 17.717) |
.divide-red-200 | & > :not(:last-child) {
border-color: var(--color-red-200);
} | oklch(0.885 0.062 18.334) |
.divide-red-300 | & > :not(:last-child) {
border-color: var(--color-red-300);
} | oklch(0.808 0.114 19.571) |
.divide-red-400 | & > :not(:last-child) {
border-color: var(--color-red-400);
} | oklch(0.704 0.191 22.216) |
.divide-red-500 | & > :not(:last-child) {
border-color: var(--color-red-500);
} | oklch(0.637 0.237 25.331) |
.divide-red-600 | & > :not(:last-child) {
border-color: var(--color-red-600);
} | oklch(0.577 0.245 27.325) |
.divide-red-700 | & > :not(:last-child) {
border-color: var(--color-red-700);
} | oklch(0.505 0.213 27.518) |
.divide-red-800 | & > :not(:last-child) {
border-color: var(--color-red-800);
} | oklch(0.444 0.177 26.899) |
.divide-red-900 | & > :not(:last-child) {
border-color: var(--color-red-900);
} | oklch(0.396 0.141 25.723) |
.divide-red-950 | & > :not(:last-child) {
border-color: var(--color-red-950);
} | oklch(0.258 0.092 26.042) |
.divide-orange-50 | & > :not(:last-child) {
border-color: var(--color-orange-50);
} | oklch(0.98 0.016 73.684) |
.divide-orange-100 | & > :not(:last-child) {
border-color: var(--color-orange-100);
} | oklch(0.954 0.038 75.164) |
.divide-orange-200 | & > :not(:last-child) {
border-color: var(--color-orange-200);
} | oklch(0.901 0.076 70.697) |
.divide-orange-300 | & > :not(:last-child) {
border-color: var(--color-orange-300);
} | oklch(0.837 0.128 66.29) |
.divide-orange-400 | & > :not(:last-child) {
border-color: var(--color-orange-400);
} | oklch(0.75 0.183 55.934) |
.divide-orange-500 | & > :not(:last-child) {
border-color: var(--color-orange-500);
} | oklch(0.705 0.213 47.604) |
.divide-orange-600 | & > :not(:last-child) {
border-color: var(--color-orange-600);
} | oklch(0.646 0.222 41.116) |
.divide-orange-700 | & > :not(:last-child) {
border-color: var(--color-orange-700);
} | oklch(0.553 0.195 38.402) |
.divide-orange-800 | & > :not(:last-child) {
border-color: var(--color-orange-800);
} | oklch(0.47 0.157 37.304) |
.divide-orange-900 | & > :not(:last-child) {
border-color: var(--color-orange-900);
} | oklch(0.408 0.123 38.172) |
.divide-orange-950 | & > :not(:last-child) {
border-color: var(--color-orange-950);
} | oklch(0.266 0.079 36.259) |
.divide-amber-50 | & > :not(:last-child) {
border-color: var(--color-amber-50);
} | oklch(0.987 0.022 95.277) |
.divide-amber-100 | & > :not(:last-child) {
border-color: var(--color-amber-100);
} | oklch(0.962 0.059 95.617) |
.divide-amber-200 | & > :not(:last-child) {
border-color: var(--color-amber-200);
} | oklch(0.924 0.12 95.746) |
.divide-amber-300 | & > :not(:last-child) {
border-color: var(--color-amber-300);
} | oklch(0.879 0.169 91.605) |
.divide-amber-400 | & > :not(:last-child) {
border-color: var(--color-amber-400);
} | oklch(0.828 0.189 84.429) |
.divide-amber-500 | & > :not(:last-child) {
border-color: var(--color-amber-500);
} | oklch(0.769 0.188 70.08) |
.divide-amber-600 | & > :not(:last-child) {
border-color: var(--color-amber-600);
} | oklch(0.666 0.179 58.318) |
.divide-amber-700 | & > :not(:last-child) {
border-color: var(--color-amber-700);
} | oklch(0.555 0.163 48.998) |
.divide-amber-800 | & > :not(:last-child) {
border-color: var(--color-amber-800);
} | oklch(0.473 0.137 46.201) |
.divide-amber-900 | & > :not(:last-child) {
border-color: var(--color-amber-900);
} | oklch(0.414 0.112 45.904) |
.divide-amber-950 | & > :not(:last-child) {
border-color: var(--color-amber-950);
} | oklch(0.279 0.077 45.635) |
.divide-yellow-50 | & > :not(:last-child) {
border-color: var(--color-yellow-50);
} | oklch(0.987 0.026 102.212) |
.divide-yellow-100 | & > :not(:last-child) {
border-color: var(--color-yellow-100);
} | oklch(0.973 0.071 103.193) |
.divide-yellow-200 | & > :not(:last-child) {
border-color: var(--color-yellow-200);
} | oklch(0.945 0.129 101.54) |
.divide-yellow-300 | & > :not(:last-child) {
border-color: var(--color-yellow-300);
} | oklch(0.905 0.182 98.111) |
.divide-yellow-400 | & > :not(:last-child) {
border-color: var(--color-yellow-400);
} | oklch(0.852 0.199 91.936) |
.divide-yellow-500 | & > :not(:last-child) {
border-color: var(--color-yellow-500);
} | oklch(0.795 0.184 86.047) |
.divide-yellow-600 | & > :not(:last-child) {
border-color: var(--color-yellow-600);
} | oklch(0.681 0.162 75.834) |
.divide-yellow-700 | & > :not(:last-child) {
border-color: var(--color-yellow-700);
} | oklch(0.554 0.135 66.442) |
.divide-yellow-800 | & > :not(:last-child) {
border-color: var(--color-yellow-800);
} | oklch(0.476 0.114 61.907) |
.divide-yellow-900 | & > :not(:last-child) {
border-color: var(--color-yellow-900);
} | oklch(0.421 0.095 57.708) |
.divide-yellow-950 | & > :not(:last-child) {
border-color: var(--color-yellow-950);
} | oklch(0.286 0.066 53.813) |
.divide-lime-50 | & > :not(:last-child) {
border-color: var(--color-lime-50);
} | oklch(0.986 0.031 120.757) |
.divide-lime-100 | & > :not(:last-child) {
border-color: var(--color-lime-100);
} | oklch(0.967 0.067 122.328) |
.divide-lime-200 | & > :not(:last-child) {
border-color: var(--color-lime-200);
} | oklch(0.938 0.127 124.321) |
.divide-lime-300 | & > :not(:last-child) {
border-color: var(--color-lime-300);
} | oklch(0.897 0.196 126.665) |
.divide-lime-400 | & > :not(:last-child) {
border-color: var(--color-lime-400);
} | oklch(0.841 0.238 128.85) |
.divide-lime-500 | & > :not(:last-child) {
border-color: var(--color-lime-500);
} | oklch(0.768 0.233 130.85) |
.divide-lime-600 | & > :not(:last-child) {
border-color: var(--color-lime-600);
} | oklch(0.648 0.2 131.684) |
.divide-lime-700 | & > :not(:last-child) {
border-color: var(--color-lime-700);
} | oklch(0.532 0.157 131.589) |
.divide-lime-800 | & > :not(:last-child) {
border-color: var(--color-lime-800);
} | oklch(0.453 0.124 130.933) |
.divide-lime-900 | & > :not(:last-child) {
border-color: var(--color-lime-900);
} | oklch(0.405 0.101 131.063) |
.divide-lime-950 | & > :not(:last-child) {
border-color: var(--color-lime-950);
} | oklch(0.274 0.072 132.109) |
.divide-green-50 | & > :not(:last-child) {
border-color: var(--color-green-50);
} | oklch(0.982 0.018 155.826) |
.divide-green-100 | & > :not(:last-child) {
border-color: var(--color-green-100);
} | oklch(0.962 0.044 156.743) |
.divide-green-200 | & > :not(:last-child) {
border-color: var(--color-green-200);
} | oklch(0.925 0.084 155.995) |
.divide-green-300 | & > :not(:last-child) {
border-color: var(--color-green-300);
} | oklch(0.871 0.15 154.449) |
.divide-green-400 | & > :not(:last-child) {
border-color: var(--color-green-400);
} | oklch(0.792 0.209 151.711) |
.divide-green-500 | & > :not(:last-child) {
border-color: var(--color-green-500);
} | oklch(0.723 0.219 149.579) |
.divide-green-600 | & > :not(:last-child) {
border-color: var(--color-green-600);
} | oklch(0.627 0.194 149.214) |
.divide-green-700 | & > :not(:last-child) {
border-color: var(--color-green-700);
} | oklch(0.527 0.154 150.069) |
.divide-green-800 | & > :not(:last-child) {
border-color: var(--color-green-800);
} | oklch(0.448 0.119 151.328) |
.divide-green-900 | & > :not(:last-child) {
border-color: var(--color-green-900);
} | oklch(0.393 0.095 152.535) |
.divide-green-950 | & > :not(:last-child) {
border-color: var(--color-green-950);
} | oklch(0.266 0.065 152.934) |
.divide-emerald-50 | & > :not(:last-child) {
border-color: var(--color-emerald-50);
} | oklch(0.979 0.021 166.113) |
.divide-emerald-100 | & > :not(:last-child) {
border-color: var(--color-emerald-100);
} | oklch(0.95 0.052 163.051) |
.divide-emerald-200 | & > :not(:last-child) {
border-color: var(--color-emerald-200);
} | oklch(0.905 0.093 164.15) |
.divide-emerald-300 | & > :not(:last-child) {
border-color: var(--color-emerald-300);
} | oklch(0.845 0.143 164.978) |
.divide-emerald-400 | & > :not(:last-child) {
border-color: var(--color-emerald-400);
} | oklch(0.765 0.177 163.223) |
.divide-emerald-500 | & > :not(:last-child) {
border-color: var(--color-emerald-500);
} | oklch(0.696 0.17 162.48) |
.divide-emerald-600 | & > :not(:last-child) {
border-color: var(--color-emerald-600);
} | oklch(0.596 0.145 163.225) |
.divide-emerald-700 | & > :not(:last-child) {
border-color: var(--color-emerald-700);
} | oklch(0.508 0.118 165.612) |
.divide-emerald-800 | & > :not(:last-child) {
border-color: var(--color-emerald-800);
} | oklch(0.432 0.095 166.913) |
.divide-emerald-900 | & > :not(:last-child) {
border-color: var(--color-emerald-900);
} | oklch(0.378 0.077 168.94) |
.divide-emerald-950 | & > :not(:last-child) {
border-color: var(--color-emerald-950);
} | oklch(0.262 0.051 172.552) |
.divide-teal-50 | & > :not(:last-child) {
border-color: var(--color-teal-50);
} | oklch(0.984 0.014 180.72) |
.divide-teal-100 | & > :not(:last-child) {
border-color: var(--color-teal-100);
} | oklch(0.953 0.051 180.801) |
.divide-teal-200 | & > :not(:last-child) {
border-color: var(--color-teal-200);
} | oklch(0.91 0.096 180.426) |
.divide-teal-300 | & > :not(:last-child) {
border-color: var(--color-teal-300);
} | oklch(0.855 0.138 181.071) |
.divide-teal-400 | & > :not(:last-child) {
border-color: var(--color-teal-400);
} | oklch(0.777 0.152 181.912) |
.divide-teal-500 | & > :not(:last-child) {
border-color: var(--color-teal-500);
} | oklch(0.704 0.14 182.503) |
.divide-teal-600 | & > :not(:last-child) {
border-color: var(--color-teal-600);
} | oklch(0.6 0.118 184.704) |
.divide-teal-700 | & > :not(:last-child) {
border-color: var(--color-teal-700);
} | oklch(0.511 0.096 186.391) |
.divide-teal-800 | & > :not(:last-child) {
border-color: var(--color-teal-800);
} | oklch(0.437 0.078 188.216) |
.divide-teal-900 | & > :not(:last-child) {
border-color: var(--color-teal-900);
} | oklch(0.386 0.063 188.416) |
.divide-teal-950 | & > :not(:last-child) {
border-color: var(--color-teal-950);
} | oklch(0.277 0.046 192.524) |
.divide-cyan-50 | & > :not(:last-child) {
border-color: var(--color-cyan-50);
} | oklch(0.984 0.019 200.873) |
.divide-cyan-100 | & > :not(:last-child) {
border-color: var(--color-cyan-100);
} | oklch(0.956 0.045 203.388) |
.divide-cyan-200 | & > :not(:last-child) {
border-color: var(--color-cyan-200);
} | oklch(0.917 0.08 205.041) |
.divide-cyan-300 | & > :not(:last-child) {
border-color: var(--color-cyan-300);
} | oklch(0.865 0.127 207.078) |
.divide-cyan-400 | & > :not(:last-child) {
border-color: var(--color-cyan-400);
} | oklch(0.789 0.154 211.53) |
.divide-cyan-500 | & > :not(:last-child) {
border-color: var(--color-cyan-500);
} | oklch(0.715 0.143 215.221) |
.divide-cyan-600 | & > :not(:last-child) {
border-color: var(--color-cyan-600);
} | oklch(0.609 0.126 221.723) |
.divide-cyan-700 | & > :not(:last-child) {
border-color: var(--color-cyan-700);
} | oklch(0.52 0.105 223.128) |
.divide-cyan-800 | & > :not(:last-child) {
border-color: var(--color-cyan-800);
} | oklch(0.45 0.085 224.283) |
.divide-cyan-900 | & > :not(:last-child) {
border-color: var(--color-cyan-900);
} | oklch(0.398 0.07 227.392) |
.divide-cyan-950 | & > :not(:last-child) {
border-color: var(--color-cyan-950);
} | oklch(0.302 0.056 229.695) |
.divide-sky-50 | & > :not(:last-child) {
border-color: var(--color-sky-50);
} | oklch(0.977 0.013 236.62) |
.divide-sky-100 | & > :not(:last-child) {
border-color: var(--color-sky-100);
} | oklch(0.951 0.026 236.824) |
.divide-sky-200 | & > :not(:last-child) {
border-color: var(--color-sky-200);
} | oklch(0.901 0.058 230.902) |
.divide-sky-300 | & > :not(:last-child) {
border-color: var(--color-sky-300);
} | oklch(0.828 0.111 230.318) |
.divide-sky-400 | & > :not(:last-child) {
border-color: var(--color-sky-400);
} | oklch(0.746 0.16 232.661) |
.divide-sky-500 | & > :not(:last-child) {
border-color: var(--color-sky-500);
} | oklch(0.685 0.169 237.323) |
.divide-sky-600 | & > :not(:last-child) {
border-color: var(--color-sky-600);
} | oklch(0.588 0.158 241.966) |
.divide-sky-700 | & > :not(:last-child) {
border-color: var(--color-sky-700);
} | oklch(0.5 0.134 242.749) |
.divide-sky-800 | & > :not(:last-child) {
border-color: var(--color-sky-800);
} | oklch(0.443 0.11 240.79) |
.divide-sky-900 | & > :not(:last-child) {
border-color: var(--color-sky-900);
} | oklch(0.391 0.09 240.876) |
.divide-sky-950 | & > :not(:last-child) {
border-color: var(--color-sky-950);
} | oklch(0.293 0.066 243.157) |
.divide-blue-50 | & > :not(:last-child) {
border-color: var(--color-blue-50);
} | oklch(0.97 0.014 254.604) |
.divide-blue-100 | & > :not(:last-child) {
border-color: var(--color-blue-100);
} | oklch(0.932 0.032 255.585) |
.divide-blue-200 | & > :not(:last-child) {
border-color: var(--color-blue-200);
} | oklch(0.882 0.059 254.128) |
.divide-blue-300 | & > :not(:last-child) {
border-color: var(--color-blue-300);
} | oklch(0.809 0.105 251.813) |
.divide-blue-400 | & > :not(:last-child) {
border-color: var(--color-blue-400);
} | oklch(0.707 0.165 254.624) |
.divide-blue-500 | & > :not(:last-child) {
border-color: var(--color-blue-500);
} | oklch(0.623 0.214 259.815) |
.divide-blue-600 | & > :not(:last-child) {
border-color: var(--color-blue-600);
} | oklch(0.546 0.245 262.881) |
.divide-blue-700 | & > :not(:last-child) {
border-color: var(--color-blue-700);
} | oklch(0.488 0.243 264.376) |
.divide-blue-800 | & > :not(:last-child) {
border-color: var(--color-blue-800);
} | oklch(0.424 0.199 265.638) |
.divide-blue-900 | & > :not(:last-child) {
border-color: var(--color-blue-900);
} | oklch(0.379 0.146 265.522) |
.divide-blue-950 | & > :not(:last-child) {
border-color: var(--color-blue-950);
} | oklch(0.282 0.091 267.935) |
.divide-indigo-50 | & > :not(:last-child) {
border-color: var(--color-indigo-50);
} | oklch(0.962 0.018 272.314) |
.divide-indigo-100 | & > :not(:last-child) {
border-color: var(--color-indigo-100);
} | oklch(0.93 0.034 272.788) |
.divide-indigo-200 | & > :not(:last-child) {
border-color: var(--color-indigo-200);
} | oklch(0.87 0.065 274.039) |
.divide-indigo-300 | & > :not(:last-child) {
border-color: var(--color-indigo-300);
} | oklch(0.785 0.115 274.713) |
.divide-indigo-400 | & > :not(:last-child) {
border-color: var(--color-indigo-400);
} | oklch(0.673 0.182 276.935) |
.divide-indigo-500 | & > :not(:last-child) {
border-color: var(--color-indigo-500);
} | oklch(0.585 0.233 277.117) |
.divide-indigo-600 | & > :not(:last-child) {
border-color: var(--color-indigo-600);
} | oklch(0.511 0.262 276.966) |
.divide-indigo-700 | & > :not(:last-child) {
border-color: var(--color-indigo-700);
} | oklch(0.457 0.24 277.023) |
.divide-indigo-800 | & > :not(:last-child) {
border-color: var(--color-indigo-800);
} | oklch(0.398 0.195 277.366) |
.divide-indigo-900 | & > :not(:last-child) {
border-color: var(--color-indigo-900);
} | oklch(0.359 0.144 278.697) |
.divide-indigo-950 | & > :not(:last-child) {
border-color: var(--color-indigo-950);
} | oklch(0.257 0.09 281.288) |
.divide-violet-50 | & > :not(:last-child) {
border-color: var(--color-violet-50);
} | oklch(0.969 0.016 293.756) |
.divide-violet-100 | & > :not(:last-child) {
border-color: var(--color-violet-100);
} | oklch(0.943 0.029 294.588) |
.divide-violet-200 | & > :not(:last-child) {
border-color: var(--color-violet-200);
} | oklch(0.894 0.057 293.283) |
.divide-violet-300 | & > :not(:last-child) {
border-color: var(--color-violet-300);
} | oklch(0.811 0.111 293.571) |
.divide-violet-400 | & > :not(:last-child) {
border-color: var(--color-violet-400);
} | oklch(0.702 0.183 293.541) |
.divide-violet-500 | & > :not(:last-child) {
border-color: var(--color-violet-500);
} | oklch(0.606 0.25 292.717) |
.divide-violet-600 | & > :not(:last-child) {
border-color: var(--color-violet-600);
} | oklch(0.541 0.281 293.009) |
.divide-violet-700 | & > :not(:last-child) {
border-color: var(--color-violet-700);
} | oklch(0.491 0.27 292.581) |
.divide-violet-800 | & > :not(:last-child) {
border-color: var(--color-violet-800);
} | oklch(0.432 0.232 292.759) |
.divide-violet-900 | & > :not(:last-child) {
border-color: var(--color-violet-900);
} | oklch(0.38 0.189 293.745) |
.divide-violet-950 | & > :not(:last-child) {
border-color: var(--color-violet-950);
} | oklch(0.283 0.141 291.089) |
.divide-purple-50 | & > :not(:last-child) {
border-color: var(--color-purple-50);
} | oklch(0.977 0.014 308.299) |
.divide-purple-100 | & > :not(:last-child) {
border-color: var(--color-purple-100);
} | oklch(0.946 0.033 307.174) |
.divide-purple-200 | & > :not(:last-child) {
border-color: var(--color-purple-200);
} | oklch(0.902 0.063 306.703) |
.divide-purple-300 | & > :not(:last-child) {
border-color: var(--color-purple-300);
} | oklch(0.827 0.119 306.383) |
.divide-purple-400 | & > :not(:last-child) {
border-color: var(--color-purple-400);
} | oklch(0.714 0.203 305.504) |
.divide-purple-500 | & > :not(:last-child) {
border-color: var(--color-purple-500);
} | oklch(0.627 0.265 303.9) |
.divide-purple-600 | & > :not(:last-child) {
border-color: var(--color-purple-600);
} | oklch(0.558 0.288 302.321) |
.divide-purple-700 | & > :not(:last-child) {
border-color: var(--color-purple-700);
} | oklch(0.496 0.265 301.924) |
.divide-purple-800 | & > :not(:last-child) {
border-color: var(--color-purple-800);
} | oklch(0.438 0.218 303.724) |
.divide-purple-900 | & > :not(:last-child) {
border-color: var(--color-purple-900);
} | oklch(0.381 0.176 304.987) |
.divide-purple-950 | & > :not(:last-child) {
border-color: var(--color-purple-950);
} | oklch(0.291 0.149 302.717) |
.divide-fuchsia-50 | & > :not(:last-child) {
border-color: var(--color-fuchsia-50);
} | oklch(0.977 0.017 320.058) |
.divide-fuchsia-100 | & > :not(:last-child) {
border-color: var(--color-fuchsia-100);
} | oklch(0.952 0.037 318.852) |
.divide-fuchsia-200 | & > :not(:last-child) {
border-color: var(--color-fuchsia-200);
} | oklch(0.903 0.076 319.62) |
.divide-fuchsia-300 | & > :not(:last-child) {
border-color: var(--color-fuchsia-300);
} | oklch(0.833 0.145 321.434) |
.divide-fuchsia-400 | & > :not(:last-child) {
border-color: var(--color-fuchsia-400);
} | oklch(0.74 0.238 322.16) |
.divide-fuchsia-500 | & > :not(:last-child) {
border-color: var(--color-fuchsia-500);
} | oklch(0.667 0.295 322.15) |
.divide-fuchsia-600 | & > :not(:last-child) {
border-color: var(--color-fuchsia-600);
} | oklch(0.591 0.293 322.896) |
.divide-fuchsia-700 | & > :not(:last-child) {
border-color: var(--color-fuchsia-700);
} | oklch(0.518 0.253 323.949) |
.divide-fuchsia-800 | & > :not(:last-child) {
border-color: var(--color-fuchsia-800);
} | oklch(0.452 0.211 324.591) |
.divide-fuchsia-900 | & > :not(:last-child) {
border-color: var(--color-fuchsia-900);
} | oklch(0.401 0.17 325.612) |
.divide-fuchsia-950 | & > :not(:last-child) {
border-color: var(--color-fuchsia-950);
} | oklch(0.293 0.136 325.661) |
.divide-pink-50 | & > :not(:last-child) {
border-color: var(--color-pink-50);
} | oklch(0.971 0.014 343.198) |
.divide-pink-100 | & > :not(:last-child) {
border-color: var(--color-pink-100);
} | oklch(0.948 0.028 342.258) |
.divide-pink-200 | & > :not(:last-child) {
border-color: var(--color-pink-200);
} | oklch(0.899 0.061 343.231) |
.divide-pink-300 | & > :not(:last-child) {
border-color: var(--color-pink-300);
} | oklch(0.823 0.12 346.018) |
.divide-pink-400 | & > :not(:last-child) {
border-color: var(--color-pink-400);
} | oklch(0.718 0.202 349.761) |
.divide-pink-500 | & > :not(:last-child) {
border-color: var(--color-pink-500);
} | oklch(0.656 0.241 354.308) |
.divide-pink-600 | & > :not(:last-child) {
border-color: var(--color-pink-600);
} | oklch(0.592 0.249 0.584) |
.divide-pink-700 | & > :not(:last-child) {
border-color: var(--color-pink-700);
} | oklch(0.525 0.223 3.958) |
.divide-pink-800 | & > :not(:last-child) {
border-color: var(--color-pink-800);
} | oklch(0.459 0.187 3.815) |
.divide-pink-900 | & > :not(:last-child) {
border-color: var(--color-pink-900);
} | oklch(0.408 0.153 2.432) |
.divide-pink-950 | & > :not(:last-child) {
border-color: var(--color-pink-950);
} | oklch(0.284 0.109 3.907) |
.divide-rose-50 | & > :not(:last-child) {
border-color: var(--color-rose-50);
} | oklch(0.969 0.015 12.422) |
.divide-rose-100 | & > :not(:last-child) {
border-color: var(--color-rose-100);
} | oklch(0.941 0.03 12.58) |
.divide-rose-200 | & > :not(:last-child) {
border-color: var(--color-rose-200);
} | oklch(0.892 0.058 10.001) |
.divide-rose-300 | & > :not(:last-child) {
border-color: var(--color-rose-300);
} | oklch(0.81 0.117 11.638) |
.divide-rose-400 | & > :not(:last-child) {
border-color: var(--color-rose-400);
} | oklch(0.712 0.194 13.428) |
.divide-rose-500 | & > :not(:last-child) {
border-color: var(--color-rose-500);
} | oklch(0.645 0.246 16.439) |
.divide-rose-600 | & > :not(:last-child) {
border-color: var(--color-rose-600);
} | oklch(0.586 0.253 17.585) |
.divide-rose-700 | & > :not(:last-child) {
border-color: var(--color-rose-700);
} | oklch(0.514 0.222 16.935) |
.divide-rose-800 | & > :not(:last-child) {
border-color: var(--color-rose-800);
} | oklch(0.455 0.188 13.697) |
.divide-rose-900 | & > :not(:last-child) {
border-color: var(--color-rose-900);
} | oklch(0.41 0.159 10.272) |
.divide-rose-950 | & > :not(:last-child) {
border-color: var(--color-rose-950);
} | oklch(0.271 0.105 12.094) |
.divide-slate-50 | & > :not(:last-child) {
border-color: var(--color-slate-50);
} | oklch(0.984 0.003 247.858) |
.divide-slate-100 | & > :not(:last-child) {
border-color: var(--color-slate-100);
} | oklch(0.968 0.007 247.896) |
.divide-slate-200 | & > :not(:last-child) {
border-color: var(--color-slate-200);
} | oklch(0.929 0.013 255.508) |
.divide-slate-300 | & > :not(:last-child) {
border-color: var(--color-slate-300);
} | oklch(0.869 0.022 252.894) |
.divide-slate-400 | & > :not(:last-child) {
border-color: var(--color-slate-400);
} | oklch(0.704 0.04 256.788) |
.divide-slate-500 | & > :not(:last-child) {
border-color: var(--color-slate-500);
} | oklch(0.554 0.046 257.417) |
.divide-slate-600 | & > :not(:last-child) {
border-color: var(--color-slate-600);
} | oklch(0.446 0.043 257.281) |
.divide-slate-700 | & > :not(:last-child) {
border-color: var(--color-slate-700);
} | oklch(0.372 0.044 257.287) |
.divide-slate-800 | & > :not(:last-child) {
border-color: var(--color-slate-800);
} | oklch(0.279 0.041 260.031) |
.divide-slate-900 | & > :not(:last-child) {
border-color: var(--color-slate-900);
} | oklch(0.208 0.042 265.755) |
.divide-slate-950 | & > :not(:last-child) {
border-color: var(--color-slate-950);
} | oklch(0.129 0.042 264.695) |
.divide-gray-50 | & > :not(:last-child) {
border-color: var(--color-gray-50);
} | oklch(0.985 0.002 247.839) |
.divide-gray-100 | & > :not(:last-child) {
border-color: var(--color-gray-100);
} | oklch(0.967 0.003 264.542) |
.divide-gray-200 | & > :not(:last-child) {
border-color: var(--color-gray-200);
} | oklch(0.928 0.006 264.531) |
.divide-gray-300 | & > :not(:last-child) {
border-color: var(--color-gray-300);
} | oklch(0.872 0.01 258.338) |
.divide-gray-400 | & > :not(:last-child) {
border-color: var(--color-gray-400);
} | oklch(0.707 0.022 261.325) |
.divide-gray-500 | & > :not(:last-child) {
border-color: var(--color-gray-500);
} | oklch(0.551 0.027 264.364) |
.divide-gray-600 | & > :not(:last-child) {
border-color: var(--color-gray-600);
} | oklch(0.446 0.03 256.802) |
.divide-gray-700 | & > :not(:last-child) {
border-color: var(--color-gray-700);
} | oklch(0.373 0.034 259.733) |
.divide-gray-800 | & > :not(:last-child) {
border-color: var(--color-gray-800);
} | oklch(0.278 0.033 256.848) |
.divide-gray-900 | & > :not(:last-child) {
border-color: var(--color-gray-900);
} | oklch(0.21 0.034 264.665) |
.divide-gray-950 | & > :not(:last-child) {
border-color: var(--color-gray-950);
} | oklch(0.13 0.028 261.692) |
.divide-zinc-50 | & > :not(:last-child) {
border-color: var(--color-zinc-50);
} | oklch(0.985 0 0) |
.divide-zinc-100 | & > :not(:last-child) {
border-color: var(--color-zinc-100);
} | oklch(0.967 0.001 286.375) |
.divide-zinc-200 | & > :not(:last-child) {
border-color: var(--color-zinc-200);
} | oklch(0.92 0.004 286.32) |
.divide-zinc-300 | & > :not(:last-child) {
border-color: var(--color-zinc-300);
} | oklch(0.871 0.006 286.286) |
.divide-zinc-400 | & > :not(:last-child) {
border-color: var(--color-zinc-400);
} | oklch(0.705 0.015 286.067) |
.divide-zinc-500 | & > :not(:last-child) {
border-color: var(--color-zinc-500);
} | oklch(0.552 0.016 285.938) |
.divide-zinc-600 | & > :not(:last-child) {
border-color: var(--color-zinc-600);
} | oklch(0.442 0.017 285.786) |
.divide-zinc-700 | & > :not(:last-child) {
border-color: var(--color-zinc-700);
} | oklch(0.37 0.013 285.805) |
.divide-zinc-800 | & > :not(:last-child) {
border-color: var(--color-zinc-800);
} | oklch(0.274 0.006 286.033) |
.divide-zinc-900 | & > :not(:last-child) {
border-color: var(--color-zinc-900);
} | oklch(0.21 0.006 285.885) |
.divide-zinc-950 | & > :not(:last-child) {
border-color: var(--color-zinc-950);
} | oklch(0.141 0.005 285.823) |
.divide-neutral-50 | & > :not(:last-child) {
border-color: var(--color-neutral-50);
} | oklch(0.985 0 0) |
.divide-neutral-100 | & > :not(:last-child) {
border-color: var(--color-neutral-100);
} | oklch(0.97 0 0) |
.divide-neutral-200 | & > :not(:last-child) {
border-color: var(--color-neutral-200);
} | oklch(0.922 0 0) |
.divide-neutral-300 | & > :not(:last-child) {
border-color: var(--color-neutral-300);
} | oklch(0.87 0 0) |
.divide-neutral-400 | & > :not(:last-child) {
border-color: var(--color-neutral-400);
} | oklch(0.708 0 0) |
.divide-neutral-500 | & > :not(:last-child) {
border-color: var(--color-neutral-500);
} | oklch(0.556 0 0) |
.divide-neutral-600 | & > :not(:last-child) {
border-color: var(--color-neutral-600);
} | oklch(0.439 0 0) |
.divide-neutral-700 | & > :not(:last-child) {
border-color: var(--color-neutral-700);
} | oklch(0.371 0 0) |
.divide-neutral-800 | & > :not(:last-child) {
border-color: var(--color-neutral-800);
} | oklch(0.269 0 0) |
.divide-neutral-900 | & > :not(:last-child) {
border-color: var(--color-neutral-900);
} | oklch(0.205 0 0) |
.divide-neutral-950 | & > :not(:last-child) {
border-color: var(--color-neutral-950);
} | oklch(0.145 0 0) |
.divide-stone-50 | & > :not(:last-child) {
border-color: var(--color-stone-50);
} | oklch(0.985 0.001 106.423) |
.divide-stone-100 | & > :not(:last-child) {
border-color: var(--color-stone-100);
} | oklch(0.97 0.001 106.424) |
.divide-stone-200 | & > :not(:last-child) {
border-color: var(--color-stone-200);
} | oklch(0.923 0.003 48.717) |
.divide-stone-300 | & > :not(:last-child) {
border-color: var(--color-stone-300);
} | oklch(0.869 0.005 56.366) |
.divide-stone-400 | & > :not(:last-child) {
border-color: var(--color-stone-400);
} | oklch(0.709 0.01 56.259) |
.divide-stone-500 | & > :not(:last-child) {
border-color: var(--color-stone-500);
} | oklch(0.553 0.013 58.071) |
.divide-stone-600 | & > :not(:last-child) {
border-color: var(--color-stone-600);
} | oklch(0.444 0.011 73.639) |
.divide-stone-700 | & > :not(:last-child) {
border-color: var(--color-stone-700);
} | oklch(0.374 0.01 67.558) |
.divide-stone-800 | & > :not(:last-child) {
border-color: var(--color-stone-800);
} | oklch(0.268 0.007 34.298) |
.divide-stone-900 | & > :not(:last-child) {
border-color: var(--color-stone-900);
} | oklch(0.216 0.006 56.043) |
.divide-stone-950 | & > :not(:last-child) {
border-color: var(--color-stone-950);
} | oklch(0.147 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 |
.outline-white | outline-color: var(--color-white); | #fff |
.outline-red-50 | outline-color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.outline-red-100 | outline-color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.outline-red-200 | outline-color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.outline-red-300 | outline-color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.outline-red-400 | outline-color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.outline-red-500 | outline-color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.outline-red-600 | outline-color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.outline-red-700 | outline-color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.outline-red-800 | outline-color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.outline-red-900 | outline-color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.outline-red-950 | outline-color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.outline-orange-50 | outline-color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.outline-orange-100 | outline-color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.outline-orange-200 | outline-color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.outline-orange-300 | outline-color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.outline-orange-400 | outline-color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.outline-orange-500 | outline-color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.outline-orange-600 | outline-color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.outline-orange-700 | outline-color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.outline-orange-800 | outline-color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.outline-orange-900 | outline-color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.outline-orange-950 | outline-color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.outline-amber-50 | outline-color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.outline-amber-100 | outline-color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.outline-amber-200 | outline-color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.outline-amber-300 | outline-color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.outline-amber-400 | outline-color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.outline-amber-500 | outline-color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.outline-amber-600 | outline-color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.outline-amber-700 | outline-color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.outline-amber-800 | outline-color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.outline-amber-900 | outline-color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.outline-amber-950 | outline-color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.outline-yellow-50 | outline-color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.outline-yellow-100 | outline-color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.outline-yellow-200 | outline-color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.outline-yellow-300 | outline-color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.outline-yellow-400 | outline-color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.outline-yellow-500 | outline-color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.outline-yellow-600 | outline-color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.outline-yellow-700 | outline-color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.outline-yellow-800 | outline-color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.outline-yellow-900 | outline-color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.outline-yellow-950 | outline-color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.outline-lime-50 | outline-color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.outline-lime-100 | outline-color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.outline-lime-200 | outline-color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.outline-lime-300 | outline-color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.outline-lime-400 | outline-color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.outline-lime-500 | outline-color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.outline-lime-600 | outline-color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.outline-lime-700 | outline-color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.outline-lime-800 | outline-color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.outline-lime-900 | outline-color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.outline-lime-950 | outline-color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.outline-green-50 | outline-color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.outline-green-100 | outline-color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.outline-green-200 | outline-color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.outline-green-300 | outline-color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.outline-green-400 | outline-color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.outline-green-500 | outline-color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.outline-green-600 | outline-color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.outline-green-700 | outline-color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.outline-green-800 | outline-color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.outline-green-900 | outline-color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.outline-green-950 | outline-color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.outline-emerald-50 | outline-color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.outline-emerald-100 | outline-color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.outline-emerald-200 | outline-color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.outline-emerald-300 | outline-color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.outline-emerald-400 | outline-color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.outline-emerald-500 | outline-color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.outline-emerald-600 | outline-color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.outline-emerald-700 | outline-color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.outline-emerald-800 | outline-color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.outline-emerald-900 | outline-color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.outline-emerald-950 | outline-color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.outline-teal-50 | outline-color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.outline-teal-100 | outline-color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.outline-teal-200 | outline-color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.outline-teal-300 | outline-color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.outline-teal-400 | outline-color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.outline-teal-500 | outline-color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.outline-teal-600 | outline-color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.outline-teal-700 | outline-color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.outline-teal-800 | outline-color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.outline-teal-900 | outline-color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.outline-teal-950 | outline-color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.outline-cyan-50 | outline-color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.outline-cyan-100 | outline-color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.outline-cyan-200 | outline-color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.outline-cyan-300 | outline-color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.outline-cyan-400 | outline-color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.outline-cyan-500 | outline-color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.outline-cyan-600 | outline-color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.outline-cyan-700 | outline-color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.outline-cyan-800 | outline-color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.outline-cyan-900 | outline-color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.outline-cyan-950 | outline-color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.outline-sky-50 | outline-color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.outline-sky-100 | outline-color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.outline-sky-200 | outline-color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.outline-sky-300 | outline-color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.outline-sky-400 | outline-color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.outline-sky-500 | outline-color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.outline-sky-600 | outline-color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.outline-sky-700 | outline-color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.outline-sky-800 | outline-color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.outline-sky-900 | outline-color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.outline-sky-950 | outline-color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.outline-blue-50 | outline-color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.outline-blue-100 | outline-color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.outline-blue-200 | outline-color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.outline-blue-300 | outline-color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.outline-blue-400 | outline-color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.outline-blue-500 | outline-color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.outline-blue-600 | outline-color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.outline-blue-700 | outline-color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.outline-blue-800 | outline-color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.outline-blue-900 | outline-color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.outline-blue-950 | outline-color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.outline-indigo-50 | outline-color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.outline-indigo-100 | outline-color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.outline-indigo-200 | outline-color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.outline-indigo-300 | outline-color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.outline-indigo-400 | outline-color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.outline-indigo-500 | outline-color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.outline-indigo-600 | outline-color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.outline-indigo-700 | outline-color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.outline-indigo-800 | outline-color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.outline-indigo-900 | outline-color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.outline-indigo-950 | outline-color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.outline-violet-50 | outline-color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.outline-violet-100 | outline-color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.outline-violet-200 | outline-color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.outline-violet-300 | outline-color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.outline-violet-400 | outline-color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.outline-violet-500 | outline-color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.outline-violet-600 | outline-color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.outline-violet-700 | outline-color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.outline-violet-800 | outline-color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.outline-violet-900 | outline-color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.outline-violet-950 | outline-color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.outline-purple-50 | outline-color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.outline-purple-100 | outline-color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.outline-purple-200 | outline-color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.outline-purple-300 | outline-color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.outline-purple-400 | outline-color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.outline-purple-500 | outline-color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.outline-purple-600 | outline-color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.outline-purple-700 | outline-color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.outline-purple-800 | outline-color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.outline-purple-900 | outline-color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.outline-purple-950 | outline-color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.outline-fuchsia-50 | outline-color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.outline-fuchsia-100 | outline-color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.outline-fuchsia-200 | outline-color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.outline-fuchsia-300 | outline-color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.outline-fuchsia-400 | outline-color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.outline-fuchsia-500 | outline-color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.outline-fuchsia-600 | outline-color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.outline-fuchsia-700 | outline-color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.outline-fuchsia-800 | outline-color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.outline-fuchsia-900 | outline-color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.outline-fuchsia-950 | outline-color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.outline-pink-50 | outline-color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.outline-pink-100 | outline-color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.outline-pink-200 | outline-color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.outline-pink-300 | outline-color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.outline-pink-400 | outline-color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.outline-pink-500 | outline-color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.outline-pink-600 | outline-color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.outline-pink-700 | outline-color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.outline-pink-800 | outline-color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.outline-pink-900 | outline-color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.outline-pink-950 | outline-color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.outline-rose-50 | outline-color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.outline-rose-100 | outline-color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.outline-rose-200 | outline-color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.outline-rose-300 | outline-color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.outline-rose-400 | outline-color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.outline-rose-500 | outline-color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.outline-rose-600 | outline-color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.outline-rose-700 | outline-color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.outline-rose-800 | outline-color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.outline-rose-900 | outline-color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.outline-rose-950 | outline-color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.outline-slate-50 | outline-color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.outline-slate-100 | outline-color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.outline-slate-200 | outline-color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.outline-slate-300 | outline-color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.outline-slate-400 | outline-color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.outline-slate-500 | outline-color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.outline-slate-600 | outline-color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.outline-slate-700 | outline-color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.outline-slate-800 | outline-color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.outline-slate-900 | outline-color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.outline-slate-950 | outline-color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.outline-gray-50 | outline-color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.outline-gray-100 | outline-color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.outline-gray-200 | outline-color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.outline-gray-300 | outline-color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.outline-gray-400 | outline-color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.outline-gray-500 | outline-color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.outline-gray-600 | outline-color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.outline-gray-700 | outline-color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.outline-gray-800 | outline-color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.outline-gray-900 | outline-color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.outline-gray-950 | outline-color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.outline-zinc-50 | outline-color: var(--color-zinc-50); | oklch(0.985 0 0) |
.outline-zinc-100 | outline-color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.outline-zinc-200 | outline-color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.outline-zinc-300 | outline-color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.outline-zinc-400 | outline-color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.outline-zinc-500 | outline-color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.outline-zinc-600 | outline-color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.outline-zinc-700 | outline-color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.outline-zinc-800 | outline-color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.outline-zinc-900 | outline-color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.outline-zinc-950 | outline-color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.outline-neutral-50 | outline-color: var(--color-neutral-50); | oklch(0.985 0 0) |
.outline-neutral-100 | outline-color: var(--color-neutral-100); | oklch(0.97 0 0) |
.outline-neutral-200 | outline-color: var(--color-neutral-200); | oklch(0.922 0 0) |
.outline-neutral-300 | outline-color: var(--color-neutral-300); | oklch(0.87 0 0) |
.outline-neutral-400 | outline-color: var(--color-neutral-400); | oklch(0.708 0 0) |
.outline-neutral-500 | outline-color: var(--color-neutral-500); | oklch(0.556 0 0) |
.outline-neutral-600 | outline-color: var(--color-neutral-600); | oklch(0.439 0 0) |
.outline-neutral-700 | outline-color: var(--color-neutral-700); | oklch(0.371 0 0) |
.outline-neutral-800 | outline-color: var(--color-neutral-800); | oklch(0.269 0 0) |
.outline-neutral-900 | outline-color: var(--color-neutral-900); | oklch(0.205 0 0) |
.outline-neutral-950 | outline-color: var(--color-neutral-950); | oklch(0.145 0 0) |
.outline-stone-50 | outline-color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.outline-stone-100 | outline-color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.outline-stone-200 | outline-color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.outline-stone-300 | outline-color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.outline-stone-400 | outline-color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.outline-stone-500 | outline-color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.outline-stone-600 | outline-color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.outline-stone-700 | outline-color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.outline-stone-800 | outline-color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.outline-stone-900 | outline-color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.outline-stone-950 | outline-color: var(--color-stone-950); | oklch(0.147 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-(length:<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) |
.shadow-xs | box-shadow: var(--shadow-xs); | 0 1px 2px 0 rgb(0 0 0 / 0.05) |
.shadow-sm | box-shadow: var(--shadow-sm); | 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) |
.shadow-md | box-shadow: var(--shadow-md); | 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) |
.shadow-lg | box-shadow: var(--shadow-lg); | 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) |
.shadow-xl | box-shadow: var(--shadow-xl); | 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) |
.shadow-2xl | box-shadow: var(--shadow-2xl); | 0 25px 50px -12px rgb(0 0 0 / 0.25) |
.shadow-none | box-shadow: 0 0 #0000; | |
.shadow-(<custom-property>) | box-shadow: var(<custom-property>); | |
.shadow-(color:<custom-property>) | --tw-shadow-color var(<custom-property>); | |
.shadow-[<value>] | box-shadow: <value>; | |
.shadow-inherit | --tw-shadow-color inherit; | |
.shadow-current | --tw-shadow-color currentColor; | |
.shadow-transparent | --tw-shadow-color transparent; | |
.shadow-black | --tw-shadow-color var(--color-black); | #000 |
.shadow-white | --tw-shadow-color var(--color-white); | #fff |
.shadow-red-50 | --tw-shadow-color var(--color-red-50); | oklch(0.971 0.013 17.38) |
.shadow-red-100 | --tw-shadow-color var(--color-red-100); | oklch(0.936 0.032 17.717) |
.shadow-red-200 | --tw-shadow-color var(--color-red-200); | oklch(0.885 0.062 18.334) |
.shadow-red-300 | --tw-shadow-color var(--color-red-300); | oklch(0.808 0.114 19.571) |
.shadow-red-400 | --tw-shadow-color var(--color-red-400); | oklch(0.704 0.191 22.216) |
.shadow-red-500 | --tw-shadow-color var(--color-red-500); | oklch(0.637 0.237 25.331) |
.shadow-red-600 | --tw-shadow-color var(--color-red-600); | oklch(0.577 0.245 27.325) |
.shadow-red-700 | --tw-shadow-color var(--color-red-700); | oklch(0.505 0.213 27.518) |
.shadow-red-800 | --tw-shadow-color var(--color-red-800); | oklch(0.444 0.177 26.899) |
.shadow-red-900 | --tw-shadow-color var(--color-red-900); | oklch(0.396 0.141 25.723) |
.shadow-red-950 | --tw-shadow-color var(--color-red-950); | oklch(0.258 0.092 26.042) |
.shadow-orange-50 | --tw-shadow-color var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.shadow-orange-100 | --tw-shadow-color var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.shadow-orange-200 | --tw-shadow-color var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.shadow-orange-300 | --tw-shadow-color var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.shadow-orange-400 | --tw-shadow-color var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.shadow-orange-500 | --tw-shadow-color var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.shadow-orange-600 | --tw-shadow-color var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.shadow-orange-700 | --tw-shadow-color var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.shadow-orange-800 | --tw-shadow-color var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.shadow-orange-900 | --tw-shadow-color var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.shadow-orange-950 | --tw-shadow-color var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.shadow-amber-50 | --tw-shadow-color var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.shadow-amber-100 | --tw-shadow-color var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.shadow-amber-200 | --tw-shadow-color var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.shadow-amber-300 | --tw-shadow-color var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.shadow-amber-400 | --tw-shadow-color var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.shadow-amber-500 | --tw-shadow-color var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.shadow-amber-600 | --tw-shadow-color var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.shadow-amber-700 | --tw-shadow-color var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.shadow-amber-800 | --tw-shadow-color var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.shadow-amber-900 | --tw-shadow-color var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.shadow-amber-950 | --tw-shadow-color var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.shadow-yellow-50 | --tw-shadow-color var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.shadow-yellow-100 | --tw-shadow-color var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.shadow-yellow-200 | --tw-shadow-color var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.shadow-yellow-300 | --tw-shadow-color var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.shadow-yellow-400 | --tw-shadow-color var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.shadow-yellow-500 | --tw-shadow-color var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.shadow-yellow-600 | --tw-shadow-color var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.shadow-yellow-700 | --tw-shadow-color var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.shadow-yellow-800 | --tw-shadow-color var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.shadow-yellow-900 | --tw-shadow-color var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.shadow-yellow-950 | --tw-shadow-color var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.shadow-lime-50 | --tw-shadow-color var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.shadow-lime-100 | --tw-shadow-color var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.shadow-lime-200 | --tw-shadow-color var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.shadow-lime-300 | --tw-shadow-color var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.shadow-lime-400 | --tw-shadow-color var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.shadow-lime-500 | --tw-shadow-color var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.shadow-lime-600 | --tw-shadow-color var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.shadow-lime-700 | --tw-shadow-color var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.shadow-lime-800 | --tw-shadow-color var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.shadow-lime-900 | --tw-shadow-color var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.shadow-lime-950 | --tw-shadow-color var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.shadow-green-50 | --tw-shadow-color var(--color-green-50); | oklch(0.982 0.018 155.826) |
.shadow-green-100 | --tw-shadow-color var(--color-green-100); | oklch(0.962 0.044 156.743) |
.shadow-green-200 | --tw-shadow-color var(--color-green-200); | oklch(0.925 0.084 155.995) |
.shadow-green-300 | --tw-shadow-color var(--color-green-300); | oklch(0.871 0.15 154.449) |
.shadow-green-400 | --tw-shadow-color var(--color-green-400); | oklch(0.792 0.209 151.711) |
.shadow-green-500 | --tw-shadow-color var(--color-green-500); | oklch(0.723 0.219 149.579) |
.shadow-green-600 | --tw-shadow-color var(--color-green-600); | oklch(0.627 0.194 149.214) |
.shadow-green-700 | --tw-shadow-color var(--color-green-700); | oklch(0.527 0.154 150.069) |
.shadow-green-800 | --tw-shadow-color var(--color-green-800); | oklch(0.448 0.119 151.328) |
.shadow-green-900 | --tw-shadow-color var(--color-green-900); | oklch(0.393 0.095 152.535) |
.shadow-green-950 | --tw-shadow-color var(--color-green-950); | oklch(0.266 0.065 152.934) |
.shadow-emerald-50 | --tw-shadow-color var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.shadow-emerald-100 | --tw-shadow-color var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.shadow-emerald-200 | --tw-shadow-color var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.shadow-emerald-300 | --tw-shadow-color var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.shadow-emerald-400 | --tw-shadow-color var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.shadow-emerald-500 | --tw-shadow-color var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.shadow-emerald-600 | --tw-shadow-color var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.shadow-emerald-700 | --tw-shadow-color var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.shadow-emerald-800 | --tw-shadow-color var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.shadow-emerald-900 | --tw-shadow-color var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.shadow-emerald-950 | --tw-shadow-color var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.shadow-teal-50 | --tw-shadow-color var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.shadow-teal-100 | --tw-shadow-color var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.shadow-teal-200 | --tw-shadow-color var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.shadow-teal-300 | --tw-shadow-color var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.shadow-teal-400 | --tw-shadow-color var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.shadow-teal-500 | --tw-shadow-color var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.shadow-teal-600 | --tw-shadow-color var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.shadow-teal-700 | --tw-shadow-color var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.shadow-teal-800 | --tw-shadow-color var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.shadow-teal-900 | --tw-shadow-color var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.shadow-teal-950 | --tw-shadow-color var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.shadow-cyan-50 | --tw-shadow-color var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.shadow-cyan-100 | --tw-shadow-color var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.shadow-cyan-200 | --tw-shadow-color var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.shadow-cyan-300 | --tw-shadow-color var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.shadow-cyan-400 | --tw-shadow-color var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.shadow-cyan-500 | --tw-shadow-color var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.shadow-cyan-600 | --tw-shadow-color var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.shadow-cyan-700 | --tw-shadow-color var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.shadow-cyan-800 | --tw-shadow-color var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.shadow-cyan-900 | --tw-shadow-color var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.shadow-cyan-950 | --tw-shadow-color var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.shadow-sky-50 | --tw-shadow-color var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.shadow-sky-100 | --tw-shadow-color var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.shadow-sky-200 | --tw-shadow-color var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.shadow-sky-300 | --tw-shadow-color var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.shadow-sky-400 | --tw-shadow-color var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.shadow-sky-500 | --tw-shadow-color var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.shadow-sky-600 | --tw-shadow-color var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.shadow-sky-700 | --tw-shadow-color var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.shadow-sky-800 | --tw-shadow-color var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.shadow-sky-900 | --tw-shadow-color var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.shadow-sky-950 | --tw-shadow-color var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.shadow-blue-50 | --tw-shadow-color var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.shadow-blue-100 | --tw-shadow-color var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.shadow-blue-200 | --tw-shadow-color var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.shadow-blue-300 | --tw-shadow-color var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.shadow-blue-400 | --tw-shadow-color var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.shadow-blue-500 | --tw-shadow-color var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.shadow-blue-600 | --tw-shadow-color var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.shadow-blue-700 | --tw-shadow-color var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.shadow-blue-800 | --tw-shadow-color var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.shadow-blue-900 | --tw-shadow-color var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.shadow-blue-950 | --tw-shadow-color var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.shadow-indigo-50 | --tw-shadow-color var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.shadow-indigo-100 | --tw-shadow-color var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.shadow-indigo-200 | --tw-shadow-color var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.shadow-indigo-300 | --tw-shadow-color var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.shadow-indigo-400 | --tw-shadow-color var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.shadow-indigo-500 | --tw-shadow-color var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.shadow-indigo-600 | --tw-shadow-color var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.shadow-indigo-700 | --tw-shadow-color var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.shadow-indigo-800 | --tw-shadow-color var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.shadow-indigo-900 | --tw-shadow-color var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.shadow-indigo-950 | --tw-shadow-color var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.shadow-violet-50 | --tw-shadow-color var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.shadow-violet-100 | --tw-shadow-color var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.shadow-violet-200 | --tw-shadow-color var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.shadow-violet-300 | --tw-shadow-color var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.shadow-violet-400 | --tw-shadow-color var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.shadow-violet-500 | --tw-shadow-color var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.shadow-violet-600 | --tw-shadow-color var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.shadow-violet-700 | --tw-shadow-color var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.shadow-violet-800 | --tw-shadow-color var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.shadow-violet-900 | --tw-shadow-color var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.shadow-violet-950 | --tw-shadow-color var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.shadow-purple-50 | --tw-shadow-color var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.shadow-purple-100 | --tw-shadow-color var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.shadow-purple-200 | --tw-shadow-color var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.shadow-purple-300 | --tw-shadow-color var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.shadow-purple-400 | --tw-shadow-color var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.shadow-purple-500 | --tw-shadow-color var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.shadow-purple-600 | --tw-shadow-color var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.shadow-purple-700 | --tw-shadow-color var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.shadow-purple-800 | --tw-shadow-color var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.shadow-purple-900 | --tw-shadow-color var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.shadow-purple-950 | --tw-shadow-color var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.shadow-fuchsia-50 | --tw-shadow-color var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.shadow-fuchsia-100 | --tw-shadow-color var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.shadow-fuchsia-200 | --tw-shadow-color var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.shadow-fuchsia-300 | --tw-shadow-color var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.shadow-fuchsia-400 | --tw-shadow-color var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.shadow-fuchsia-500 | --tw-shadow-color var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.shadow-fuchsia-600 | --tw-shadow-color var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.shadow-fuchsia-700 | --tw-shadow-color var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.shadow-fuchsia-800 | --tw-shadow-color var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.shadow-fuchsia-900 | --tw-shadow-color var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.shadow-fuchsia-950 | --tw-shadow-color var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.shadow-pink-50 | --tw-shadow-color var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.shadow-pink-100 | --tw-shadow-color var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.shadow-pink-200 | --tw-shadow-color var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.shadow-pink-300 | --tw-shadow-color var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.shadow-pink-400 | --tw-shadow-color var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.shadow-pink-500 | --tw-shadow-color var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.shadow-pink-600 | --tw-shadow-color var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.shadow-pink-700 | --tw-shadow-color var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.shadow-pink-800 | --tw-shadow-color var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.shadow-pink-900 | --tw-shadow-color var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.shadow-pink-950 | --tw-shadow-color var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.shadow-rose-50 | --tw-shadow-color var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.shadow-rose-100 | --tw-shadow-color var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.shadow-rose-200 | --tw-shadow-color var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.shadow-rose-300 | --tw-shadow-color var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.shadow-rose-400 | --tw-shadow-color var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.shadow-rose-500 | --tw-shadow-color var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.shadow-rose-600 | --tw-shadow-color var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.shadow-rose-700 | --tw-shadow-color var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.shadow-rose-800 | --tw-shadow-color var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.shadow-rose-900 | --tw-shadow-color var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.shadow-rose-950 | --tw-shadow-color var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.shadow-slate-50 | --tw-shadow-color var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.shadow-slate-100 | --tw-shadow-color var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.shadow-slate-200 | --tw-shadow-color var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.shadow-slate-300 | --tw-shadow-color var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.shadow-slate-400 | --tw-shadow-color var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.shadow-slate-500 | --tw-shadow-color var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.shadow-slate-600 | --tw-shadow-color var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.shadow-slate-700 | --tw-shadow-color var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.shadow-slate-800 | --tw-shadow-color var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.shadow-slate-900 | --tw-shadow-color var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.shadow-slate-950 | --tw-shadow-color var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.shadow-gray-50 | --tw-shadow-color var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.shadow-gray-100 | --tw-shadow-color var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.shadow-gray-200 | --tw-shadow-color var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.shadow-gray-300 | --tw-shadow-color var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.shadow-gray-400 | --tw-shadow-color var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.shadow-gray-500 | --tw-shadow-color var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.shadow-gray-600 | --tw-shadow-color var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.shadow-gray-700 | --tw-shadow-color var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.shadow-gray-800 | --tw-shadow-color var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.shadow-gray-900 | --tw-shadow-color var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.shadow-gray-950 | --tw-shadow-color var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.shadow-zinc-50 | --tw-shadow-color var(--color-zinc-50); | oklch(0.985 0 0) |
.shadow-zinc-100 | --tw-shadow-color var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.shadow-zinc-200 | --tw-shadow-color var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.shadow-zinc-300 | --tw-shadow-color var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.shadow-zinc-400 | --tw-shadow-color var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.shadow-zinc-500 | --tw-shadow-color var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.shadow-zinc-600 | --tw-shadow-color var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.shadow-zinc-700 | --tw-shadow-color var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.shadow-zinc-800 | --tw-shadow-color var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.shadow-zinc-900 | --tw-shadow-color var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.shadow-zinc-950 | --tw-shadow-color var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.shadow-neutral-50 | --tw-shadow-color var(--color-neutral-50); | oklch(0.985 0 0) |
.shadow-neutral-100 | --tw-shadow-color var(--color-neutral-100); | oklch(0.97 0 0) |
.shadow-neutral-200 | --tw-shadow-color var(--color-neutral-200); | oklch(0.922 0 0) |
.shadow-neutral-300 | --tw-shadow-color var(--color-neutral-300); | oklch(0.87 0 0) |
.shadow-neutral-400 | --tw-shadow-color var(--color-neutral-400); | oklch(0.708 0 0) |
.shadow-neutral-500 | --tw-shadow-color var(--color-neutral-500); | oklch(0.556 0 0) |
.shadow-neutral-600 | --tw-shadow-color var(--color-neutral-600); | oklch(0.439 0 0) |
.shadow-neutral-700 | --tw-shadow-color var(--color-neutral-700); | oklch(0.371 0 0) |
.shadow-neutral-800 | --tw-shadow-color var(--color-neutral-800); | oklch(0.269 0 0) |
.shadow-neutral-900 | --tw-shadow-color var(--color-neutral-900); | oklch(0.205 0 0) |
.shadow-neutral-950 | --tw-shadow-color var(--color-neutral-950); | oklch(0.145 0 0) |
.shadow-stone-50 | --tw-shadow-color var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.shadow-stone-100 | --tw-shadow-color var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.shadow-stone-200 | --tw-shadow-color var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.shadow-stone-300 | --tw-shadow-color var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.shadow-stone-400 | --tw-shadow-color var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.shadow-stone-500 | --tw-shadow-color var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.shadow-stone-600 | --tw-shadow-color var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.shadow-stone-700 | --tw-shadow-color var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.shadow-stone-800 | --tw-shadow-color var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.shadow-stone-900 | --tw-shadow-color var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.shadow-stone-950 | --tw-shadow-color var(--color-stone-950); | oklch(0.147 0.004 49.25) |
.inset-shadow-2xs | box-shadow: var(--inset-shadow-2xs); | inset 0 1px rgb(0 0 0 / 0.05) |
.inset-shadow-xs | box-shadow: var(--inset-shadow-xs); | inset 0 1px 1px rgb(0 0 0 / 0.05) |
.inset-shadow-sm | box-shadow: var(--inset-shadow-sm); | inset 0 2px 4px rgb(0 0 0 / 0.05) |
.inset-shadow-none | box-shadow: inset 0 0 #0000; | |
.inset-shadow-(<custom-property>) | box-shadow: var(<custom-property>); | |
.inset-shadow-[<value>] | box-shadow: <value>; | |
.inset-shadow-inherit | --tw-inset-shadow-color inherit; | |
.inset-shadow-current | --tw-inset-shadow-color currentColor; | |
.inset-shadow-transparent | --tw-inset-shadow-color transparent; | |
.inset-shadow-black | --tw-inset-shadow-color var(--color-black); | #000 |
.inset-shadow-white | --tw-inset-shadow-color var(--color-white); | #fff |
.inset-shadow-red-50 | --tw-inset-shadow-color var(--color-red-50); | oklch(0.971 0.013 17.38) |
.inset-shadow-red-100 | --tw-inset-shadow-color var(--color-red-100); | oklch(0.936 0.032 17.717) |
.inset-shadow-red-200 | --tw-inset-shadow-color var(--color-red-200); | oklch(0.885 0.062 18.334) |
.inset-shadow-red-300 | --tw-inset-shadow-color var(--color-red-300); | oklch(0.808 0.114 19.571) |
.inset-shadow-red-400 | --tw-inset-shadow-color var(--color-red-400); | oklch(0.704 0.191 22.216) |
.inset-shadow-red-500 | --tw-inset-shadow-color var(--color-red-500); | oklch(0.637 0.237 25.331) |
.inset-shadow-red-600 | --tw-inset-shadow-color var(--color-red-600); | oklch(0.577 0.245 27.325) |
.inset-shadow-red-700 | --tw-inset-shadow-color var(--color-red-700); | oklch(0.505 0.213 27.518) |
.inset-shadow-red-800 | --tw-inset-shadow-color var(--color-red-800); | oklch(0.444 0.177 26.899) |
.inset-shadow-red-900 | --tw-inset-shadow-color var(--color-red-900); | oklch(0.396 0.141 25.723) |
.inset-shadow-red-950 | --tw-inset-shadow-color var(--color-red-950); | oklch(0.258 0.092 26.042) |
.inset-shadow-orange-50 | --tw-inset-shadow-color var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.inset-shadow-orange-100 | --tw-inset-shadow-color var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.inset-shadow-orange-200 | --tw-inset-shadow-color var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.inset-shadow-orange-300 | --tw-inset-shadow-color var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.inset-shadow-orange-400 | --tw-inset-shadow-color var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.inset-shadow-orange-500 | --tw-inset-shadow-color var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.inset-shadow-orange-600 | --tw-inset-shadow-color var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.inset-shadow-orange-700 | --tw-inset-shadow-color var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.inset-shadow-orange-800 | --tw-inset-shadow-color var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.inset-shadow-orange-900 | --tw-inset-shadow-color var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.inset-shadow-orange-950 | --tw-inset-shadow-color var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.inset-shadow-amber-50 | --tw-inset-shadow-color var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.inset-shadow-amber-100 | --tw-inset-shadow-color var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.inset-shadow-amber-200 | --tw-inset-shadow-color var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.inset-shadow-amber-300 | --tw-inset-shadow-color var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.inset-shadow-amber-400 | --tw-inset-shadow-color var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.inset-shadow-amber-500 | --tw-inset-shadow-color var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.inset-shadow-amber-600 | --tw-inset-shadow-color var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.inset-shadow-amber-700 | --tw-inset-shadow-color var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.inset-shadow-amber-800 | --tw-inset-shadow-color var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.inset-shadow-amber-900 | --tw-inset-shadow-color var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.inset-shadow-amber-950 | --tw-inset-shadow-color var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.inset-shadow-yellow-50 | --tw-inset-shadow-color var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.inset-shadow-yellow-100 | --tw-inset-shadow-color var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.inset-shadow-yellow-200 | --tw-inset-shadow-color var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.inset-shadow-yellow-300 | --tw-inset-shadow-color var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.inset-shadow-yellow-400 | --tw-inset-shadow-color var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.inset-shadow-yellow-500 | --tw-inset-shadow-color var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.inset-shadow-yellow-600 | --tw-inset-shadow-color var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.inset-shadow-yellow-700 | --tw-inset-shadow-color var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.inset-shadow-yellow-800 | --tw-inset-shadow-color var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.inset-shadow-yellow-900 | --tw-inset-shadow-color var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.inset-shadow-yellow-950 | --tw-inset-shadow-color var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.inset-shadow-lime-50 | --tw-inset-shadow-color var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.inset-shadow-lime-100 | --tw-inset-shadow-color var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.inset-shadow-lime-200 | --tw-inset-shadow-color var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.inset-shadow-lime-300 | --tw-inset-shadow-color var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.inset-shadow-lime-400 | --tw-inset-shadow-color var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.inset-shadow-lime-500 | --tw-inset-shadow-color var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.inset-shadow-lime-600 | --tw-inset-shadow-color var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.inset-shadow-lime-700 | --tw-inset-shadow-color var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.inset-shadow-lime-800 | --tw-inset-shadow-color var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.inset-shadow-lime-900 | --tw-inset-shadow-color var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.inset-shadow-lime-950 | --tw-inset-shadow-color var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.inset-shadow-green-50 | --tw-inset-shadow-color var(--color-green-50); | oklch(0.982 0.018 155.826) |
.inset-shadow-green-100 | --tw-inset-shadow-color var(--color-green-100); | oklch(0.962 0.044 156.743) |
.inset-shadow-green-200 | --tw-inset-shadow-color var(--color-green-200); | oklch(0.925 0.084 155.995) |
.inset-shadow-green-300 | --tw-inset-shadow-color var(--color-green-300); | oklch(0.871 0.15 154.449) |
.inset-shadow-green-400 | --tw-inset-shadow-color var(--color-green-400); | oklch(0.792 0.209 151.711) |
.inset-shadow-green-500 | --tw-inset-shadow-color var(--color-green-500); | oklch(0.723 0.219 149.579) |
.inset-shadow-green-600 | --tw-inset-shadow-color var(--color-green-600); | oklch(0.627 0.194 149.214) |
.inset-shadow-green-700 | --tw-inset-shadow-color var(--color-green-700); | oklch(0.527 0.154 150.069) |
.inset-shadow-green-800 | --tw-inset-shadow-color var(--color-green-800); | oklch(0.448 0.119 151.328) |
.inset-shadow-green-900 | --tw-inset-shadow-color var(--color-green-900); | oklch(0.393 0.095 152.535) |
.inset-shadow-green-950 | --tw-inset-shadow-color var(--color-green-950); | oklch(0.266 0.065 152.934) |
.inset-shadow-emerald-50 | --tw-inset-shadow-color var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.inset-shadow-emerald-100 | --tw-inset-shadow-color var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.inset-shadow-emerald-200 | --tw-inset-shadow-color var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.inset-shadow-emerald-300 | --tw-inset-shadow-color var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.inset-shadow-emerald-400 | --tw-inset-shadow-color var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.inset-shadow-emerald-500 | --tw-inset-shadow-color var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.inset-shadow-emerald-600 | --tw-inset-shadow-color var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.inset-shadow-emerald-700 | --tw-inset-shadow-color var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.inset-shadow-emerald-800 | --tw-inset-shadow-color var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.inset-shadow-emerald-900 | --tw-inset-shadow-color var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.inset-shadow-emerald-950 | --tw-inset-shadow-color var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.inset-shadow-teal-50 | --tw-inset-shadow-color var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.inset-shadow-teal-100 | --tw-inset-shadow-color var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.inset-shadow-teal-200 | --tw-inset-shadow-color var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.inset-shadow-teal-300 | --tw-inset-shadow-color var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.inset-shadow-teal-400 | --tw-inset-shadow-color var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.inset-shadow-teal-500 | --tw-inset-shadow-color var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.inset-shadow-teal-600 | --tw-inset-shadow-color var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.inset-shadow-teal-700 | --tw-inset-shadow-color var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.inset-shadow-teal-800 | --tw-inset-shadow-color var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.inset-shadow-teal-900 | --tw-inset-shadow-color var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.inset-shadow-teal-950 | --tw-inset-shadow-color var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.inset-shadow-cyan-50 | --tw-inset-shadow-color var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.inset-shadow-cyan-100 | --tw-inset-shadow-color var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.inset-shadow-cyan-200 | --tw-inset-shadow-color var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.inset-shadow-cyan-300 | --tw-inset-shadow-color var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.inset-shadow-cyan-400 | --tw-inset-shadow-color var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.inset-shadow-cyan-500 | --tw-inset-shadow-color var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.inset-shadow-cyan-600 | --tw-inset-shadow-color var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.inset-shadow-cyan-700 | --tw-inset-shadow-color var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.inset-shadow-cyan-800 | --tw-inset-shadow-color var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.inset-shadow-cyan-900 | --tw-inset-shadow-color var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.inset-shadow-cyan-950 | --tw-inset-shadow-color var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.inset-shadow-sky-50 | --tw-inset-shadow-color var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.inset-shadow-sky-100 | --tw-inset-shadow-color var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.inset-shadow-sky-200 | --tw-inset-shadow-color var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.inset-shadow-sky-300 | --tw-inset-shadow-color var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.inset-shadow-sky-400 | --tw-inset-shadow-color var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.inset-shadow-sky-500 | --tw-inset-shadow-color var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.inset-shadow-sky-600 | --tw-inset-shadow-color var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.inset-shadow-sky-700 | --tw-inset-shadow-color var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.inset-shadow-sky-800 | --tw-inset-shadow-color var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.inset-shadow-sky-900 | --tw-inset-shadow-color var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.inset-shadow-sky-950 | --tw-inset-shadow-color var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.inset-shadow-blue-50 | --tw-inset-shadow-color var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.inset-shadow-blue-100 | --tw-inset-shadow-color var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.inset-shadow-blue-200 | --tw-inset-shadow-color var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.inset-shadow-blue-300 | --tw-inset-shadow-color var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.inset-shadow-blue-400 | --tw-inset-shadow-color var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.inset-shadow-blue-500 | --tw-inset-shadow-color var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.inset-shadow-blue-600 | --tw-inset-shadow-color var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.inset-shadow-blue-700 | --tw-inset-shadow-color var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.inset-shadow-blue-800 | --tw-inset-shadow-color var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.inset-shadow-blue-900 | --tw-inset-shadow-color var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.inset-shadow-blue-950 | --tw-inset-shadow-color var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.inset-shadow-indigo-50 | --tw-inset-shadow-color var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.inset-shadow-indigo-100 | --tw-inset-shadow-color var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.inset-shadow-indigo-200 | --tw-inset-shadow-color var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.inset-shadow-indigo-300 | --tw-inset-shadow-color var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.inset-shadow-indigo-400 | --tw-inset-shadow-color var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.inset-shadow-indigo-500 | --tw-inset-shadow-color var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.inset-shadow-indigo-600 | --tw-inset-shadow-color var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.inset-shadow-indigo-700 | --tw-inset-shadow-color var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.inset-shadow-indigo-800 | --tw-inset-shadow-color var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.inset-shadow-indigo-900 | --tw-inset-shadow-color var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.inset-shadow-indigo-950 | --tw-inset-shadow-color var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.inset-shadow-violet-50 | --tw-inset-shadow-color var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.inset-shadow-violet-100 | --tw-inset-shadow-color var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.inset-shadow-violet-200 | --tw-inset-shadow-color var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.inset-shadow-violet-300 | --tw-inset-shadow-color var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.inset-shadow-violet-400 | --tw-inset-shadow-color var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.inset-shadow-violet-500 | --tw-inset-shadow-color var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.inset-shadow-violet-600 | --tw-inset-shadow-color var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.inset-shadow-violet-700 | --tw-inset-shadow-color var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.inset-shadow-violet-800 | --tw-inset-shadow-color var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.inset-shadow-violet-900 | --tw-inset-shadow-color var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.inset-shadow-violet-950 | --tw-inset-shadow-color var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.inset-shadow-purple-50 | --tw-inset-shadow-color var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.inset-shadow-purple-100 | --tw-inset-shadow-color var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.inset-shadow-purple-200 | --tw-inset-shadow-color var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.inset-shadow-purple-300 | --tw-inset-shadow-color var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.inset-shadow-purple-400 | --tw-inset-shadow-color var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.inset-shadow-purple-500 | --tw-inset-shadow-color var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.inset-shadow-purple-600 | --tw-inset-shadow-color var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.inset-shadow-purple-700 | --tw-inset-shadow-color var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.inset-shadow-purple-800 | --tw-inset-shadow-color var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.inset-shadow-purple-900 | --tw-inset-shadow-color var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.inset-shadow-purple-950 | --tw-inset-shadow-color var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.inset-shadow-fuchsia-50 | --tw-inset-shadow-color var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.inset-shadow-fuchsia-100 | --tw-inset-shadow-color var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.inset-shadow-fuchsia-200 | --tw-inset-shadow-color var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.inset-shadow-fuchsia-300 | --tw-inset-shadow-color var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.inset-shadow-fuchsia-400 | --tw-inset-shadow-color var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.inset-shadow-fuchsia-500 | --tw-inset-shadow-color var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.inset-shadow-fuchsia-600 | --tw-inset-shadow-color var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.inset-shadow-fuchsia-700 | --tw-inset-shadow-color var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.inset-shadow-fuchsia-800 | --tw-inset-shadow-color var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.inset-shadow-fuchsia-900 | --tw-inset-shadow-color var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.inset-shadow-fuchsia-950 | --tw-inset-shadow-color var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.inset-shadow-pink-50 | --tw-inset-shadow-color var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.inset-shadow-pink-100 | --tw-inset-shadow-color var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.inset-shadow-pink-200 | --tw-inset-shadow-color var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.inset-shadow-pink-300 | --tw-inset-shadow-color var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.inset-shadow-pink-400 | --tw-inset-shadow-color var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.inset-shadow-pink-500 | --tw-inset-shadow-color var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.inset-shadow-pink-600 | --tw-inset-shadow-color var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.inset-shadow-pink-700 | --tw-inset-shadow-color var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.inset-shadow-pink-800 | --tw-inset-shadow-color var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.inset-shadow-pink-900 | --tw-inset-shadow-color var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.inset-shadow-pink-950 | --tw-inset-shadow-color var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.inset-shadow-rose-50 | --tw-inset-shadow-color var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.inset-shadow-rose-100 | --tw-inset-shadow-color var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.inset-shadow-rose-200 | --tw-inset-shadow-color var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.inset-shadow-rose-300 | --tw-inset-shadow-color var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.inset-shadow-rose-400 | --tw-inset-shadow-color var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.inset-shadow-rose-500 | --tw-inset-shadow-color var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.inset-shadow-rose-600 | --tw-inset-shadow-color var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.inset-shadow-rose-700 | --tw-inset-shadow-color var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.inset-shadow-rose-800 | --tw-inset-shadow-color var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.inset-shadow-rose-900 | --tw-inset-shadow-color var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.inset-shadow-rose-950 | --tw-inset-shadow-color var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.inset-shadow-slate-50 | --tw-inset-shadow-color var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.inset-shadow-slate-100 | --tw-inset-shadow-color var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.inset-shadow-slate-200 | --tw-inset-shadow-color var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.inset-shadow-slate-300 | --tw-inset-shadow-color var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.inset-shadow-slate-400 | --tw-inset-shadow-color var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.inset-shadow-slate-500 | --tw-inset-shadow-color var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.inset-shadow-slate-600 | --tw-inset-shadow-color var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.inset-shadow-slate-700 | --tw-inset-shadow-color var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.inset-shadow-slate-800 | --tw-inset-shadow-color var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.inset-shadow-slate-900 | --tw-inset-shadow-color var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.inset-shadow-slate-950 | --tw-inset-shadow-color var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.inset-shadow-gray-50 | --tw-inset-shadow-color var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.inset-shadow-gray-100 | --tw-inset-shadow-color var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.inset-shadow-gray-200 | --tw-inset-shadow-color var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.inset-shadow-gray-300 | --tw-inset-shadow-color var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.inset-shadow-gray-400 | --tw-inset-shadow-color var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.inset-shadow-gray-500 | --tw-inset-shadow-color var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.inset-shadow-gray-600 | --tw-inset-shadow-color var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.inset-shadow-gray-700 | --tw-inset-shadow-color var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.inset-shadow-gray-800 | --tw-inset-shadow-color var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.inset-shadow-gray-900 | --tw-inset-shadow-color var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.inset-shadow-gray-950 | --tw-inset-shadow-color var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.inset-shadow-zinc-50 | --tw-inset-shadow-color var(--color-zinc-50); | oklch(0.985 0 0) |
.inset-shadow-zinc-100 | --tw-inset-shadow-color var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.inset-shadow-zinc-200 | --tw-inset-shadow-color var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.inset-shadow-zinc-300 | --tw-inset-shadow-color var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.inset-shadow-zinc-400 | --tw-inset-shadow-color var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.inset-shadow-zinc-500 | --tw-inset-shadow-color var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.inset-shadow-zinc-600 | --tw-inset-shadow-color var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.inset-shadow-zinc-700 | --tw-inset-shadow-color var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.inset-shadow-zinc-800 | --tw-inset-shadow-color var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.inset-shadow-zinc-900 | --tw-inset-shadow-color var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.inset-shadow-zinc-950 | --tw-inset-shadow-color var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.inset-shadow-neutral-50 | --tw-inset-shadow-color var(--color-neutral-50); | oklch(0.985 0 0) |
.inset-shadow-neutral-100 | --tw-inset-shadow-color var(--color-neutral-100); | oklch(0.97 0 0) |
.inset-shadow-neutral-200 | --tw-inset-shadow-color var(--color-neutral-200); | oklch(0.922 0 0) |
.inset-shadow-neutral-300 | --tw-inset-shadow-color var(--color-neutral-300); | oklch(0.87 0 0) |
.inset-shadow-neutral-400 | --tw-inset-shadow-color var(--color-neutral-400); | oklch(0.708 0 0) |
.inset-shadow-neutral-500 | --tw-inset-shadow-color var(--color-neutral-500); | oklch(0.556 0 0) |
.inset-shadow-neutral-600 | --tw-inset-shadow-color var(--color-neutral-600); | oklch(0.439 0 0) |
.inset-shadow-neutral-700 | --tw-inset-shadow-color var(--color-neutral-700); | oklch(0.371 0 0) |
.inset-shadow-neutral-800 | --tw-inset-shadow-color var(--color-neutral-800); | oklch(0.269 0 0) |
.inset-shadow-neutral-900 | --tw-inset-shadow-color var(--color-neutral-900); | oklch(0.205 0 0) |
.inset-shadow-neutral-950 | --tw-inset-shadow-color var(--color-neutral-950); | oklch(0.145 0 0) |
.inset-shadow-stone-50 | --tw-inset-shadow-color var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.inset-shadow-stone-100 | --tw-inset-shadow-color var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.inset-shadow-stone-200 | --tw-inset-shadow-color var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.inset-shadow-stone-300 | --tw-inset-shadow-color var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.inset-shadow-stone-400 | --tw-inset-shadow-color var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.inset-shadow-stone-500 | --tw-inset-shadow-color var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.inset-shadow-stone-600 | --tw-inset-shadow-color var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.inset-shadow-stone-700 | --tw-inset-shadow-color var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.inset-shadow-stone-800 | --tw-inset-shadow-color var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.inset-shadow-stone-900 | --tw-inset-shadow-color var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.inset-shadow-stone-950 | --tw-inset-shadow-color var(--color-stone-950); | oklch(0.147 0.004 49.25) |
.ring | --tw-ring-shadow: 0 0 0 1px; | |
.ring-<number> | --tw-ring-shadow: 0 0 0 <number>px; | |
.ring-(<custom-property>) | --tw-ring-shadow: 0 0 0 var(<custom-property>); | |
.ring-[<value>] | --tw-ring-shadow: 0 0 0 <value>; | |
.ring-inherit | --tw-ring-color: inherit; | |
.ring-current | --tw-ring-color: currentColor; | |
.ring-transparent | --tw-ring-color: transparent; | |
.ring-black | --tw-ring-color: var(--color-black); | #000 |
.ring-white | --tw-ring-color: var(--color-white); | #fff |
.ring-red-50 | --tw-ring-color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.ring-red-100 | --tw-ring-color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.ring-red-200 | --tw-ring-color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.ring-red-300 | --tw-ring-color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.ring-red-400 | --tw-ring-color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.ring-red-500 | --tw-ring-color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.ring-red-600 | --tw-ring-color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.ring-red-700 | --tw-ring-color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.ring-red-800 | --tw-ring-color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.ring-red-900 | --tw-ring-color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.ring-red-950 | --tw-ring-color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.ring-orange-50 | --tw-ring-color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.ring-orange-100 | --tw-ring-color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.ring-orange-200 | --tw-ring-color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.ring-orange-300 | --tw-ring-color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.ring-orange-400 | --tw-ring-color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.ring-orange-500 | --tw-ring-color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.ring-orange-600 | --tw-ring-color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.ring-orange-700 | --tw-ring-color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.ring-orange-800 | --tw-ring-color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.ring-orange-900 | --tw-ring-color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.ring-orange-950 | --tw-ring-color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.ring-amber-50 | --tw-ring-color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.ring-amber-100 | --tw-ring-color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.ring-amber-200 | --tw-ring-color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.ring-amber-300 | --tw-ring-color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.ring-amber-400 | --tw-ring-color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.ring-amber-500 | --tw-ring-color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.ring-amber-600 | --tw-ring-color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.ring-amber-700 | --tw-ring-color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.ring-amber-800 | --tw-ring-color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.ring-amber-900 | --tw-ring-color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.ring-amber-950 | --tw-ring-color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.ring-yellow-50 | --tw-ring-color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.ring-yellow-100 | --tw-ring-color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.ring-yellow-200 | --tw-ring-color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.ring-yellow-300 | --tw-ring-color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.ring-yellow-400 | --tw-ring-color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.ring-yellow-500 | --tw-ring-color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.ring-yellow-600 | --tw-ring-color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.ring-yellow-700 | --tw-ring-color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.ring-yellow-800 | --tw-ring-color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.ring-yellow-900 | --tw-ring-color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.ring-yellow-950 | --tw-ring-color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.ring-lime-50 | --tw-ring-color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.ring-lime-100 | --tw-ring-color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.ring-lime-200 | --tw-ring-color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.ring-lime-300 | --tw-ring-color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.ring-lime-400 | --tw-ring-color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.ring-lime-500 | --tw-ring-color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.ring-lime-600 | --tw-ring-color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.ring-lime-700 | --tw-ring-color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.ring-lime-800 | --tw-ring-color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.ring-lime-900 | --tw-ring-color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.ring-lime-950 | --tw-ring-color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.ring-green-50 | --tw-ring-color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.ring-green-100 | --tw-ring-color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.ring-green-200 | --tw-ring-color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.ring-green-300 | --tw-ring-color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.ring-green-400 | --tw-ring-color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.ring-green-500 | --tw-ring-color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.ring-green-600 | --tw-ring-color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.ring-green-700 | --tw-ring-color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.ring-green-800 | --tw-ring-color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.ring-green-900 | --tw-ring-color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.ring-green-950 | --tw-ring-color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.ring-emerald-50 | --tw-ring-color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.ring-emerald-100 | --tw-ring-color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.ring-emerald-200 | --tw-ring-color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.ring-emerald-300 | --tw-ring-color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.ring-emerald-400 | --tw-ring-color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.ring-emerald-500 | --tw-ring-color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.ring-emerald-600 | --tw-ring-color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.ring-emerald-700 | --tw-ring-color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.ring-emerald-800 | --tw-ring-color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.ring-emerald-900 | --tw-ring-color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.ring-emerald-950 | --tw-ring-color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.ring-teal-50 | --tw-ring-color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.ring-teal-100 | --tw-ring-color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.ring-teal-200 | --tw-ring-color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.ring-teal-300 | --tw-ring-color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.ring-teal-400 | --tw-ring-color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.ring-teal-500 | --tw-ring-color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.ring-teal-600 | --tw-ring-color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.ring-teal-700 | --tw-ring-color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.ring-teal-800 | --tw-ring-color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.ring-teal-900 | --tw-ring-color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.ring-teal-950 | --tw-ring-color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.ring-cyan-50 | --tw-ring-color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.ring-cyan-100 | --tw-ring-color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.ring-cyan-200 | --tw-ring-color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.ring-cyan-300 | --tw-ring-color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.ring-cyan-400 | --tw-ring-color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.ring-cyan-500 | --tw-ring-color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.ring-cyan-600 | --tw-ring-color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.ring-cyan-700 | --tw-ring-color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.ring-cyan-800 | --tw-ring-color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.ring-cyan-900 | --tw-ring-color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.ring-cyan-950 | --tw-ring-color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.ring-sky-50 | --tw-ring-color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.ring-sky-100 | --tw-ring-color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.ring-sky-200 | --tw-ring-color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.ring-sky-300 | --tw-ring-color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.ring-sky-400 | --tw-ring-color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.ring-sky-500 | --tw-ring-color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.ring-sky-600 | --tw-ring-color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.ring-sky-700 | --tw-ring-color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.ring-sky-800 | --tw-ring-color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.ring-sky-900 | --tw-ring-color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.ring-sky-950 | --tw-ring-color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.ring-blue-50 | --tw-ring-color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.ring-blue-100 | --tw-ring-color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.ring-blue-200 | --tw-ring-color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.ring-blue-300 | --tw-ring-color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.ring-blue-400 | --tw-ring-color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.ring-blue-500 | --tw-ring-color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.ring-blue-600 | --tw-ring-color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.ring-blue-700 | --tw-ring-color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.ring-blue-800 | --tw-ring-color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.ring-blue-900 | --tw-ring-color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.ring-blue-950 | --tw-ring-color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.ring-indigo-50 | --tw-ring-color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.ring-indigo-100 | --tw-ring-color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.ring-indigo-200 | --tw-ring-color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.ring-indigo-300 | --tw-ring-color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.ring-indigo-400 | --tw-ring-color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.ring-indigo-500 | --tw-ring-color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.ring-indigo-600 | --tw-ring-color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.ring-indigo-700 | --tw-ring-color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.ring-indigo-800 | --tw-ring-color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.ring-indigo-900 | --tw-ring-color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.ring-indigo-950 | --tw-ring-color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.ring-violet-50 | --tw-ring-color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.ring-violet-100 | --tw-ring-color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.ring-violet-200 | --tw-ring-color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.ring-violet-300 | --tw-ring-color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.ring-violet-400 | --tw-ring-color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.ring-violet-500 | --tw-ring-color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.ring-violet-600 | --tw-ring-color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.ring-violet-700 | --tw-ring-color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.ring-violet-800 | --tw-ring-color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.ring-violet-900 | --tw-ring-color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.ring-violet-950 | --tw-ring-color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.ring-purple-50 | --tw-ring-color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.ring-purple-100 | --tw-ring-color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.ring-purple-200 | --tw-ring-color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.ring-purple-300 | --tw-ring-color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.ring-purple-400 | --tw-ring-color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.ring-purple-500 | --tw-ring-color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.ring-purple-600 | --tw-ring-color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.ring-purple-700 | --tw-ring-color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.ring-purple-800 | --tw-ring-color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.ring-purple-900 | --tw-ring-color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.ring-purple-950 | --tw-ring-color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.ring-fuchsia-50 | --tw-ring-color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.ring-fuchsia-100 | --tw-ring-color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.ring-fuchsia-200 | --tw-ring-color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.ring-fuchsia-300 | --tw-ring-color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.ring-fuchsia-400 | --tw-ring-color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.ring-fuchsia-500 | --tw-ring-color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.ring-fuchsia-600 | --tw-ring-color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.ring-fuchsia-700 | --tw-ring-color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.ring-fuchsia-800 | --tw-ring-color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.ring-fuchsia-900 | --tw-ring-color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.ring-fuchsia-950 | --tw-ring-color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.ring-pink-50 | --tw-ring-color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.ring-pink-100 | --tw-ring-color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.ring-pink-200 | --tw-ring-color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.ring-pink-300 | --tw-ring-color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.ring-pink-400 | --tw-ring-color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.ring-pink-500 | --tw-ring-color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.ring-pink-600 | --tw-ring-color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.ring-pink-700 | --tw-ring-color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.ring-pink-800 | --tw-ring-color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.ring-pink-900 | --tw-ring-color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.ring-pink-950 | --tw-ring-color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.ring-rose-50 | --tw-ring-color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.ring-rose-100 | --tw-ring-color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.ring-rose-200 | --tw-ring-color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.ring-rose-300 | --tw-ring-color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.ring-rose-400 | --tw-ring-color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.ring-rose-500 | --tw-ring-color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.ring-rose-600 | --tw-ring-color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.ring-rose-700 | --tw-ring-color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.ring-rose-800 | --tw-ring-color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.ring-rose-900 | --tw-ring-color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.ring-rose-950 | --tw-ring-color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.ring-slate-50 | --tw-ring-color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.ring-slate-100 | --tw-ring-color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.ring-slate-200 | --tw-ring-color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.ring-slate-300 | --tw-ring-color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.ring-slate-400 | --tw-ring-color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.ring-slate-500 | --tw-ring-color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.ring-slate-600 | --tw-ring-color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.ring-slate-700 | --tw-ring-color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.ring-slate-800 | --tw-ring-color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.ring-slate-900 | --tw-ring-color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.ring-slate-950 | --tw-ring-color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.ring-gray-50 | --tw-ring-color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.ring-gray-100 | --tw-ring-color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.ring-gray-200 | --tw-ring-color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.ring-gray-300 | --tw-ring-color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.ring-gray-400 | --tw-ring-color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.ring-gray-500 | --tw-ring-color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.ring-gray-600 | --tw-ring-color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.ring-gray-700 | --tw-ring-color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.ring-gray-800 | --tw-ring-color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.ring-gray-900 | --tw-ring-color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.ring-gray-950 | --tw-ring-color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.ring-zinc-50 | --tw-ring-color: var(--color-zinc-50); | oklch(0.985 0 0) |
.ring-zinc-100 | --tw-ring-color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.ring-zinc-200 | --tw-ring-color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.ring-zinc-300 | --tw-ring-color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.ring-zinc-400 | --tw-ring-color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.ring-zinc-500 | --tw-ring-color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.ring-zinc-600 | --tw-ring-color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.ring-zinc-700 | --tw-ring-color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.ring-zinc-800 | --tw-ring-color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.ring-zinc-900 | --tw-ring-color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.ring-zinc-950 | --tw-ring-color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.ring-neutral-50 | --tw-ring-color: var(--color-neutral-50); | oklch(0.985 0 0) |
.ring-neutral-100 | --tw-ring-color: var(--color-neutral-100); | oklch(0.97 0 0) |
.ring-neutral-200 | --tw-ring-color: var(--color-neutral-200); | oklch(0.922 0 0) |
.ring-neutral-300 | --tw-ring-color: var(--color-neutral-300); | oklch(0.87 0 0) |
.ring-neutral-400 | --tw-ring-color: var(--color-neutral-400); | oklch(0.708 0 0) |
.ring-neutral-500 | --tw-ring-color: var(--color-neutral-500); | oklch(0.556 0 0) |
.ring-neutral-600 | --tw-ring-color: var(--color-neutral-600); | oklch(0.439 0 0) |
.ring-neutral-700 | --tw-ring-color: var(--color-neutral-700); | oklch(0.371 0 0) |
.ring-neutral-800 | --tw-ring-color: var(--color-neutral-800); | oklch(0.269 0 0) |
.ring-neutral-900 | --tw-ring-color: var(--color-neutral-900); | oklch(0.205 0 0) |
.ring-neutral-950 | --tw-ring-color: var(--color-neutral-950); | oklch(0.145 0 0) |
.ring-stone-50 | --tw-ring-color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.ring-stone-100 | --tw-ring-color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.ring-stone-200 | --tw-ring-color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.ring-stone-300 | --tw-ring-color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.ring-stone-400 | --tw-ring-color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.ring-stone-500 | --tw-ring-color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.ring-stone-600 | --tw-ring-color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.ring-stone-700 | --tw-ring-color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.ring-stone-800 | --tw-ring-color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.ring-stone-900 | --tw-ring-color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.ring-stone-950 | --tw-ring-color: var(--color-stone-950); | oklch(0.147 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; | |
.ring-black | --tw-inset-ring-color: var(--color-black); | #000 |
.ring-white | --tw-inset-ring-color: var(--color-white); | #fff |
.ring-red-50 | --tw-inset-ring-color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.ring-red-100 | --tw-inset-ring-color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.ring-red-200 | --tw-inset-ring-color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.ring-red-300 | --tw-inset-ring-color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.ring-red-400 | --tw-inset-ring-color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.ring-red-500 | --tw-inset-ring-color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.ring-red-600 | --tw-inset-ring-color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.ring-red-700 | --tw-inset-ring-color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.ring-red-800 | --tw-inset-ring-color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.ring-red-900 | --tw-inset-ring-color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.ring-red-950 | --tw-inset-ring-color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.ring-orange-50 | --tw-inset-ring-color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.ring-orange-100 | --tw-inset-ring-color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.ring-orange-200 | --tw-inset-ring-color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.ring-orange-300 | --tw-inset-ring-color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.ring-orange-400 | --tw-inset-ring-color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.ring-orange-500 | --tw-inset-ring-color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.ring-orange-600 | --tw-inset-ring-color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.ring-orange-700 | --tw-inset-ring-color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.ring-orange-800 | --tw-inset-ring-color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.ring-orange-900 | --tw-inset-ring-color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.ring-orange-950 | --tw-inset-ring-color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.ring-amber-50 | --tw-inset-ring-color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.ring-amber-100 | --tw-inset-ring-color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.ring-amber-200 | --tw-inset-ring-color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.ring-amber-300 | --tw-inset-ring-color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.ring-amber-400 | --tw-inset-ring-color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.ring-amber-500 | --tw-inset-ring-color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.ring-amber-600 | --tw-inset-ring-color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.ring-amber-700 | --tw-inset-ring-color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.ring-amber-800 | --tw-inset-ring-color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.ring-amber-900 | --tw-inset-ring-color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.ring-amber-950 | --tw-inset-ring-color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.ring-yellow-50 | --tw-inset-ring-color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.ring-yellow-100 | --tw-inset-ring-color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.ring-yellow-200 | --tw-inset-ring-color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.ring-yellow-300 | --tw-inset-ring-color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.ring-yellow-400 | --tw-inset-ring-color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.ring-yellow-500 | --tw-inset-ring-color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.ring-yellow-600 | --tw-inset-ring-color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.ring-yellow-700 | --tw-inset-ring-color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.ring-yellow-800 | --tw-inset-ring-color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.ring-yellow-900 | --tw-inset-ring-color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.ring-yellow-950 | --tw-inset-ring-color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.ring-lime-50 | --tw-inset-ring-color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.ring-lime-100 | --tw-inset-ring-color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.ring-lime-200 | --tw-inset-ring-color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.ring-lime-300 | --tw-inset-ring-color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.ring-lime-400 | --tw-inset-ring-color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.ring-lime-500 | --tw-inset-ring-color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.ring-lime-600 | --tw-inset-ring-color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.ring-lime-700 | --tw-inset-ring-color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.ring-lime-800 | --tw-inset-ring-color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.ring-lime-900 | --tw-inset-ring-color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.ring-lime-950 | --tw-inset-ring-color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.ring-green-50 | --tw-inset-ring-color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.ring-green-100 | --tw-inset-ring-color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.ring-green-200 | --tw-inset-ring-color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.ring-green-300 | --tw-inset-ring-color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.ring-green-400 | --tw-inset-ring-color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.ring-green-500 | --tw-inset-ring-color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.ring-green-600 | --tw-inset-ring-color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.ring-green-700 | --tw-inset-ring-color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.ring-green-800 | --tw-inset-ring-color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.ring-green-900 | --tw-inset-ring-color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.ring-green-950 | --tw-inset-ring-color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.ring-emerald-50 | --tw-inset-ring-color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.ring-emerald-100 | --tw-inset-ring-color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.ring-emerald-200 | --tw-inset-ring-color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.ring-emerald-300 | --tw-inset-ring-color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.ring-emerald-400 | --tw-inset-ring-color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.ring-emerald-500 | --tw-inset-ring-color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.ring-emerald-600 | --tw-inset-ring-color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.ring-emerald-700 | --tw-inset-ring-color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.ring-emerald-800 | --tw-inset-ring-color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.ring-emerald-900 | --tw-inset-ring-color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.ring-emerald-950 | --tw-inset-ring-color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.ring-teal-50 | --tw-inset-ring-color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.ring-teal-100 | --tw-inset-ring-color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.ring-teal-200 | --tw-inset-ring-color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.ring-teal-300 | --tw-inset-ring-color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.ring-teal-400 | --tw-inset-ring-color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.ring-teal-500 | --tw-inset-ring-color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.ring-teal-600 | --tw-inset-ring-color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.ring-teal-700 | --tw-inset-ring-color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.ring-teal-800 | --tw-inset-ring-color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.ring-teal-900 | --tw-inset-ring-color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.ring-teal-950 | --tw-inset-ring-color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.ring-cyan-50 | --tw-inset-ring-color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.ring-cyan-100 | --tw-inset-ring-color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.ring-cyan-200 | --tw-inset-ring-color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.ring-cyan-300 | --tw-inset-ring-color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.ring-cyan-400 | --tw-inset-ring-color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.ring-cyan-500 | --tw-inset-ring-color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.ring-cyan-600 | --tw-inset-ring-color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.ring-cyan-700 | --tw-inset-ring-color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.ring-cyan-800 | --tw-inset-ring-color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.ring-cyan-900 | --tw-inset-ring-color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.ring-cyan-950 | --tw-inset-ring-color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.ring-sky-50 | --tw-inset-ring-color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.ring-sky-100 | --tw-inset-ring-color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.ring-sky-200 | --tw-inset-ring-color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.ring-sky-300 | --tw-inset-ring-color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.ring-sky-400 | --tw-inset-ring-color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.ring-sky-500 | --tw-inset-ring-color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.ring-sky-600 | --tw-inset-ring-color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.ring-sky-700 | --tw-inset-ring-color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.ring-sky-800 | --tw-inset-ring-color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.ring-sky-900 | --tw-inset-ring-color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.ring-sky-950 | --tw-inset-ring-color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.ring-blue-50 | --tw-inset-ring-color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.ring-blue-100 | --tw-inset-ring-color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.ring-blue-200 | --tw-inset-ring-color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.ring-blue-300 | --tw-inset-ring-color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.ring-blue-400 | --tw-inset-ring-color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.ring-blue-500 | --tw-inset-ring-color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.ring-blue-600 | --tw-inset-ring-color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.ring-blue-700 | --tw-inset-ring-color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.ring-blue-800 | --tw-inset-ring-color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.ring-blue-900 | --tw-inset-ring-color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.ring-blue-950 | --tw-inset-ring-color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.ring-indigo-50 | --tw-inset-ring-color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.ring-indigo-100 | --tw-inset-ring-color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.ring-indigo-200 | --tw-inset-ring-color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.ring-indigo-300 | --tw-inset-ring-color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.ring-indigo-400 | --tw-inset-ring-color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.ring-indigo-500 | --tw-inset-ring-color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.ring-indigo-600 | --tw-inset-ring-color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.ring-indigo-700 | --tw-inset-ring-color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.ring-indigo-800 | --tw-inset-ring-color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.ring-indigo-900 | --tw-inset-ring-color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.ring-indigo-950 | --tw-inset-ring-color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.ring-violet-50 | --tw-inset-ring-color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.ring-violet-100 | --tw-inset-ring-color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.ring-violet-200 | --tw-inset-ring-color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.ring-violet-300 | --tw-inset-ring-color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.ring-violet-400 | --tw-inset-ring-color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.ring-violet-500 | --tw-inset-ring-color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.ring-violet-600 | --tw-inset-ring-color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.ring-violet-700 | --tw-inset-ring-color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.ring-violet-800 | --tw-inset-ring-color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.ring-violet-900 | --tw-inset-ring-color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.ring-violet-950 | --tw-inset-ring-color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.ring-purple-50 | --tw-inset-ring-color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.ring-purple-100 | --tw-inset-ring-color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.ring-purple-200 | --tw-inset-ring-color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.ring-purple-300 | --tw-inset-ring-color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.ring-purple-400 | --tw-inset-ring-color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.ring-purple-500 | --tw-inset-ring-color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.ring-purple-600 | --tw-inset-ring-color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.ring-purple-700 | --tw-inset-ring-color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.ring-purple-800 | --tw-inset-ring-color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.ring-purple-900 | --tw-inset-ring-color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.ring-purple-950 | --tw-inset-ring-color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.ring-fuchsia-50 | --tw-inset-ring-color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.ring-fuchsia-100 | --tw-inset-ring-color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.ring-fuchsia-200 | --tw-inset-ring-color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.ring-fuchsia-300 | --tw-inset-ring-color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.ring-fuchsia-400 | --tw-inset-ring-color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.ring-fuchsia-500 | --tw-inset-ring-color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.ring-fuchsia-600 | --tw-inset-ring-color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.ring-fuchsia-700 | --tw-inset-ring-color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.ring-fuchsia-800 | --tw-inset-ring-color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.ring-fuchsia-900 | --tw-inset-ring-color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.ring-fuchsia-950 | --tw-inset-ring-color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.ring-pink-50 | --tw-inset-ring-color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.ring-pink-100 | --tw-inset-ring-color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.ring-pink-200 | --tw-inset-ring-color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.ring-pink-300 | --tw-inset-ring-color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.ring-pink-400 | --tw-inset-ring-color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.ring-pink-500 | --tw-inset-ring-color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.ring-pink-600 | --tw-inset-ring-color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.ring-pink-700 | --tw-inset-ring-color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.ring-pink-800 | --tw-inset-ring-color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.ring-pink-900 | --tw-inset-ring-color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.ring-pink-950 | --tw-inset-ring-color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.ring-rose-50 | --tw-inset-ring-color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.ring-rose-100 | --tw-inset-ring-color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.ring-rose-200 | --tw-inset-ring-color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.ring-rose-300 | --tw-inset-ring-color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.ring-rose-400 | --tw-inset-ring-color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.ring-rose-500 | --tw-inset-ring-color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.ring-rose-600 | --tw-inset-ring-color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.ring-rose-700 | --tw-inset-ring-color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.ring-rose-800 | --tw-inset-ring-color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.ring-rose-900 | --tw-inset-ring-color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.ring-rose-950 | --tw-inset-ring-color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.ring-slate-50 | --tw-inset-ring-color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.ring-slate-100 | --tw-inset-ring-color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.ring-slate-200 | --tw-inset-ring-color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.ring-slate-300 | --tw-inset-ring-color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.ring-slate-400 | --tw-inset-ring-color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.ring-slate-500 | --tw-inset-ring-color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.ring-slate-600 | --tw-inset-ring-color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.ring-slate-700 | --tw-inset-ring-color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.ring-slate-800 | --tw-inset-ring-color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.ring-slate-900 | --tw-inset-ring-color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.ring-slate-950 | --tw-inset-ring-color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.ring-gray-50 | --tw-inset-ring-color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.ring-gray-100 | --tw-inset-ring-color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.ring-gray-200 | --tw-inset-ring-color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.ring-gray-300 | --tw-inset-ring-color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.ring-gray-400 | --tw-inset-ring-color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.ring-gray-500 | --tw-inset-ring-color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.ring-gray-600 | --tw-inset-ring-color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.ring-gray-700 | --tw-inset-ring-color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.ring-gray-800 | --tw-inset-ring-color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.ring-gray-900 | --tw-inset-ring-color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.ring-gray-950 | --tw-inset-ring-color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.ring-zinc-50 | --tw-inset-ring-color: var(--color-zinc-50); | oklch(0.985 0 0) |
.ring-zinc-100 | --tw-inset-ring-color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.ring-zinc-200 | --tw-inset-ring-color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.ring-zinc-300 | --tw-inset-ring-color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.ring-zinc-400 | --tw-inset-ring-color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.ring-zinc-500 | --tw-inset-ring-color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.ring-zinc-600 | --tw-inset-ring-color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.ring-zinc-700 | --tw-inset-ring-color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.ring-zinc-800 | --tw-inset-ring-color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.ring-zinc-900 | --tw-inset-ring-color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.ring-zinc-950 | --tw-inset-ring-color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.ring-neutral-50 | --tw-inset-ring-color: var(--color-neutral-50); | oklch(0.985 0 0) |
.ring-neutral-100 | --tw-inset-ring-color: var(--color-neutral-100); | oklch(0.97 0 0) |
.ring-neutral-200 | --tw-inset-ring-color: var(--color-neutral-200); | oklch(0.922 0 0) |
.ring-neutral-300 | --tw-inset-ring-color: var(--color-neutral-300); | oklch(0.87 0 0) |
.ring-neutral-400 | --tw-inset-ring-color: var(--color-neutral-400); | oklch(0.708 0 0) |
.ring-neutral-500 | --tw-inset-ring-color: var(--color-neutral-500); | oklch(0.556 0 0) |
.ring-neutral-600 | --tw-inset-ring-color: var(--color-neutral-600); | oklch(0.439 0 0) |
.ring-neutral-700 | --tw-inset-ring-color: var(--color-neutral-700); | oklch(0.371 0 0) |
.ring-neutral-800 | --tw-inset-ring-color: var(--color-neutral-800); | oklch(0.269 0 0) |
.ring-neutral-900 | --tw-inset-ring-color: var(--color-neutral-900); | oklch(0.205 0 0) |
.ring-neutral-950 | --tw-inset-ring-color: var(--color-neutral-950); | oklch(0.145 0 0) |
.ring-stone-50 | --tw-inset-ring-color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.ring-stone-100 | --tw-inset-ring-color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.ring-stone-200 | --tw-inset-ring-color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.ring-stone-300 | --tw-inset-ring-color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.ring-stone-400 | --tw-inset-ring-color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.ring-stone-500 | --tw-inset-ring-color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.ring-stone-600 | --tw-inset-ring-color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.ring-stone-700 | --tw-inset-ring-color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.ring-stone-800 | --tw-inset-ring-color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.ring-stone-900 | --tw-inset-ring-color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.ring-stone-950 | --tw-inset-ring-color: var(--color-stone-950); | oklch(0.147 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; |
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 |
.blur-sm | filter: blur(var(--blur-sm)); | 8px |
.blur-md | filter: blur(var(--blur-md)); | 12px |
.blur-lg | filter: blur(var(--blur-lg)); | 16px |
.blur-xl | filter: blur(var(--blur-xl)); | 24px |
.blur-2xl | filter: blur(var(--blur-2xl)); | 40px |
.blur-3xl | filter: blur(var(--blur-3xl)); | 64px |
.blur-none | filter: ; | |
.blur-(<custom-property>) | filter: blur(var(<custom-property>)); | |
.blur-[<value>] | filter: blur(<value>); |
filter: brightness()
Utilities for applying brightness filters to an element.
.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) |
.drop-shadow-sm | filter: drop-shadow(var(--drop-shadow-sm)); | 0 1px 2px rgb(0 0 0 / 0.15) |
.drop-shadow-md | filter: drop-shadow(var(--drop-shadow-md)); | 0 3px 3px rgb(0 0 0 / 0.12) |
.drop-shadow-lg | filter: drop-shadow(var(--drop-shadow-lg)); | 0 4px 4px rgb(0 0 0 / 0.15) |
.drop-shadow-xl | filter: drop-shadow(var(--drop-shadow-xl); | 0 9px 7px rgb(0 0 0 / 0.1) |
.drop-shadow-2xl | filter: drop-shadow(var(--drop-shadow-2xl)); | 0 25px 25px rgb(0 0 0 / 0.15) |
.drop-shadow-none | filter: drop-shadow(0 0 #0000); | |
.drop-shadow-(<custom-property>) | filter: drop-shadow(var(<custom-property>)); | |
.drop-shadow-[<value>] | filter: drop-shadow(<value>); |
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 |
.backdrop-blur-sm | backdrop-filter: blur(var(--blur-sm)); | 8px |
.backdrop-blur-md | backdrop-filter: blur(var(--blur-md)); | 12px |
.backdrop-blur-lg | backdrop-filter: blur(var(--blur-lg)); | 16px |
.backdrop-blur-xl | backdrop-filter: blur(var(--blur-xl)); | 24px |
.backdrop-blur-2xl | backdrop-filter: blur(var(--blur-2xl)); | 40px |
.backdrop-blur-3xl | backdrop-filter: blur(var(--blur-3xl)); | 64px |
.backdrop-blur-none | backdrop-filter: ; | |
.backdrop-blur-(<custom-property>) | backdrop-filter: blur(var(<custom-property>)); | |
.backdrop-blur-[<value>] | backdrop-filter: blur(<value>); |
backdrop-filter: brightness()
Utilities for applying backdrop brightness filters to an element.
.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; |
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>; |
table-layout
Utilities for controlling the table layout algorithm.
.table-auto | table-layout: auto; | |
.table-fixed | table-layout: fixed; |
caption-side
Utilities for controlling the alignment of a caption element inside of a table.
.caption-top | caption-side: top; | |
.caption-bottom | caption-side: bottom; |
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);
transition-duration: var(--default-transition-duration); | cubic-bezier(0.4, 0, 0.2, 1) |
.transition-all | transition-property: all;
transition-timing-function: var(--default-transition-timing-function);
transition-duration: var(--default-transition-duration); | 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);
transition-duration: var(--default-transition-duration); | cubic-bezier(0.4, 0, 0.2, 1) |
.transition-opacity | transition-property: opacity;
transition-timing-function: var(--default-transition-timing-function);
transition-duration: var(--default-transition-duration); | cubic-bezier(0.4, 0, 0.2, 1) |
.transition-shadow | transition-property: box-shadow;
transition-timing-function: var(--default-transition-timing-function);
transition-duration: var(--default-transition-duration); | cubic-bezier(0.4, 0, 0.2, 1) |
.transition-transform | transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--default-transition-timing-function);
transition-duration: var(--default-transition-duration); | 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);
transition-duration: var(--default-transition-duration); | |
.transition-[<value>] | transition-property: <value>;
transition-timing-function: var(--default-transition-timing-function);
transition-duration: var(--default-transition-duration); |
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) |
.ease-out | transition-timing-function: var(--ease-out); | cubic-bezier(0, 0, 0.2, 1) |
.ease-in-out | transition-timing-function: var(--ease-in-out); | cubic-bezier(0.4, 0, 0.2, 1) |
.ease-initial | transition-timing-function: initial; | |
.ease-(<custom-property>) | transition-timing-function: var(<custom-property>); | |
.ease-[<value>] | transition-timing-function: <value>; |
transition-delay
Utilities for controlling the delay of CSS transitions.
.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);
@keyframes spin {
to {
transform: rotate(360deg);
}
} | spin 1s linear infinite |
.animate-ping | animation: var(--animate-ping);
@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);
@keyframes pulse {
50% {
opacity: 0.5;
}
} | pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite |
.animate-bounce | animation: var(--animate-bounce);
@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'ss perspective when placed in 3D space.
.perspective-dramatic | perspective: var(--perspective-dramatic); | 100px |
.perspective-near | perspective: var(--perspective-near); | 300px |
.perspective-normal | perspective: var(--perspective-normal); | 500px |
.perspective-midrange | perspective: var(--perspective-midrange); | 800px |
.perspective-distant | perspective: var(--perspective-distant); | 1200px |
.perspective-none | perspective: none; | |
.perspective-(<custom-property>) | perspective: var(<custom-property>); | |
.perspective-[<value>] | perspective: <value>; |
perspective-origin
Utilities for controlling an element's perspective origin when placed in 3D space.
.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 |
.accent-white | accent-color: var(--color-white); | #fff |
.accent-red-50 | accent-color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.accent-red-100 | accent-color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.accent-red-200 | accent-color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.accent-red-300 | accent-color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.accent-red-400 | accent-color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.accent-red-500 | accent-color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.accent-red-600 | accent-color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.accent-red-700 | accent-color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.accent-red-800 | accent-color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.accent-red-900 | accent-color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.accent-red-950 | accent-color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.accent-orange-50 | accent-color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.accent-orange-100 | accent-color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.accent-orange-200 | accent-color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.accent-orange-300 | accent-color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.accent-orange-400 | accent-color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.accent-orange-500 | accent-color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.accent-orange-600 | accent-color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.accent-orange-700 | accent-color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.accent-orange-800 | accent-color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.accent-orange-900 | accent-color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.accent-orange-950 | accent-color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.accent-amber-50 | accent-color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.accent-amber-100 | accent-color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.accent-amber-200 | accent-color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.accent-amber-300 | accent-color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.accent-amber-400 | accent-color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.accent-amber-500 | accent-color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.accent-amber-600 | accent-color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.accent-amber-700 | accent-color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.accent-amber-800 | accent-color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.accent-amber-900 | accent-color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.accent-amber-950 | accent-color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.accent-yellow-50 | accent-color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.accent-yellow-100 | accent-color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.accent-yellow-200 | accent-color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.accent-yellow-300 | accent-color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.accent-yellow-400 | accent-color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.accent-yellow-500 | accent-color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.accent-yellow-600 | accent-color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.accent-yellow-700 | accent-color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.accent-yellow-800 | accent-color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.accent-yellow-900 | accent-color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.accent-yellow-950 | accent-color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.accent-lime-50 | accent-color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.accent-lime-100 | accent-color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.accent-lime-200 | accent-color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.accent-lime-300 | accent-color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.accent-lime-400 | accent-color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.accent-lime-500 | accent-color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.accent-lime-600 | accent-color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.accent-lime-700 | accent-color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.accent-lime-800 | accent-color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.accent-lime-900 | accent-color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.accent-lime-950 | accent-color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.accent-green-50 | accent-color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.accent-green-100 | accent-color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.accent-green-200 | accent-color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.accent-green-300 | accent-color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.accent-green-400 | accent-color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.accent-green-500 | accent-color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.accent-green-600 | accent-color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.accent-green-700 | accent-color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.accent-green-800 | accent-color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.accent-green-900 | accent-color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.accent-green-950 | accent-color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.accent-emerald-50 | accent-color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.accent-emerald-100 | accent-color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.accent-emerald-200 | accent-color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.accent-emerald-300 | accent-color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.accent-emerald-400 | accent-color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.accent-emerald-500 | accent-color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.accent-emerald-600 | accent-color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.accent-emerald-700 | accent-color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.accent-emerald-800 | accent-color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.accent-emerald-900 | accent-color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.accent-emerald-950 | accent-color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.accent-teal-50 | accent-color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.accent-teal-100 | accent-color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.accent-teal-200 | accent-color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.accent-teal-300 | accent-color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.accent-teal-400 | accent-color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.accent-teal-500 | accent-color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.accent-teal-600 | accent-color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.accent-teal-700 | accent-color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.accent-teal-800 | accent-color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.accent-teal-900 | accent-color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.accent-teal-950 | accent-color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.accent-cyan-50 | accent-color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.accent-cyan-100 | accent-color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.accent-cyan-200 | accent-color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.accent-cyan-300 | accent-color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.accent-cyan-400 | accent-color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.accent-cyan-500 | accent-color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.accent-cyan-600 | accent-color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.accent-cyan-700 | accent-color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.accent-cyan-800 | accent-color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.accent-cyan-900 | accent-color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.accent-cyan-950 | accent-color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.accent-sky-50 | accent-color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.accent-sky-100 | accent-color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.accent-sky-200 | accent-color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.accent-sky-300 | accent-color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.accent-sky-400 | accent-color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.accent-sky-500 | accent-color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.accent-sky-600 | accent-color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.accent-sky-700 | accent-color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.accent-sky-800 | accent-color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.accent-sky-900 | accent-color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.accent-sky-950 | accent-color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.accent-blue-50 | accent-color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.accent-blue-100 | accent-color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.accent-blue-200 | accent-color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.accent-blue-300 | accent-color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.accent-blue-400 | accent-color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.accent-blue-500 | accent-color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.accent-blue-600 | accent-color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.accent-blue-700 | accent-color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.accent-blue-800 | accent-color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.accent-blue-900 | accent-color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.accent-blue-950 | accent-color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.accent-indigo-50 | accent-color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.accent-indigo-100 | accent-color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.accent-indigo-200 | accent-color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.accent-indigo-300 | accent-color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.accent-indigo-400 | accent-color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.accent-indigo-500 | accent-color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.accent-indigo-600 | accent-color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.accent-indigo-700 | accent-color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.accent-indigo-800 | accent-color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.accent-indigo-900 | accent-color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.accent-indigo-950 | accent-color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.accent-violet-50 | accent-color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.accent-violet-100 | accent-color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.accent-violet-200 | accent-color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.accent-violet-300 | accent-color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.accent-violet-400 | accent-color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.accent-violet-500 | accent-color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.accent-violet-600 | accent-color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.accent-violet-700 | accent-color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.accent-violet-800 | accent-color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.accent-violet-900 | accent-color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.accent-violet-950 | accent-color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.accent-purple-50 | accent-color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.accent-purple-100 | accent-color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.accent-purple-200 | accent-color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.accent-purple-300 | accent-color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.accent-purple-400 | accent-color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.accent-purple-500 | accent-color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.accent-purple-600 | accent-color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.accent-purple-700 | accent-color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.accent-purple-800 | accent-color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.accent-purple-900 | accent-color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.accent-purple-950 | accent-color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.accent-fuchsia-50 | accent-color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.accent-fuchsia-100 | accent-color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.accent-fuchsia-200 | accent-color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.accent-fuchsia-300 | accent-color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.accent-fuchsia-400 | accent-color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.accent-fuchsia-500 | accent-color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.accent-fuchsia-600 | accent-color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.accent-fuchsia-700 | accent-color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.accent-fuchsia-800 | accent-color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.accent-fuchsia-900 | accent-color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.accent-fuchsia-950 | accent-color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.accent-pink-50 | accent-color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.accent-pink-100 | accent-color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.accent-pink-200 | accent-color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.accent-pink-300 | accent-color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.accent-pink-400 | accent-color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.accent-pink-500 | accent-color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.accent-pink-600 | accent-color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.accent-pink-700 | accent-color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.accent-pink-800 | accent-color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.accent-pink-900 | accent-color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.accent-pink-950 | accent-color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.accent-rose-50 | accent-color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.accent-rose-100 | accent-color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.accent-rose-200 | accent-color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.accent-rose-300 | accent-color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.accent-rose-400 | accent-color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.accent-rose-500 | accent-color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.accent-rose-600 | accent-color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.accent-rose-700 | accent-color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.accent-rose-800 | accent-color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.accent-rose-900 | accent-color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.accent-rose-950 | accent-color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.accent-slate-50 | accent-color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.accent-slate-100 | accent-color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.accent-slate-200 | accent-color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.accent-slate-300 | accent-color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.accent-slate-400 | accent-color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.accent-slate-500 | accent-color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.accent-slate-600 | accent-color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.accent-slate-700 | accent-color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.accent-slate-800 | accent-color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.accent-slate-900 | accent-color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.accent-slate-950 | accent-color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.accent-gray-50 | accent-color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.accent-gray-100 | accent-color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.accent-gray-200 | accent-color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.accent-gray-300 | accent-color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.accent-gray-400 | accent-color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.accent-gray-500 | accent-color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.accent-gray-600 | accent-color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.accent-gray-700 | accent-color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.accent-gray-800 | accent-color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.accent-gray-900 | accent-color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.accent-gray-950 | accent-color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.accent-zinc-50 | accent-color: var(--color-zinc-50); | oklch(0.985 0 0) |
.accent-zinc-100 | accent-color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.accent-zinc-200 | accent-color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.accent-zinc-300 | accent-color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.accent-zinc-400 | accent-color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.accent-zinc-500 | accent-color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.accent-zinc-600 | accent-color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.accent-zinc-700 | accent-color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.accent-zinc-800 | accent-color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.accent-zinc-900 | accent-color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.accent-zinc-950 | accent-color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.accent-neutral-50 | accent-color: var(--color-neutral-50); | oklch(0.985 0 0) |
.accent-neutral-100 | accent-color: var(--color-neutral-100); | oklch(0.97 0 0) |
.accent-neutral-200 | accent-color: var(--color-neutral-200); | oklch(0.922 0 0) |
.accent-neutral-300 | accent-color: var(--color-neutral-300); | oklch(0.87 0 0) |
.accent-neutral-400 | accent-color: var(--color-neutral-400); | oklch(0.708 0 0) |
.accent-neutral-500 | accent-color: var(--color-neutral-500); | oklch(0.556 0 0) |
.accent-neutral-600 | accent-color: var(--color-neutral-600); | oklch(0.439 0 0) |
.accent-neutral-700 | accent-color: var(--color-neutral-700); | oklch(0.371 0 0) |
.accent-neutral-800 | accent-color: var(--color-neutral-800); | oklch(0.269 0 0) |
.accent-neutral-900 | accent-color: var(--color-neutral-900); | oklch(0.205 0 0) |
.accent-neutral-950 | accent-color: var(--color-neutral-950); | oklch(0.145 0 0) |
.accent-stone-50 | accent-color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.accent-stone-100 | accent-color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.accent-stone-200 | accent-color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.accent-stone-300 | accent-color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.accent-stone-400 | accent-color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.accent-stone-500 | accent-color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.accent-stone-600 | accent-color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.accent-stone-700 | accent-color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.accent-stone-800 | accent-color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.accent-stone-900 | accent-color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.accent-stone-950 | accent-color: var(--color-stone-950); | oklch(0.147 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 |
.caret-white | caret-color: var(--color-white); | #fff |
.caret-red-50 | caret-color: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.caret-red-100 | caret-color: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.caret-red-200 | caret-color: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.caret-red-300 | caret-color: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.caret-red-400 | caret-color: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.caret-red-500 | caret-color: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.caret-red-600 | caret-color: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.caret-red-700 | caret-color: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.caret-red-800 | caret-color: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.caret-red-900 | caret-color: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.caret-red-950 | caret-color: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.caret-orange-50 | caret-color: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.caret-orange-100 | caret-color: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.caret-orange-200 | caret-color: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.caret-orange-300 | caret-color: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.caret-orange-400 | caret-color: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.caret-orange-500 | caret-color: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.caret-orange-600 | caret-color: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.caret-orange-700 | caret-color: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.caret-orange-800 | caret-color: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.caret-orange-900 | caret-color: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.caret-orange-950 | caret-color: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.caret-amber-50 | caret-color: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.caret-amber-100 | caret-color: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.caret-amber-200 | caret-color: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.caret-amber-300 | caret-color: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.caret-amber-400 | caret-color: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.caret-amber-500 | caret-color: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.caret-amber-600 | caret-color: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.caret-amber-700 | caret-color: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.caret-amber-800 | caret-color: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.caret-amber-900 | caret-color: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.caret-amber-950 | caret-color: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.caret-yellow-50 | caret-color: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.caret-yellow-100 | caret-color: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.caret-yellow-200 | caret-color: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.caret-yellow-300 | caret-color: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.caret-yellow-400 | caret-color: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.caret-yellow-500 | caret-color: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.caret-yellow-600 | caret-color: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.caret-yellow-700 | caret-color: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.caret-yellow-800 | caret-color: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.caret-yellow-900 | caret-color: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.caret-yellow-950 | caret-color: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.caret-lime-50 | caret-color: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.caret-lime-100 | caret-color: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.caret-lime-200 | caret-color: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.caret-lime-300 | caret-color: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.caret-lime-400 | caret-color: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.caret-lime-500 | caret-color: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.caret-lime-600 | caret-color: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.caret-lime-700 | caret-color: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.caret-lime-800 | caret-color: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.caret-lime-900 | caret-color: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.caret-lime-950 | caret-color: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.caret-green-50 | caret-color: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.caret-green-100 | caret-color: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.caret-green-200 | caret-color: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.caret-green-300 | caret-color: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.caret-green-400 | caret-color: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.caret-green-500 | caret-color: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.caret-green-600 | caret-color: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.caret-green-700 | caret-color: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.caret-green-800 | caret-color: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.caret-green-900 | caret-color: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.caret-green-950 | caret-color: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.caret-emerald-50 | caret-color: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.caret-emerald-100 | caret-color: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.caret-emerald-200 | caret-color: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.caret-emerald-300 | caret-color: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.caret-emerald-400 | caret-color: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.caret-emerald-500 | caret-color: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.caret-emerald-600 | caret-color: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.caret-emerald-700 | caret-color: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.caret-emerald-800 | caret-color: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.caret-emerald-900 | caret-color: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.caret-emerald-950 | caret-color: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.caret-teal-50 | caret-color: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.caret-teal-100 | caret-color: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.caret-teal-200 | caret-color: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.caret-teal-300 | caret-color: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.caret-teal-400 | caret-color: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.caret-teal-500 | caret-color: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.caret-teal-600 | caret-color: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.caret-teal-700 | caret-color: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.caret-teal-800 | caret-color: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.caret-teal-900 | caret-color: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.caret-teal-950 | caret-color: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.caret-cyan-50 | caret-color: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.caret-cyan-100 | caret-color: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.caret-cyan-200 | caret-color: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.caret-cyan-300 | caret-color: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.caret-cyan-400 | caret-color: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.caret-cyan-500 | caret-color: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.caret-cyan-600 | caret-color: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.caret-cyan-700 | caret-color: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.caret-cyan-800 | caret-color: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.caret-cyan-900 | caret-color: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.caret-cyan-950 | caret-color: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.caret-sky-50 | caret-color: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.caret-sky-100 | caret-color: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.caret-sky-200 | caret-color: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.caret-sky-300 | caret-color: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.caret-sky-400 | caret-color: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.caret-sky-500 | caret-color: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.caret-sky-600 | caret-color: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.caret-sky-700 | caret-color: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.caret-sky-800 | caret-color: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.caret-sky-900 | caret-color: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.caret-sky-950 | caret-color: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.caret-blue-50 | caret-color: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.caret-blue-100 | caret-color: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.caret-blue-200 | caret-color: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.caret-blue-300 | caret-color: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.caret-blue-400 | caret-color: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.caret-blue-500 | caret-color: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.caret-blue-600 | caret-color: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.caret-blue-700 | caret-color: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.caret-blue-800 | caret-color: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.caret-blue-900 | caret-color: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.caret-blue-950 | caret-color: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.caret-indigo-50 | caret-color: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.caret-indigo-100 | caret-color: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.caret-indigo-200 | caret-color: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.caret-indigo-300 | caret-color: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.caret-indigo-400 | caret-color: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.caret-indigo-500 | caret-color: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.caret-indigo-600 | caret-color: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.caret-indigo-700 | caret-color: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.caret-indigo-800 | caret-color: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.caret-indigo-900 | caret-color: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.caret-indigo-950 | caret-color: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.caret-violet-50 | caret-color: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.caret-violet-100 | caret-color: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.caret-violet-200 | caret-color: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.caret-violet-300 | caret-color: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.caret-violet-400 | caret-color: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.caret-violet-500 | caret-color: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.caret-violet-600 | caret-color: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.caret-violet-700 | caret-color: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.caret-violet-800 | caret-color: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.caret-violet-900 | caret-color: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.caret-violet-950 | caret-color: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.caret-purple-50 | caret-color: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.caret-purple-100 | caret-color: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.caret-purple-200 | caret-color: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.caret-purple-300 | caret-color: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.caret-purple-400 | caret-color: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.caret-purple-500 | caret-color: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.caret-purple-600 | caret-color: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.caret-purple-700 | caret-color: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.caret-purple-800 | caret-color: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.caret-purple-900 | caret-color: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.caret-purple-950 | caret-color: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.caret-fuchsia-50 | caret-color: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.caret-fuchsia-100 | caret-color: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.caret-fuchsia-200 | caret-color: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.caret-fuchsia-300 | caret-color: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.caret-fuchsia-400 | caret-color: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.caret-fuchsia-500 | caret-color: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.caret-fuchsia-600 | caret-color: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.caret-fuchsia-700 | caret-color: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.caret-fuchsia-800 | caret-color: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.caret-fuchsia-900 | caret-color: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.caret-fuchsia-950 | caret-color: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.caret-pink-50 | caret-color: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.caret-pink-100 | caret-color: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.caret-pink-200 | caret-color: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.caret-pink-300 | caret-color: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.caret-pink-400 | caret-color: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.caret-pink-500 | caret-color: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.caret-pink-600 | caret-color: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.caret-pink-700 | caret-color: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.caret-pink-800 | caret-color: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.caret-pink-900 | caret-color: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.caret-pink-950 | caret-color: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.caret-rose-50 | caret-color: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.caret-rose-100 | caret-color: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.caret-rose-200 | caret-color: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.caret-rose-300 | caret-color: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.caret-rose-400 | caret-color: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.caret-rose-500 | caret-color: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.caret-rose-600 | caret-color: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.caret-rose-700 | caret-color: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.caret-rose-800 | caret-color: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.caret-rose-900 | caret-color: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.caret-rose-950 | caret-color: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.caret-slate-50 | caret-color: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.caret-slate-100 | caret-color: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.caret-slate-200 | caret-color: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.caret-slate-300 | caret-color: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.caret-slate-400 | caret-color: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.caret-slate-500 | caret-color: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.caret-slate-600 | caret-color: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.caret-slate-700 | caret-color: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.caret-slate-800 | caret-color: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.caret-slate-900 | caret-color: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.caret-slate-950 | caret-color: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.caret-gray-50 | caret-color: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.caret-gray-100 | caret-color: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.caret-gray-200 | caret-color: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.caret-gray-300 | caret-color: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.caret-gray-400 | caret-color: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.caret-gray-500 | caret-color: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.caret-gray-600 | caret-color: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.caret-gray-700 | caret-color: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.caret-gray-800 | caret-color: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.caret-gray-900 | caret-color: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.caret-gray-950 | caret-color: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.caret-zinc-50 | caret-color: var(--color-zinc-50); | oklch(0.985 0 0) |
.caret-zinc-100 | caret-color: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.caret-zinc-200 | caret-color: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.caret-zinc-300 | caret-color: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.caret-zinc-400 | caret-color: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.caret-zinc-500 | caret-color: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.caret-zinc-600 | caret-color: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.caret-zinc-700 | caret-color: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.caret-zinc-800 | caret-color: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.caret-zinc-900 | caret-color: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.caret-zinc-950 | caret-color: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.caret-neutral-50 | caret-color: var(--color-neutral-50); | oklch(0.985 0 0) |
.caret-neutral-100 | caret-color: var(--color-neutral-100); | oklch(0.97 0 0) |
.caret-neutral-200 | caret-color: var(--color-neutral-200); | oklch(0.922 0 0) |
.caret-neutral-300 | caret-color: var(--color-neutral-300); | oklch(0.87 0 0) |
.caret-neutral-400 | caret-color: var(--color-neutral-400); | oklch(0.708 0 0) |
.caret-neutral-500 | caret-color: var(--color-neutral-500); | oklch(0.556 0 0) |
.caret-neutral-600 | caret-color: var(--color-neutral-600); | oklch(0.439 0 0) |
.caret-neutral-700 | caret-color: var(--color-neutral-700); | oklch(0.371 0 0) |
.caret-neutral-800 | caret-color: var(--color-neutral-800); | oklch(0.269 0 0) |
.caret-neutral-900 | caret-color: var(--color-neutral-900); | oklch(0.205 0 0) |
.caret-neutral-950 | caret-color: var(--color-neutral-950); | oklch(0.145 0 0) |
.caret-stone-50 | caret-color: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.caret-stone-100 | caret-color: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.caret-stone-200 | caret-color: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.caret-stone-300 | caret-color: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.caret-stone-400 | caret-color: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.caret-stone-500 | caret-color: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.caret-stone-600 | caret-color: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.caret-stone-700 | caret-color: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.caret-stone-800 | caret-color: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.caret-stone-900 | caret-color: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.caret-stone-950 | caret-color: var(--color-stone-950); | oklch(0.147 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 |
.fill-white | fill: var(--color-white); | #fff |
.fill-red-50 | fill: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.fill-red-100 | fill: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.fill-red-200 | fill: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.fill-red-300 | fill: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.fill-red-400 | fill: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.fill-red-500 | fill: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.fill-red-600 | fill: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.fill-red-700 | fill: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.fill-red-800 | fill: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.fill-red-900 | fill: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.fill-red-950 | fill: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.fill-orange-50 | fill: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.fill-orange-100 | fill: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.fill-orange-200 | fill: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.fill-orange-300 | fill: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.fill-orange-400 | fill: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.fill-orange-500 | fill: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.fill-orange-600 | fill: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.fill-orange-700 | fill: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.fill-orange-800 | fill: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.fill-orange-900 | fill: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.fill-orange-950 | fill: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.fill-amber-50 | fill: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.fill-amber-100 | fill: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.fill-amber-200 | fill: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.fill-amber-300 | fill: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.fill-amber-400 | fill: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.fill-amber-500 | fill: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.fill-amber-600 | fill: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.fill-amber-700 | fill: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.fill-amber-800 | fill: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.fill-amber-900 | fill: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.fill-amber-950 | fill: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.fill-yellow-50 | fill: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.fill-yellow-100 | fill: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.fill-yellow-200 | fill: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.fill-yellow-300 | fill: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.fill-yellow-400 | fill: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.fill-yellow-500 | fill: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.fill-yellow-600 | fill: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.fill-yellow-700 | fill: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.fill-yellow-800 | fill: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.fill-yellow-900 | fill: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.fill-yellow-950 | fill: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.fill-lime-50 | fill: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.fill-lime-100 | fill: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.fill-lime-200 | fill: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.fill-lime-300 | fill: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.fill-lime-400 | fill: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.fill-lime-500 | fill: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.fill-lime-600 | fill: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.fill-lime-700 | fill: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.fill-lime-800 | fill: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.fill-lime-900 | fill: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.fill-lime-950 | fill: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.fill-green-50 | fill: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.fill-green-100 | fill: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.fill-green-200 | fill: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.fill-green-300 | fill: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.fill-green-400 | fill: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.fill-green-500 | fill: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.fill-green-600 | fill: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.fill-green-700 | fill: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.fill-green-800 | fill: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.fill-green-900 | fill: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.fill-green-950 | fill: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.fill-emerald-50 | fill: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.fill-emerald-100 | fill: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.fill-emerald-200 | fill: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.fill-emerald-300 | fill: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.fill-emerald-400 | fill: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.fill-emerald-500 | fill: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.fill-emerald-600 | fill: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.fill-emerald-700 | fill: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.fill-emerald-800 | fill: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.fill-emerald-900 | fill: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.fill-emerald-950 | fill: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.fill-teal-50 | fill: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.fill-teal-100 | fill: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.fill-teal-200 | fill: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.fill-teal-300 | fill: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.fill-teal-400 | fill: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.fill-teal-500 | fill: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.fill-teal-600 | fill: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.fill-teal-700 | fill: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.fill-teal-800 | fill: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.fill-teal-900 | fill: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.fill-teal-950 | fill: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.fill-cyan-50 | fill: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.fill-cyan-100 | fill: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.fill-cyan-200 | fill: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.fill-cyan-300 | fill: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.fill-cyan-400 | fill: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.fill-cyan-500 | fill: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.fill-cyan-600 | fill: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.fill-cyan-700 | fill: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.fill-cyan-800 | fill: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.fill-cyan-900 | fill: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.fill-cyan-950 | fill: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.fill-sky-50 | fill: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.fill-sky-100 | fill: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.fill-sky-200 | fill: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.fill-sky-300 | fill: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.fill-sky-400 | fill: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.fill-sky-500 | fill: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.fill-sky-600 | fill: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.fill-sky-700 | fill: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.fill-sky-800 | fill: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.fill-sky-900 | fill: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.fill-sky-950 | fill: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.fill-blue-50 | fill: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.fill-blue-100 | fill: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.fill-blue-200 | fill: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.fill-blue-300 | fill: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.fill-blue-400 | fill: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.fill-blue-500 | fill: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.fill-blue-600 | fill: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.fill-blue-700 | fill: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.fill-blue-800 | fill: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.fill-blue-900 | fill: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.fill-blue-950 | fill: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.fill-indigo-50 | fill: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.fill-indigo-100 | fill: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.fill-indigo-200 | fill: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.fill-indigo-300 | fill: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.fill-indigo-400 | fill: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.fill-indigo-500 | fill: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.fill-indigo-600 | fill: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.fill-indigo-700 | fill: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.fill-indigo-800 | fill: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.fill-indigo-900 | fill: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.fill-indigo-950 | fill: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.fill-violet-50 | fill: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.fill-violet-100 | fill: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.fill-violet-200 | fill: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.fill-violet-300 | fill: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.fill-violet-400 | fill: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.fill-violet-500 | fill: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.fill-violet-600 | fill: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.fill-violet-700 | fill: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.fill-violet-800 | fill: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.fill-violet-900 | fill: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.fill-violet-950 | fill: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.fill-purple-50 | fill: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.fill-purple-100 | fill: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.fill-purple-200 | fill: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.fill-purple-300 | fill: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.fill-purple-400 | fill: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.fill-purple-500 | fill: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.fill-purple-600 | fill: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.fill-purple-700 | fill: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.fill-purple-800 | fill: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.fill-purple-900 | fill: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.fill-purple-950 | fill: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.fill-fuchsia-50 | fill: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.fill-fuchsia-100 | fill: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.fill-fuchsia-200 | fill: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.fill-fuchsia-300 | fill: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.fill-fuchsia-400 | fill: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.fill-fuchsia-500 | fill: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.fill-fuchsia-600 | fill: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.fill-fuchsia-700 | fill: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.fill-fuchsia-800 | fill: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.fill-fuchsia-900 | fill: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.fill-fuchsia-950 | fill: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.fill-pink-50 | fill: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.fill-pink-100 | fill: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.fill-pink-200 | fill: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.fill-pink-300 | fill: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.fill-pink-400 | fill: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.fill-pink-500 | fill: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.fill-pink-600 | fill: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.fill-pink-700 | fill: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.fill-pink-800 | fill: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.fill-pink-900 | fill: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.fill-pink-950 | fill: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.fill-rose-50 | fill: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.fill-rose-100 | fill: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.fill-rose-200 | fill: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.fill-rose-300 | fill: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.fill-rose-400 | fill: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.fill-rose-500 | fill: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.fill-rose-600 | fill: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.fill-rose-700 | fill: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.fill-rose-800 | fill: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.fill-rose-900 | fill: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.fill-rose-950 | fill: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.fill-slate-50 | fill: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.fill-slate-100 | fill: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.fill-slate-200 | fill: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.fill-slate-300 | fill: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.fill-slate-400 | fill: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.fill-slate-500 | fill: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.fill-slate-600 | fill: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.fill-slate-700 | fill: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.fill-slate-800 | fill: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.fill-slate-900 | fill: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.fill-slate-950 | fill: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.fill-gray-50 | fill: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.fill-gray-100 | fill: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.fill-gray-200 | fill: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.fill-gray-300 | fill: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.fill-gray-400 | fill: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.fill-gray-500 | fill: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.fill-gray-600 | fill: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.fill-gray-700 | fill: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.fill-gray-800 | fill: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.fill-gray-900 | fill: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.fill-gray-950 | fill: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.fill-zinc-50 | fill: var(--color-zinc-50); | oklch(0.985 0 0) |
.fill-zinc-100 | fill: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.fill-zinc-200 | fill: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.fill-zinc-300 | fill: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.fill-zinc-400 | fill: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.fill-zinc-500 | fill: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.fill-zinc-600 | fill: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.fill-zinc-700 | fill: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.fill-zinc-800 | fill: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.fill-zinc-900 | fill: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.fill-zinc-950 | fill: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.fill-neutral-50 | fill: var(--color-neutral-50); | oklch(0.985 0 0) |
.fill-neutral-100 | fill: var(--color-neutral-100); | oklch(0.97 0 0) |
.fill-neutral-200 | fill: var(--color-neutral-200); | oklch(0.922 0 0) |
.fill-neutral-300 | fill: var(--color-neutral-300); | oklch(0.87 0 0) |
.fill-neutral-400 | fill: var(--color-neutral-400); | oklch(0.708 0 0) |
.fill-neutral-500 | fill: var(--color-neutral-500); | oklch(0.556 0 0) |
.fill-neutral-600 | fill: var(--color-neutral-600); | oklch(0.439 0 0) |
.fill-neutral-700 | fill: var(--color-neutral-700); | oklch(0.371 0 0) |
.fill-neutral-800 | fill: var(--color-neutral-800); | oklch(0.269 0 0) |
.fill-neutral-900 | fill: var(--color-neutral-900); | oklch(0.205 0 0) |
.fill-neutral-950 | fill: var(--color-neutral-950); | oklch(0.145 0 0) |
.fill-stone-50 | fill: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.fill-stone-100 | fill: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.fill-stone-200 | fill: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.fill-stone-300 | fill: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.fill-stone-400 | fill: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.fill-stone-500 | fill: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.fill-stone-600 | fill: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.fill-stone-700 | fill: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.fill-stone-800 | fill: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.fill-stone-900 | fill: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.fill-stone-950 | fill: var(--color-stone-950); | oklch(0.147 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 |
.stroke-white | stroke: var(--color-white); | #fff |
.stroke-red-50 | stroke: var(--color-red-50); | oklch(0.971 0.013 17.38) |
.stroke-red-100 | stroke: var(--color-red-100); | oklch(0.936 0.032 17.717) |
.stroke-red-200 | stroke: var(--color-red-200); | oklch(0.885 0.062 18.334) |
.stroke-red-300 | stroke: var(--color-red-300); | oklch(0.808 0.114 19.571) |
.stroke-red-400 | stroke: var(--color-red-400); | oklch(0.704 0.191 22.216) |
.stroke-red-500 | stroke: var(--color-red-500); | oklch(0.637 0.237 25.331) |
.stroke-red-600 | stroke: var(--color-red-600); | oklch(0.577 0.245 27.325) |
.stroke-red-700 | stroke: var(--color-red-700); | oklch(0.505 0.213 27.518) |
.stroke-red-800 | stroke: var(--color-red-800); | oklch(0.444 0.177 26.899) |
.stroke-red-900 | stroke: var(--color-red-900); | oklch(0.396 0.141 25.723) |
.stroke-red-950 | stroke: var(--color-red-950); | oklch(0.258 0.092 26.042) |
.stroke-orange-50 | stroke: var(--color-orange-50); | oklch(0.98 0.016 73.684) |
.stroke-orange-100 | stroke: var(--color-orange-100); | oklch(0.954 0.038 75.164) |
.stroke-orange-200 | stroke: var(--color-orange-200); | oklch(0.901 0.076 70.697) |
.stroke-orange-300 | stroke: var(--color-orange-300); | oklch(0.837 0.128 66.29) |
.stroke-orange-400 | stroke: var(--color-orange-400); | oklch(0.75 0.183 55.934) |
.stroke-orange-500 | stroke: var(--color-orange-500); | oklch(0.705 0.213 47.604) |
.stroke-orange-600 | stroke: var(--color-orange-600); | oklch(0.646 0.222 41.116) |
.stroke-orange-700 | stroke: var(--color-orange-700); | oklch(0.553 0.195 38.402) |
.stroke-orange-800 | stroke: var(--color-orange-800); | oklch(0.47 0.157 37.304) |
.stroke-orange-900 | stroke: var(--color-orange-900); | oklch(0.408 0.123 38.172) |
.stroke-orange-950 | stroke: var(--color-orange-950); | oklch(0.266 0.079 36.259) |
.stroke-amber-50 | stroke: var(--color-amber-50); | oklch(0.987 0.022 95.277) |
.stroke-amber-100 | stroke: var(--color-amber-100); | oklch(0.962 0.059 95.617) |
.stroke-amber-200 | stroke: var(--color-amber-200); | oklch(0.924 0.12 95.746) |
.stroke-amber-300 | stroke: var(--color-amber-300); | oklch(0.879 0.169 91.605) |
.stroke-amber-400 | stroke: var(--color-amber-400); | oklch(0.828 0.189 84.429) |
.stroke-amber-500 | stroke: var(--color-amber-500); | oklch(0.769 0.188 70.08) |
.stroke-amber-600 | stroke: var(--color-amber-600); | oklch(0.666 0.179 58.318) |
.stroke-amber-700 | stroke: var(--color-amber-700); | oklch(0.555 0.163 48.998) |
.stroke-amber-800 | stroke: var(--color-amber-800); | oklch(0.473 0.137 46.201) |
.stroke-amber-900 | stroke: var(--color-amber-900); | oklch(0.414 0.112 45.904) |
.stroke-amber-950 | stroke: var(--color-amber-950); | oklch(0.279 0.077 45.635) |
.stroke-yellow-50 | stroke: var(--color-yellow-50); | oklch(0.987 0.026 102.212) |
.stroke-yellow-100 | stroke: var(--color-yellow-100); | oklch(0.973 0.071 103.193) |
.stroke-yellow-200 | stroke: var(--color-yellow-200); | oklch(0.945 0.129 101.54) |
.stroke-yellow-300 | stroke: var(--color-yellow-300); | oklch(0.905 0.182 98.111) |
.stroke-yellow-400 | stroke: var(--color-yellow-400); | oklch(0.852 0.199 91.936) |
.stroke-yellow-500 | stroke: var(--color-yellow-500); | oklch(0.795 0.184 86.047) |
.stroke-yellow-600 | stroke: var(--color-yellow-600); | oklch(0.681 0.162 75.834) |
.stroke-yellow-700 | stroke: var(--color-yellow-700); | oklch(0.554 0.135 66.442) |
.stroke-yellow-800 | stroke: var(--color-yellow-800); | oklch(0.476 0.114 61.907) |
.stroke-yellow-900 | stroke: var(--color-yellow-900); | oklch(0.421 0.095 57.708) |
.stroke-yellow-950 | stroke: var(--color-yellow-950); | oklch(0.286 0.066 53.813) |
.stroke-lime-50 | stroke: var(--color-lime-50); | oklch(0.986 0.031 120.757) |
.stroke-lime-100 | stroke: var(--color-lime-100); | oklch(0.967 0.067 122.328) |
.stroke-lime-200 | stroke: var(--color-lime-200); | oklch(0.938 0.127 124.321) |
.stroke-lime-300 | stroke: var(--color-lime-300); | oklch(0.897 0.196 126.665) |
.stroke-lime-400 | stroke: var(--color-lime-400); | oklch(0.841 0.238 128.85) |
.stroke-lime-500 | stroke: var(--color-lime-500); | oklch(0.768 0.233 130.85) |
.stroke-lime-600 | stroke: var(--color-lime-600); | oklch(0.648 0.2 131.684) |
.stroke-lime-700 | stroke: var(--color-lime-700); | oklch(0.532 0.157 131.589) |
.stroke-lime-800 | stroke: var(--color-lime-800); | oklch(0.453 0.124 130.933) |
.stroke-lime-900 | stroke: var(--color-lime-900); | oklch(0.405 0.101 131.063) |
.stroke-lime-950 | stroke: var(--color-lime-950); | oklch(0.274 0.072 132.109) |
.stroke-green-50 | stroke: var(--color-green-50); | oklch(0.982 0.018 155.826) |
.stroke-green-100 | stroke: var(--color-green-100); | oklch(0.962 0.044 156.743) |
.stroke-green-200 | stroke: var(--color-green-200); | oklch(0.925 0.084 155.995) |
.stroke-green-300 | stroke: var(--color-green-300); | oklch(0.871 0.15 154.449) |
.stroke-green-400 | stroke: var(--color-green-400); | oklch(0.792 0.209 151.711) |
.stroke-green-500 | stroke: var(--color-green-500); | oklch(0.723 0.219 149.579) |
.stroke-green-600 | stroke: var(--color-green-600); | oklch(0.627 0.194 149.214) |
.stroke-green-700 | stroke: var(--color-green-700); | oklch(0.527 0.154 150.069) |
.stroke-green-800 | stroke: var(--color-green-800); | oklch(0.448 0.119 151.328) |
.stroke-green-900 | stroke: var(--color-green-900); | oklch(0.393 0.095 152.535) |
.stroke-green-950 | stroke: var(--color-green-950); | oklch(0.266 0.065 152.934) |
.stroke-emerald-50 | stroke: var(--color-emerald-50); | oklch(0.979 0.021 166.113) |
.stroke-emerald-100 | stroke: var(--color-emerald-100); | oklch(0.95 0.052 163.051) |
.stroke-emerald-200 | stroke: var(--color-emerald-200); | oklch(0.905 0.093 164.15) |
.stroke-emerald-300 | stroke: var(--color-emerald-300); | oklch(0.845 0.143 164.978) |
.stroke-emerald-400 | stroke: var(--color-emerald-400); | oklch(0.765 0.177 163.223) |
.stroke-emerald-500 | stroke: var(--color-emerald-500); | oklch(0.696 0.17 162.48) |
.stroke-emerald-600 | stroke: var(--color-emerald-600); | oklch(0.596 0.145 163.225) |
.stroke-emerald-700 | stroke: var(--color-emerald-700); | oklch(0.508 0.118 165.612) |
.stroke-emerald-800 | stroke: var(--color-emerald-800); | oklch(0.432 0.095 166.913) |
.stroke-emerald-900 | stroke: var(--color-emerald-900); | oklch(0.378 0.077 168.94) |
.stroke-emerald-950 | stroke: var(--color-emerald-950); | oklch(0.262 0.051 172.552) |
.stroke-teal-50 | stroke: var(--color-teal-50); | oklch(0.984 0.014 180.72) |
.stroke-teal-100 | stroke: var(--color-teal-100); | oklch(0.953 0.051 180.801) |
.stroke-teal-200 | stroke: var(--color-teal-200); | oklch(0.91 0.096 180.426) |
.stroke-teal-300 | stroke: var(--color-teal-300); | oklch(0.855 0.138 181.071) |
.stroke-teal-400 | stroke: var(--color-teal-400); | oklch(0.777 0.152 181.912) |
.stroke-teal-500 | stroke: var(--color-teal-500); | oklch(0.704 0.14 182.503) |
.stroke-teal-600 | stroke: var(--color-teal-600); | oklch(0.6 0.118 184.704) |
.stroke-teal-700 | stroke: var(--color-teal-700); | oklch(0.511 0.096 186.391) |
.stroke-teal-800 | stroke: var(--color-teal-800); | oklch(0.437 0.078 188.216) |
.stroke-teal-900 | stroke: var(--color-teal-900); | oklch(0.386 0.063 188.416) |
.stroke-teal-950 | stroke: var(--color-teal-950); | oklch(0.277 0.046 192.524) |
.stroke-cyan-50 | stroke: var(--color-cyan-50); | oklch(0.984 0.019 200.873) |
.stroke-cyan-100 | stroke: var(--color-cyan-100); | oklch(0.956 0.045 203.388) |
.stroke-cyan-200 | stroke: var(--color-cyan-200); | oklch(0.917 0.08 205.041) |
.stroke-cyan-300 | stroke: var(--color-cyan-300); | oklch(0.865 0.127 207.078) |
.stroke-cyan-400 | stroke: var(--color-cyan-400); | oklch(0.789 0.154 211.53) |
.stroke-cyan-500 | stroke: var(--color-cyan-500); | oklch(0.715 0.143 215.221) |
.stroke-cyan-600 | stroke: var(--color-cyan-600); | oklch(0.609 0.126 221.723) |
.stroke-cyan-700 | stroke: var(--color-cyan-700); | oklch(0.52 0.105 223.128) |
.stroke-cyan-800 | stroke: var(--color-cyan-800); | oklch(0.45 0.085 224.283) |
.stroke-cyan-900 | stroke: var(--color-cyan-900); | oklch(0.398 0.07 227.392) |
.stroke-cyan-950 | stroke: var(--color-cyan-950); | oklch(0.302 0.056 229.695) |
.stroke-sky-50 | stroke: var(--color-sky-50); | oklch(0.977 0.013 236.62) |
.stroke-sky-100 | stroke: var(--color-sky-100); | oklch(0.951 0.026 236.824) |
.stroke-sky-200 | stroke: var(--color-sky-200); | oklch(0.901 0.058 230.902) |
.stroke-sky-300 | stroke: var(--color-sky-300); | oklch(0.828 0.111 230.318) |
.stroke-sky-400 | stroke: var(--color-sky-400); | oklch(0.746 0.16 232.661) |
.stroke-sky-500 | stroke: var(--color-sky-500); | oklch(0.685 0.169 237.323) |
.stroke-sky-600 | stroke: var(--color-sky-600); | oklch(0.588 0.158 241.966) |
.stroke-sky-700 | stroke: var(--color-sky-700); | oklch(0.5 0.134 242.749) |
.stroke-sky-800 | stroke: var(--color-sky-800); | oklch(0.443 0.11 240.79) |
.stroke-sky-900 | stroke: var(--color-sky-900); | oklch(0.391 0.09 240.876) |
.stroke-sky-950 | stroke: var(--color-sky-950); | oklch(0.293 0.066 243.157) |
.stroke-blue-50 | stroke: var(--color-blue-50); | oklch(0.97 0.014 254.604) |
.stroke-blue-100 | stroke: var(--color-blue-100); | oklch(0.932 0.032 255.585) |
.stroke-blue-200 | stroke: var(--color-blue-200); | oklch(0.882 0.059 254.128) |
.stroke-blue-300 | stroke: var(--color-blue-300); | oklch(0.809 0.105 251.813) |
.stroke-blue-400 | stroke: var(--color-blue-400); | oklch(0.707 0.165 254.624) |
.stroke-blue-500 | stroke: var(--color-blue-500); | oklch(0.623 0.214 259.815) |
.stroke-blue-600 | stroke: var(--color-blue-600); | oklch(0.546 0.245 262.881) |
.stroke-blue-700 | stroke: var(--color-blue-700); | oklch(0.488 0.243 264.376) |
.stroke-blue-800 | stroke: var(--color-blue-800); | oklch(0.424 0.199 265.638) |
.stroke-blue-900 | stroke: var(--color-blue-900); | oklch(0.379 0.146 265.522) |
.stroke-blue-950 | stroke: var(--color-blue-950); | oklch(0.282 0.091 267.935) |
.stroke-indigo-50 | stroke: var(--color-indigo-50); | oklch(0.962 0.018 272.314) |
.stroke-indigo-100 | stroke: var(--color-indigo-100); | oklch(0.93 0.034 272.788) |
.stroke-indigo-200 | stroke: var(--color-indigo-200); | oklch(0.87 0.065 274.039) |
.stroke-indigo-300 | stroke: var(--color-indigo-300); | oklch(0.785 0.115 274.713) |
.stroke-indigo-400 | stroke: var(--color-indigo-400); | oklch(0.673 0.182 276.935) |
.stroke-indigo-500 | stroke: var(--color-indigo-500); | oklch(0.585 0.233 277.117) |
.stroke-indigo-600 | stroke: var(--color-indigo-600); | oklch(0.511 0.262 276.966) |
.stroke-indigo-700 | stroke: var(--color-indigo-700); | oklch(0.457 0.24 277.023) |
.stroke-indigo-800 | stroke: var(--color-indigo-800); | oklch(0.398 0.195 277.366) |
.stroke-indigo-900 | stroke: var(--color-indigo-900); | oklch(0.359 0.144 278.697) |
.stroke-indigo-950 | stroke: var(--color-indigo-950); | oklch(0.257 0.09 281.288) |
.stroke-violet-50 | stroke: var(--color-violet-50); | oklch(0.969 0.016 293.756) |
.stroke-violet-100 | stroke: var(--color-violet-100); | oklch(0.943 0.029 294.588) |
.stroke-violet-200 | stroke: var(--color-violet-200); | oklch(0.894 0.057 293.283) |
.stroke-violet-300 | stroke: var(--color-violet-300); | oklch(0.811 0.111 293.571) |
.stroke-violet-400 | stroke: var(--color-violet-400); | oklch(0.702 0.183 293.541) |
.stroke-violet-500 | stroke: var(--color-violet-500); | oklch(0.606 0.25 292.717) |
.stroke-violet-600 | stroke: var(--color-violet-600); | oklch(0.541 0.281 293.009) |
.stroke-violet-700 | stroke: var(--color-violet-700); | oklch(0.491 0.27 292.581) |
.stroke-violet-800 | stroke: var(--color-violet-800); | oklch(0.432 0.232 292.759) |
.stroke-violet-900 | stroke: var(--color-violet-900); | oklch(0.38 0.189 293.745) |
.stroke-violet-950 | stroke: var(--color-violet-950); | oklch(0.283 0.141 291.089) |
.stroke-purple-50 | stroke: var(--color-purple-50); | oklch(0.977 0.014 308.299) |
.stroke-purple-100 | stroke: var(--color-purple-100); | oklch(0.946 0.033 307.174) |
.stroke-purple-200 | stroke: var(--color-purple-200); | oklch(0.902 0.063 306.703) |
.stroke-purple-300 | stroke: var(--color-purple-300); | oklch(0.827 0.119 306.383) |
.stroke-purple-400 | stroke: var(--color-purple-400); | oklch(0.714 0.203 305.504) |
.stroke-purple-500 | stroke: var(--color-purple-500); | oklch(0.627 0.265 303.9) |
.stroke-purple-600 | stroke: var(--color-purple-600); | oklch(0.558 0.288 302.321) |
.stroke-purple-700 | stroke: var(--color-purple-700); | oklch(0.496 0.265 301.924) |
.stroke-purple-800 | stroke: var(--color-purple-800); | oklch(0.438 0.218 303.724) |
.stroke-purple-900 | stroke: var(--color-purple-900); | oklch(0.381 0.176 304.987) |
.stroke-purple-950 | stroke: var(--color-purple-950); | oklch(0.291 0.149 302.717) |
.stroke-fuchsia-50 | stroke: var(--color-fuchsia-50); | oklch(0.977 0.017 320.058) |
.stroke-fuchsia-100 | stroke: var(--color-fuchsia-100); | oklch(0.952 0.037 318.852) |
.stroke-fuchsia-200 | stroke: var(--color-fuchsia-200); | oklch(0.903 0.076 319.62) |
.stroke-fuchsia-300 | stroke: var(--color-fuchsia-300); | oklch(0.833 0.145 321.434) |
.stroke-fuchsia-400 | stroke: var(--color-fuchsia-400); | oklch(0.74 0.238 322.16) |
.stroke-fuchsia-500 | stroke: var(--color-fuchsia-500); | oklch(0.667 0.295 322.15) |
.stroke-fuchsia-600 | stroke: var(--color-fuchsia-600); | oklch(0.591 0.293 322.896) |
.stroke-fuchsia-700 | stroke: var(--color-fuchsia-700); | oklch(0.518 0.253 323.949) |
.stroke-fuchsia-800 | stroke: var(--color-fuchsia-800); | oklch(0.452 0.211 324.591) |
.stroke-fuchsia-900 | stroke: var(--color-fuchsia-900); | oklch(0.401 0.17 325.612) |
.stroke-fuchsia-950 | stroke: var(--color-fuchsia-950); | oklch(0.293 0.136 325.661) |
.stroke-pink-50 | stroke: var(--color-pink-50); | oklch(0.971 0.014 343.198) |
.stroke-pink-100 | stroke: var(--color-pink-100); | oklch(0.948 0.028 342.258) |
.stroke-pink-200 | stroke: var(--color-pink-200); | oklch(0.899 0.061 343.231) |
.stroke-pink-300 | stroke: var(--color-pink-300); | oklch(0.823 0.12 346.018) |
.stroke-pink-400 | stroke: var(--color-pink-400); | oklch(0.718 0.202 349.761) |
.stroke-pink-500 | stroke: var(--color-pink-500); | oklch(0.656 0.241 354.308) |
.stroke-pink-600 | stroke: var(--color-pink-600); | oklch(0.592 0.249 0.584) |
.stroke-pink-700 | stroke: var(--color-pink-700); | oklch(0.525 0.223 3.958) |
.stroke-pink-800 | stroke: var(--color-pink-800); | oklch(0.459 0.187 3.815) |
.stroke-pink-900 | stroke: var(--color-pink-900); | oklch(0.408 0.153 2.432) |
.stroke-pink-950 | stroke: var(--color-pink-950); | oklch(0.284 0.109 3.907) |
.stroke-rose-50 | stroke: var(--color-rose-50); | oklch(0.969 0.015 12.422) |
.stroke-rose-100 | stroke: var(--color-rose-100); | oklch(0.941 0.03 12.58) |
.stroke-rose-200 | stroke: var(--color-rose-200); | oklch(0.892 0.058 10.001) |
.stroke-rose-300 | stroke: var(--color-rose-300); | oklch(0.81 0.117 11.638) |
.stroke-rose-400 | stroke: var(--color-rose-400); | oklch(0.712 0.194 13.428) |
.stroke-rose-500 | stroke: var(--color-rose-500); | oklch(0.645 0.246 16.439) |
.stroke-rose-600 | stroke: var(--color-rose-600); | oklch(0.586 0.253 17.585) |
.stroke-rose-700 | stroke: var(--color-rose-700); | oklch(0.514 0.222 16.935) |
.stroke-rose-800 | stroke: var(--color-rose-800); | oklch(0.455 0.188 13.697) |
.stroke-rose-900 | stroke: var(--color-rose-900); | oklch(0.41 0.159 10.272) |
.stroke-rose-950 | stroke: var(--color-rose-950); | oklch(0.271 0.105 12.094) |
.stroke-slate-50 | stroke: var(--color-slate-50); | oklch(0.984 0.003 247.858) |
.stroke-slate-100 | stroke: var(--color-slate-100); | oklch(0.968 0.007 247.896) |
.stroke-slate-200 | stroke: var(--color-slate-200); | oklch(0.929 0.013 255.508) |
.stroke-slate-300 | stroke: var(--color-slate-300); | oklch(0.869 0.022 252.894) |
.stroke-slate-400 | stroke: var(--color-slate-400); | oklch(0.704 0.04 256.788) |
.stroke-slate-500 | stroke: var(--color-slate-500); | oklch(0.554 0.046 257.417) |
.stroke-slate-600 | stroke: var(--color-slate-600); | oklch(0.446 0.043 257.281) |
.stroke-slate-700 | stroke: var(--color-slate-700); | oklch(0.372 0.044 257.287) |
.stroke-slate-800 | stroke: var(--color-slate-800); | oklch(0.279 0.041 260.031) |
.stroke-slate-900 | stroke: var(--color-slate-900); | oklch(0.208 0.042 265.755) |
.stroke-slate-950 | stroke: var(--color-slate-950); | oklch(0.129 0.042 264.695) |
.stroke-gray-50 | stroke: var(--color-gray-50); | oklch(0.985 0.002 247.839) |
.stroke-gray-100 | stroke: var(--color-gray-100); | oklch(0.967 0.003 264.542) |
.stroke-gray-200 | stroke: var(--color-gray-200); | oklch(0.928 0.006 264.531) |
.stroke-gray-300 | stroke: var(--color-gray-300); | oklch(0.872 0.01 258.338) |
.stroke-gray-400 | stroke: var(--color-gray-400); | oklch(0.707 0.022 261.325) |
.stroke-gray-500 | stroke: var(--color-gray-500); | oklch(0.551 0.027 264.364) |
.stroke-gray-600 | stroke: var(--color-gray-600); | oklch(0.446 0.03 256.802) |
.stroke-gray-700 | stroke: var(--color-gray-700); | oklch(0.373 0.034 259.733) |
.stroke-gray-800 | stroke: var(--color-gray-800); | oklch(0.278 0.033 256.848) |
.stroke-gray-900 | stroke: var(--color-gray-900); | oklch(0.21 0.034 264.665) |
.stroke-gray-950 | stroke: var(--color-gray-950); | oklch(0.13 0.028 261.692) |
.stroke-zinc-50 | stroke: var(--color-zinc-50); | oklch(0.985 0 0) |
.stroke-zinc-100 | stroke: var(--color-zinc-100); | oklch(0.967 0.001 286.375) |
.stroke-zinc-200 | stroke: var(--color-zinc-200); | oklch(0.92 0.004 286.32) |
.stroke-zinc-300 | stroke: var(--color-zinc-300); | oklch(0.871 0.006 286.286) |
.stroke-zinc-400 | stroke: var(--color-zinc-400); | oklch(0.705 0.015 286.067) |
.stroke-zinc-500 | stroke: var(--color-zinc-500); | oklch(0.552 0.016 285.938) |
.stroke-zinc-600 | stroke: var(--color-zinc-600); | oklch(0.442 0.017 285.786) |
.stroke-zinc-700 | stroke: var(--color-zinc-700); | oklch(0.37 0.013 285.805) |
.stroke-zinc-800 | stroke: var(--color-zinc-800); | oklch(0.274 0.006 286.033) |
.stroke-zinc-900 | stroke: var(--color-zinc-900); | oklch(0.21 0.006 285.885) |
.stroke-zinc-950 | stroke: var(--color-zinc-950); | oklch(0.141 0.005 285.823) |
.stroke-neutral-50 | stroke: var(--color-neutral-50); | oklch(0.985 0 0) |
.stroke-neutral-100 | stroke: var(--color-neutral-100); | oklch(0.97 0 0) |
.stroke-neutral-200 | stroke: var(--color-neutral-200); | oklch(0.922 0 0) |
.stroke-neutral-300 | stroke: var(--color-neutral-300); | oklch(0.87 0 0) |
.stroke-neutral-400 | stroke: var(--color-neutral-400); | oklch(0.708 0 0) |
.stroke-neutral-500 | stroke: var(--color-neutral-500); | oklch(0.556 0 0) |
.stroke-neutral-600 | stroke: var(--color-neutral-600); | oklch(0.439 0 0) |
.stroke-neutral-700 | stroke: var(--color-neutral-700); | oklch(0.371 0 0) |
.stroke-neutral-800 | stroke: var(--color-neutral-800); | oklch(0.269 0 0) |
.stroke-neutral-900 | stroke: var(--color-neutral-900); | oklch(0.205 0 0) |
.stroke-neutral-950 | stroke: var(--color-neutral-950); | oklch(0.145 0 0) |
.stroke-stone-50 | stroke: var(--color-stone-50); | oklch(0.985 0.001 106.423) |
.stroke-stone-100 | stroke: var(--color-stone-100); | oklch(0.97 0.001 106.424) |
.stroke-stone-200 | stroke: var(--color-stone-200); | oklch(0.923 0.003 48.717) |
.stroke-stone-300 | stroke: var(--color-stone-300); | oklch(0.869 0.005 56.366) |
.stroke-stone-400 | stroke: var(--color-stone-400); | oklch(0.709 0.01 56.259) |
.stroke-stone-500 | stroke: var(--color-stone-500); | oklch(0.553 0.013 58.071) |
.stroke-stone-600 | stroke: var(--color-stone-600); | oklch(0.444 0.011 73.639) |
.stroke-stone-700 | stroke: var(--color-stone-700); | oklch(0.374 0.01 67.558) |
.stroke-stone-800 | stroke: var(--color-stone-800); | oklch(0.268 0.007 34.298) |
.stroke-stone-900 | stroke: var(--color-stone-900); | oklch(0.216 0.006 56.043) |
.stroke-stone-950 | stroke: var(--color-stone-950); | oklch(0.147 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; |