Arodos Academy : Tailwind CSS Guide

Layout

Sets the display box type of an element.

.hidden	display: none;
.block	display: block;
.inline-block	display: inline-block;
.inline	display: inline;
.flex	display: flex;
.inline-flex	display: inline-flex;
.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;
.flow-root	display: flow-root;
.grid	display: grid;
.inline-grid	display: inline-grid;
.contents	display: contents;
.list-item	display: list-item;

Sets the alignment of the selected replaced element.

.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;

Sets how to handle content that's too big for its container.

.overflow-auto	overflow: auto;
.overflow-hidden	overflow: hidden;
.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-visible	overflow-x: visible;
.overflow-y-visible	overflow-y: visible;
.overflow-x-scroll	overflow-x: scroll;
.overflow-y-scroll	overflow-y: scroll;

Sets browser behavior upon reaching the boundary of a scrolling area.

.overscroll-auto	overscroll-behavior: auto;
.overscroll-contain	overscroll-behavior: contain;
.overscroll-none	overscroll-behavior: none;
.overscroll-y-auto	overscroll-behavior-y: auto;
.overscroll-y-contain	overscroll-behavior-y: contain;
.overscroll-y-none	overscroll-behavior-y: none;
.overscroll-x-auto	overscroll-behavior-x: auto;
.overscroll-x-contain	overscroll-behavior-x: contain;
.overscroll-x-none	overscroll-behavior-x: none;

Sets the placement of a positioned element.

.inset-0	top: 0px; right: 0px; bottom: 0px; left: 0px;
.-inset-0	top: 0px; right: 0px; bottom: 0px; left: 0px;
.inset-x-0	left: 0px; right: 0px;
.-inset-x-0	left: 0px; right: 0px;
.inset-y-0	top: 0px; bottom: 0px;
.-inset-y-0	top: 0px; bottom: 0px;
.top-0	top: 0px;
.-top-0	top: 0px;
.right-0	right: 0px;
.-right-0	right: 0px;
.bottom-0	bottom: 0px;
.-bottom-0	bottom: 0px;
.left-0	left: 0px;
.-left-0	left: 0px;
.inset-1	top: 0.25rem; right: 0.25rem; bottom: 0.25rem; left: 0.25rem;	4px
.inset-2	top: 0.5rem; right: 0.5rem; bottom: 0.5rem; left: 0.5rem;	8px
.inset-3	top: 0.75rem; right: 0.75rem; bottom: 0.75rem; left: 0.75rem;	12px
.inset-4	top: 1rem; right: 1rem; bottom: 1rem; left: 1rem;	16px
.inset-5	top: 1.25rem; right: 1.25rem; bottom: 1.25rem; left: 1.25rem;	20px
.inset-6	top: 1.5rem; right: 1.5rem; bottom: 1.5rem; left: 1.5rem;	24px
.inset-7	top: 1.75rem; right: 1.75rem; bottom: 1.75rem; left: 1.75rem;	28px
.inset-8	top: 2rem; right: 2rem; bottom: 2rem; left: 2rem;	32px
.inset-9	top: 2.25rem; right: 2.25rem; bottom: 2.25rem; left: 2.25rem;	36px
.inset-10	top: 2.5rem; right: 2.5rem; bottom: 2.5rem; left: 2.5rem;	40px
.inset-11	top: 2.75rem; right: 2.75rem; bottom: 2.75rem; left: 2.75rem;	44px
.inset-12	top: 3rem; right: 3rem; bottom: 3rem; left: 3rem;	48px
.inset-14	top: 3.5rem; right: 3.5rem; bottom: 3.5rem; left: 3.5rem;	56px
.inset-16	top: 4rem; right: 4rem; bottom: 4rem; left: 4rem;	64px
.inset-20	top: 5rem; right: 5rem; bottom: 5rem; left: 5rem;	80px
.inset-24	top: 6rem; right: 6rem; bottom: 6rem; left: 6rem;	96px
.inset-28	top: 7rem; right: 7rem; bottom: 7rem; left: 7rem;	112px
.inset-32	top: 8rem; right: 8rem; bottom: 8rem; left: 8rem;	128px
.inset-36	top: 9rem; right: 9rem; bottom: 9rem; left: 9rem;	144px
.inset-40	top: 10rem; right: 10rem; bottom: 10rem; left: 10rem;	160px
.inset-44	top: 11rem; right: 11rem; bottom: 11rem; left: 11rem;	176px
.inset-48	top: 12rem; right: 12rem; bottom: 12rem; left: 12rem;	192px
.inset-52	top: 13rem; right: 13rem; bottom: 13rem; left: 13rem;	208px
.inset-56	top: 14rem; right: 14rem; bottom: 14rem; left: 14rem;	224px
.inset-60	top: 15rem; right: 15rem; bottom: 15rem; left: 15rem;	240px
.inset-64	top: 16rem; right: 16rem; bottom: 16rem; left: 16rem;	256px
.inset-72	top: 18rem; right: 18rem; bottom: 18rem; left: 18rem;	288px
.inset-80	top: 20rem; right: 20rem; bottom: 20rem; left: 20rem;	320px
.inset-96	top: 24rem; right: 24rem; bottom: 24rem; left: 24rem;	384px
.inset-auto	top: auto; right: auto; bottom: auto; left: auto;
.inset-px	top: 1px; right: 1px; bottom: 1px; left: 1px;
.inset-0.5	top: 0.125rem; right: 0.125rem; bottom: 0.125rem; left: 0.125rem;	2px
.inset-1.5	top: 0.375rem; right: 0.375rem; bottom: 0.375rem; left: 0.375rem;	6px
.inset-2.5	top: 0.625rem; right: 0.625rem; bottom: 0.625rem; left: 0.625rem;	10px
.inset-3.5	top: 0.875rem; right: 0.875rem; bottom: 0.875rem; left: 0.875rem;	14px
.-inset-1	top: -0.25rem; right: -0.25rem; bottom: -0.25rem; left: -0.25rem;	-4px
.-inset-2	top: -0.5rem; right: -0.5rem; bottom: -0.5rem; left: -0.5rem;	-8px
.-inset-3	top: -0.75rem; right: -0.75rem; bottom: -0.75rem; left: -0.75rem;	-12px
.-inset-4	top: -1rem; right: -1rem; bottom: -1rem; left: -1rem;	-16px
.-inset-5	top: -1.25rem; right: -1.25rem; bottom: -1.25rem; left: -1.25rem;	-20px
.-inset-6	top: -1.5rem; right: -1.5rem; bottom: -1.5rem; left: -1.5rem;	-24px
.-inset-7	top: -1.75rem; right: -1.75rem; bottom: -1.75rem; left: -1.75rem;	-28px
.-inset-8	top: -2rem; right: -2rem; bottom: -2rem; left: -2rem;	-32px
.-inset-9	top: -2.25rem; right: -2.25rem; bottom: -2.25rem; left: -2.25rem;	-36px
.-inset-10	top: -2.5rem; right: -2.5rem; bottom: -2.5rem; left: -2.5rem;	-40px
.-inset-11	top: -2.75rem; right: -2.75rem; bottom: -2.75rem; left: -2.75rem;	-44px
.-inset-12	top: -3rem; right: -3rem; bottom: -3rem; left: -3rem;	-48px
.-inset-14	top: -3.5rem; right: -3.5rem; bottom: -3.5rem; left: -3.5rem;	-56px
.-inset-16	top: -4rem; right: -4rem; bottom: -4rem; left: -4rem;	-64px
.-inset-20	top: -5rem; right: -5rem; bottom: -5rem; left: -5rem;	-80px
.-inset-24	top: -6rem; right: -6rem; bottom: -6rem; left: -6rem;	-96px
.-inset-28	top: -7rem; right: -7rem; bottom: -7rem; left: -7rem;	-112px
.-inset-32	top: -8rem; right: -8rem; bottom: -8rem; left: -8rem;	-128px
.-inset-36	top: -9rem; right: -9rem; bottom: -9rem; left: -9rem;	-144px
.-inset-40	top: -10rem; right: -10rem; bottom: -10rem; left: -10rem;	-160px
.-inset-44	top: -11rem; right: -11rem; bottom: -11rem; left: -11rem;	-176px
.-inset-48	top: -12rem; right: -12rem; bottom: -12rem; left: -12rem;	-192px
.-inset-52	top: -13rem; right: -13rem; bottom: -13rem; left: -13rem;	-208px
.-inset-56	top: -14rem; right: -14rem; bottom: -14rem; left: -14rem;	-224px
.-inset-60	top: -15rem; right: -15rem; bottom: -15rem; left: -15rem;	-240px
.-inset-64	top: -16rem; right: -16rem; bottom: -16rem; left: -16rem;	-256px
.-inset-72	top: -18rem; right: -18rem; bottom: -18rem; left: -18rem;	-288px
.-inset-80	top: -20rem; right: -20rem; bottom: -20rem; left: -20rem;	-320px
.-inset-96	top: -24rem; right: -24rem; bottom: -24rem; left: -24rem;	-384px
.-inset-px	top: -1px; right: -1px; bottom: -1px; left: -1px;
.-inset-0.5	top: -0.125rem; right: -0.125rem; bottom: -0.125rem; left: -0.125rem;	-2px
.-inset-1.5	top: -0.375rem; right: -0.375rem; bottom: -0.375rem; left: -0.375rem;	-6px
.-inset-2.5	top: -0.625rem; right: -0.625rem; bottom: -0.625rem; left: -0.625rem;	-10px
.-inset-3.5	top: -0.875rem; right: -0.875rem; bottom: -0.875rem; left: -0.875rem;	-14px
.inset-1/2	top: 50%; right: 50%; bottom: 50%; left: 50%;
.inset-1/3	top: 33.333333%; right: 33.333333%; bottom: 33.333333%; left: 33.333333%;
.inset-2/3	top: 66.666667%; right: 66.666667%; bottom: 66.666667%; left: 66.666667%;
.inset-1/4	top: 25%; right: 25%; bottom: 25%; left: 25%;
.inset-2/4	top: 50%; right: 50%; bottom: 50%; left: 50%;
.inset-3/4	top: 75%; right: 75%; bottom: 75%; left: 75%;
.inset-full	top: 100%; right: 100%; bottom: 100%; left: 100%;
.-inset-1/2	top: -50%; right: -50%; bottom: -50%; left: -50%;
.-inset-1/3	top: -33.333333%; right: -33.333333%; bottom: -33.333333%; left: -33.333333%;
.-inset-2/3	top: -66.666667%; right: -66.666667%; bottom: -66.666667%; left: -66.666667%;
.-inset-1/4	top: -25%; right: -25%; bottom: -25%; left: -25%;
.-inset-2/4	top: -50%; right: -50%; bottom: -50%; left: -50%;
.-inset-3/4	top: -75%; right: -75%; bottom: -75%; left: -75%;
.-inset-full	top: -100%; right: -100%; bottom: -100%; left: -100%;
.inset-x-1	left: 0.25rem; right: 0.25rem;	4px
.inset-x-2	left: 0.5rem; right: 0.5rem;	8px
.inset-x-3	left: 0.75rem; right: 0.75rem;	12px
.inset-x-4	left: 1rem; right: 1rem;	16px
.inset-x-5	left: 1.25rem; right: 1.25rem;	20px
.inset-x-6	left: 1.5rem; right: 1.5rem;	24px
.inset-x-7	left: 1.75rem; right: 1.75rem;	28px
.inset-x-8	left: 2rem; right: 2rem;	32px
.inset-x-9	left: 2.25rem; right: 2.25rem;	36px
.inset-x-10	left: 2.5rem; right: 2.5rem;	40px
.inset-x-11	left: 2.75rem; right: 2.75rem;	44px
.inset-x-12	left: 3rem; right: 3rem;	48px
.inset-x-14	left: 3.5rem; right: 3.5rem;	56px
.inset-x-16	left: 4rem; right: 4rem;	64px
.inset-x-20	left: 5rem; right: 5rem;	80px
.inset-x-24	left: 6rem; right: 6rem;	96px
.inset-x-28	left: 7rem; right: 7rem;	112px
.inset-x-32	left: 8rem; right: 8rem;	128px
.inset-x-36	left: 9rem; right: 9rem;	144px
.inset-x-40	left: 10rem; right: 10rem;	160px
.inset-x-44	left: 11rem; right: 11rem;	176px
.inset-x-48	left: 12rem; right: 12rem;	192px
.inset-x-52	left: 13rem; right: 13rem;	208px
.inset-x-56	left: 14rem; right: 14rem;	224px
.inset-x-60	left: 15rem; right: 15rem;	240px
.inset-x-64	left: 16rem; right: 16rem;	256px
.inset-x-72	left: 18rem; right: 18rem;	288px
.inset-x-80	left: 20rem; right: 20rem;	320px
.inset-x-96	left: 24rem; right: 24rem;	384px
.inset-x-auto	left: auto; right: auto;
.inset-x-px	left: 1px; right: 1px;
.inset-x-0.5	left: 0.125rem; right: 0.125rem;	2px
.inset-x-1.5	left: 0.375rem; right: 0.375rem;	6px
.inset-x-2.5	left: 0.625rem; right: 0.625rem;	10px
.inset-x-3.5	left: 0.875rem; right: 0.875rem;	14px
.-inset-x-1	left: -0.25rem; right: -0.25rem;	-4px
.-inset-x-2	left: -0.5rem; right: -0.5rem;	-8px
.-inset-x-3	left: -0.75rem; right: -0.75rem;	-12px
.-inset-x-4	left: -1rem; right: -1rem;	-16px
.-inset-x-5	left: -1.25rem; right: -1.25rem;	-20px
.-inset-x-6	left: -1.5rem; right: -1.5rem;	-24px
.-inset-x-7	left: -1.75rem; right: -1.75rem;	-28px
.-inset-x-8	left: -2rem; right: -2rem;	-32px
.-inset-x-9	left: -2.25rem; right: -2.25rem;	-36px
.-inset-x-10	left: -2.5rem; right: -2.5rem;	-40px
.-inset-x-11	left: -2.75rem; right: -2.75rem;	-44px
.-inset-x-12	left: -3rem; right: -3rem;	-48px
.-inset-x-14	left: -3.5rem; right: -3.5rem;	-56px
.-inset-x-16	left: -4rem; right: -4rem;	-64px
.-inset-x-20	left: -5rem; right: -5rem;	-80px
.-inset-x-24	left: -6rem; right: -6rem;	-96px
.-inset-x-28	left: -7rem; right: -7rem;	-112px
.-inset-x-32	left: -8rem; right: -8rem;	-128px
.-inset-x-36	left: -9rem; right: -9rem;	-144px
.-inset-x-40	left: -10rem; right: -10rem;	-160px
.-inset-x-44	left: -11rem; right: -11rem;	-176px
.-inset-x-48	left: -12rem; right: -12rem;	-192px
.-inset-x-52	left: -13rem; right: -13rem;	-208px
.-inset-x-56	left: -14rem; right: -14rem;	-224px
.-inset-x-60	left: -15rem; right: -15rem;	-240px
.-inset-x-64	left: -16rem; right: -16rem;	-256px
.-inset-x-72	left: -18rem; right: -18rem;	-288px
.-inset-x-80	left: -20rem; right: -20rem;	-320px
.-inset-x-96	left: -24rem; right: -24rem;	-384px
.-inset-x-px	left: -1px; right: -1px;
.-inset-x-0.5	left: -0.125rem; right: -0.125rem;	-2px
.-inset-x-1.5	left: -0.375rem; right: -0.375rem;	-6px
.-inset-x-2.5	left: -0.625rem; right: -0.625rem;	-10px
.-inset-x-3.5	left: -0.875rem; right: -0.875rem;	-14px
.inset-x-1/2	left: 50%; right: 50%;
.inset-x-1/3	left: 33.333333%; right: 33.333333%;
.inset-x-2/3	left: 66.666667%; right: 66.666667%;
.inset-x-1/4	left: 25%; right: 25%;
.inset-x-2/4	left: 50%; right: 50%;
.inset-x-3/4	left: 75%; right: 75%;
.inset-x-full	left: 100%; right: 100%;
.-inset-x-1/2	left: -50%; right: -50%;
.-inset-x-1/3	left: -33.333333%; right: -33.333333%;
.-inset-x-2/3	left: -66.666667%; right: -66.666667%;
.-inset-x-1/4	left: -25%; right: -25%;
.-inset-x-2/4	left: -50%; right: -50%;
.-inset-x-3/4	left: -75%; right: -75%;
.-inset-x-full	left: -100%; right: -100%;
.inset-y-1	top: 0.25rem; bottom: 0.25rem;	4px
.inset-y-2	top: 0.5rem; bottom: 0.5rem;	8px
.inset-y-3	top: 0.75rem; bottom: 0.75rem;	12px
.inset-y-4	top: 1rem; bottom: 1rem;	16px
.inset-y-5	top: 1.25rem; bottom: 1.25rem;	20px
.inset-y-6	top: 1.5rem; bottom: 1.5rem;	24px
.inset-y-7	top: 1.75rem; bottom: 1.75rem;	28px
.inset-y-8	top: 2rem; bottom: 2rem;	32px
.inset-y-9	top: 2.25rem; bottom: 2.25rem;	36px
.inset-y-10	top: 2.5rem; bottom: 2.5rem;	40px
.inset-y-11	top: 2.75rem; bottom: 2.75rem;	44px
.inset-y-12	top: 3rem; bottom: 3rem;	48px
.inset-y-14	top: 3.5rem; bottom: 3.5rem;	56px
.inset-y-16	top: 4rem; bottom: 4rem;	64px
.inset-y-20	top: 5rem; bottom: 5rem;	80px
.inset-y-24	top: 6rem; bottom: 6rem;	96px
.inset-y-28	top: 7rem; bottom: 7rem;	112px
.inset-y-32	top: 8rem; bottom: 8rem;	128px
.inset-y-36	top: 9rem; bottom: 9rem;	144px
.inset-y-40	top: 10rem; bottom: 10rem;	160px
.inset-y-44	top: 11rem; bottom: 11rem;	176px
.inset-y-48	top: 12rem; bottom: 12rem;	192px
.inset-y-52	top: 13rem; bottom: 13rem;	208px
.inset-y-56	top: 14rem; bottom: 14rem;	224px
.inset-y-60	top: 15rem; bottom: 15rem;	240px
.inset-y-64	top: 16rem; bottom: 16rem;	256px
.inset-y-72	top: 18rem; bottom: 18rem;	288px
.inset-y-80	top: 20rem; bottom: 20rem;	320px
.inset-y-96	top: 24rem; bottom: 24rem;	384px
.inset-y-auto	top: auto; bottom: auto;
.inset-y-px	top: 1px; bottom: 1px;
.inset-y-0.5	top: 0.125rem; bottom: 0.125rem;	2px
.inset-y-1.5	top: 0.375rem; bottom: 0.375rem;	6px
.inset-y-2.5	top: 0.625rem; bottom: 0.625rem;	10px
.inset-y-3.5	top: 0.875rem; bottom: 0.875rem;	14px
.-inset-y-1	top: -0.25rem; bottom: -0.25rem;	-4px
.-inset-y-2	top: -0.5rem; bottom: -0.5rem;	-8px
.-inset-y-3	top: -0.75rem; bottom: -0.75rem;	-12px
.-inset-y-4	top: -1rem; bottom: -1rem;	-16px
.-inset-y-5	top: -1.25rem; bottom: -1.25rem;	-20px
.-inset-y-6	top: -1.5rem; bottom: -1.5rem;	-24px
.-inset-y-7	top: -1.75rem; bottom: -1.75rem;	-28px
.-inset-y-8	top: -2rem; bottom: -2rem;	-32px
.-inset-y-9	top: -2.25rem; bottom: -2.25rem;	-36px
.-inset-y-10	top: -2.5rem; bottom: -2.5rem;	-40px
.-inset-y-11	top: -2.75rem; bottom: -2.75rem;	-44px
.-inset-y-12	top: -3rem; bottom: -3rem;	-48px
.-inset-y-14	top: -3.5rem; bottom: -3.5rem;	-56px
.-inset-y-16	top: -4rem; bottom: -4rem;	-64px
.-inset-y-20	top: -5rem; bottom: -5rem;	-80px
.-inset-y-24	top: -6rem; bottom: -6rem;	-96px
.-inset-y-28	top: -7rem; bottom: -7rem;	-112px
.-inset-y-32	top: -8rem; bottom: -8rem;	-128px
.-inset-y-36	top: -9rem; bottom: -9rem;	-144px
.-inset-y-40	top: -10rem; bottom: -10rem;	-160px
.-inset-y-44	top: -11rem; bottom: -11rem;	-176px
.-inset-y-48	top: -12rem; bottom: -12rem;	-192px
.-inset-y-52	top: -13rem; bottom: -13rem;	-208px
.-inset-y-56	top: -14rem; bottom: -14rem;	-224px
.-inset-y-60	top: -15rem; bottom: -15rem;	-240px
.-inset-y-64	top: -16rem; bottom: -16rem;	-256px
.-inset-y-72	top: -18rem; bottom: -18rem;	-288px
.-inset-y-80	top: -20rem; bottom: -20rem;	-320px
.-inset-y-96	top: -24rem; bottom: -24rem;	-384px
.-inset-y-px	top: -1px; bottom: -1px;
.-inset-y-0.5	top: -0.125rem; bottom: -0.125rem;	-2px
.-inset-y-1.5	top: -0.375rem; bottom: -0.375rem;	-6px
.-inset-y-2.5	top: -0.625rem; bottom: -0.625rem;	-10px
.-inset-y-3.5	top: -0.875rem; bottom: -0.875rem;	-14px
.inset-y-1/2	top: 50%; bottom: 50%;
.inset-y-1/3	top: 33.333333%; bottom: 33.333333%;
.inset-y-2/3	top: 66.666667%; bottom: 66.666667%;
.inset-y-1/4	top: 25%; bottom: 25%;
.inset-y-2/4	top: 50%; bottom: 50%;
.inset-y-3/4	top: 75%; bottom: 75%;
.inset-y-full	top: 100%; bottom: 100%;
.-inset-y-1/2	top: -50%; bottom: -50%;
.-inset-y-1/3	top: -33.333333%; bottom: -33.333333%;
.-inset-y-2/3	top: -66.666667%; bottom: -66.666667%;
.-inset-y-1/4	top: -25%; bottom: -25%;
.-inset-y-2/4	top: -50%; bottom: -50%;
.-inset-y-3/4	top: -75%; bottom: -75%;
.-inset-y-full	top: -100%; bottom: -100%;
.top-1	top: 0.25rem;	4px
.top-2	top: 0.5rem;	8px
.top-3	top: 0.75rem;	12px
.top-4	top: 1rem;	16px
.top-5	top: 1.25rem;	20px
.top-6	top: 1.5rem;	24px
.top-7	top: 1.75rem;	28px
.top-8	top: 2rem;	32px
.top-9	top: 2.25rem;	36px
.top-10	top: 2.5rem;	40px
.top-11	top: 2.75rem;	44px
.top-12	top: 3rem;	48px
.top-14	top: 3.5rem;	56px
.top-16	top: 4rem;	64px
.top-20	top: 5rem;	80px
.top-24	top: 6rem;	96px
.top-28	top: 7rem;	112px
.top-32	top: 8rem;	128px
.top-36	top: 9rem;	144px
.top-40	top: 10rem;	160px
.top-44	top: 11rem;	176px
.top-48	top: 12rem;	192px
.top-52	top: 13rem;	208px
.top-56	top: 14rem;	224px
.top-60	top: 15rem;	240px
.top-64	top: 16rem;	256px
.top-72	top: 18rem;	288px
.top-80	top: 20rem;	320px
.top-96	top: 24rem;	384px
.top-auto	top: auto;
.top-px	top: 1px;
.top-0.5	top: 0.125rem;	2px
.top-1.5	top: 0.375rem;	6px
.top-2.5	top: 0.625rem;	10px
.top-3.5	top: 0.875rem;	14px
.-top-1	top: -0.25rem;	-4px
.-top-2	top: -0.5rem;	-8px
.-top-3	top: -0.75rem;	-12px
.-top-4	top: -1rem;	-16px
.-top-5	top: -1.25rem;	-20px
.-top-6	top: -1.5rem;	-24px
.-top-7	top: -1.75rem;	-28px
.-top-8	top: -2rem;	-32px
.-top-9	top: -2.25rem;	-36px
.-top-10	top: -2.5rem;	-40px
.-top-11	top: -2.75rem;	-44px
.-top-12	top: -3rem;	-48px
.-top-14	top: -3.5rem;	-56px
.-top-16	top: -4rem;	-64px
.-top-20	top: -5rem;	-80px
.-top-24	top: -6rem;	-96px
.-top-28	top: -7rem;	-112px
.-top-32	top: -8rem;	-128px
.-top-36	top: -9rem;	-144px
.-top-40	top: -10rem;	-160px
.-top-44	top: -11rem;	-176px
.-top-48	top: -12rem;	-192px
.-top-52	top: -13rem;	-208px
.-top-56	top: -14rem;	-224px
.-top-60	top: -15rem;	-240px
.-top-64	top: -16rem;	-256px
.-top-72	top: -18rem;	-288px
.-top-80	top: -20rem;	-320px
.-top-96	top: -24rem;	-384px
.-top-px	top: -1px;
.-top-0.5	top: -0.125rem;	-2px
.-top-1.5	top: -0.375rem;	-6px
.-top-2.5	top: -0.625rem;	-10px
.-top-3.5	top: -0.875rem;	-14px
.top-1/2	top: 50%;
.top-1/3	top: 33.333333%;
.top-2/3	top: 66.666667%;
.top-1/4	top: 25%;
.top-2/4	top: 50%;
.top-3/4	top: 75%;
.top-full	top: 100%;
.-top-1/2	top: -50%;
.-top-1/3	top: -33.333333%;
.-top-2/3	top: -66.666667%;
.-top-1/4	top: -25%;
.-top-2/4	top: -50%;
.-top-3/4	top: -75%;
.-top-full	top: -100%;
.right-1	right: 0.25rem;	4px
.right-2	right: 0.5rem;	8px
.right-3	right: 0.75rem;	12px
.right-4	right: 1rem;	16px
.right-5	right: 1.25rem;	20px
.right-6	right: 1.5rem;	24px
.right-7	right: 1.75rem;	28px
.right-8	right: 2rem;	32px
.right-9	right: 2.25rem;	36px
.right-10	right: 2.5rem;	40px
.right-11	right: 2.75rem;	44px
.right-12	right: 3rem;	48px
.right-14	right: 3.5rem;	56px
.right-16	right: 4rem;	64px
.right-20	right: 5rem;	80px
.right-24	right: 6rem;	96px
.right-28	right: 7rem;	112px
.right-32	right: 8rem;	128px
.right-36	right: 9rem;	144px
.right-40	right: 10rem;	160px
.right-44	right: 11rem;	176px
.right-48	right: 12rem;	192px
.right-52	right: 13rem;	208px
.right-56	right: 14rem;	224px
.right-60	right: 15rem;	240px
.right-64	right: 16rem;	256px
.right-72	right: 18rem;	288px
.right-80	right: 20rem;	320px
.right-96	right: 24rem;	384px
.right-auto	right: auto;
.right-px	right: 1px;
.right-0.5	right: 0.125rem;	2px
.right-1.5	right: 0.375rem;	6px
.right-2.5	right: 0.625rem;	10px
.right-3.5	right: 0.875rem;	14px
.-right-1	right: -0.25rem;	-4px
.-right-2	right: -0.5rem;	-8px
.-right-3	right: -0.75rem;	-12px
.-right-4	right: -1rem;	-16px
.-right-5	right: -1.25rem;	-20px
.-right-6	right: -1.5rem;	-24px
.-right-7	right: -1.75rem;	-28px
.-right-8	right: -2rem;	-32px
.-right-9	right: -2.25rem;	-36px
.-right-10	right: -2.5rem;	-40px
.-right-11	right: -2.75rem;	-44px
.-right-12	right: -3rem;	-48px
.-right-14	right: -3.5rem;	-56px
.-right-16	right: -4rem;	-64px
.-right-20	right: -5rem;	-80px
.-right-24	right: -6rem;	-96px
.-right-28	right: -7rem;	-112px
.-right-32	right: -8rem;	-128px
.-right-36	right: -9rem;	-144px
.-right-40	right: -10rem;	-160px
.-right-44	right: -11rem;	-176px
.-right-48	right: -12rem;	-192px
.-right-52	right: -13rem;	-208px
.-right-56	right: -14rem;	-224px
.-right-60	right: -15rem;	-240px
.-right-64	right: -16rem;	-256px
.-right-72	right: -18rem;	-288px
.-right-80	right: -20rem;	-320px
.-right-96	right: -24rem;	-384px
.-right-px	right: -1px;
.-right-0.5	right: -0.125rem;	-2px
.-right-1.5	right: -0.375rem;	-6px
.-right-2.5	right: -0.625rem;	-10px
.-right-3.5	right: -0.875rem;	-14px
.right-1/2	right: 50%;
.right-1/3	right: 33.333333%;
.right-2/3	right: 66.666667%;
.right-1/4	right: 25%;
.right-2/4	right: 50%;
.right-3/4	right: 75%;
.right-full	right: 100%;
.-right-1/2	right: -50%;
.-right-1/3	right: -33.333333%;
.-right-2/3	right: -66.666667%;
.-right-1/4	right: -25%;
.-right-2/4	right: -50%;
.-right-3/4	right: -75%;
.-right-full	right: -100%;
.bottom-1	bottom: 0.25rem;	4px
.bottom-2	bottom: 0.5rem;	8px
.bottom-3	bottom: 0.75rem;	12px
.bottom-4	bottom: 1rem;	16px
.bottom-5	bottom: 1.25rem;	20px
.bottom-6	bottom: 1.5rem;	24px
.bottom-7	bottom: 1.75rem;	28px
.bottom-8	bottom: 2rem;	32px
.bottom-9	bottom: 2.25rem;	36px
.bottom-10	bottom: 2.5rem;	40px
.bottom-11	bottom: 2.75rem;	44px
.bottom-12	bottom: 3rem;	48px
.bottom-14	bottom: 3.5rem;	56px
.bottom-16	bottom: 4rem;	64px
.bottom-20	bottom: 5rem;	80px
.bottom-24	bottom: 6rem;	96px
.bottom-28	bottom: 7rem;	112px
.bottom-32	bottom: 8rem;	128px
.bottom-36	bottom: 9rem;	144px
.bottom-40	bottom: 10rem;	160px
.bottom-44	bottom: 11rem;	176px
.bottom-48	bottom: 12rem;	192px
.bottom-52	bottom: 13rem;	208px
.bottom-56	bottom: 14rem;	224px
.bottom-60	bottom: 15rem;	240px
.bottom-64	bottom: 16rem;	256px
.bottom-72	bottom: 18rem;	288px
.bottom-80	bottom: 20rem;	320px
.bottom-96	bottom: 24rem;	384px
.bottom-auto	bottom: auto;
.bottom-px	bottom: 1px;
.bottom-0.5	bottom: 0.125rem;	2px
.bottom-1.5	bottom: 0.375rem;	6px
.bottom-2.5	bottom: 0.625rem;	10px
.bottom-3.5	bottom: 0.875rem;	14px
.-bottom-1	bottom: -0.25rem;	-4px
.-bottom-2	bottom: -0.5rem;	-8px
.-bottom-3	bottom: -0.75rem;	-12px
.-bottom-4	bottom: -1rem;	-16px
.-bottom-5	bottom: -1.25rem;	-20px
.-bottom-6	bottom: -1.5rem;	-24px
.-bottom-7	bottom: -1.75rem;	-28px
.-bottom-8	bottom: -2rem;	-32px
.-bottom-9	bottom: -2.25rem;	-36px
.-bottom-10	bottom: -2.5rem;	-40px
.-bottom-11	bottom: -2.75rem;	-44px
.-bottom-12	bottom: -3rem;	-48px
.-bottom-14	bottom: -3.5rem;	-56px
.-bottom-16	bottom: -4rem;	-64px
.-bottom-20	bottom: -5rem;	-80px
.-bottom-24	bottom: -6rem;	-96px
.-bottom-28	bottom: -7rem;	-112px
.-bottom-32	bottom: -8rem;	-128px
.-bottom-36	bottom: -9rem;	-144px
.-bottom-40	bottom: -10rem;	-160px
.-bottom-44	bottom: -11rem;	-176px
.-bottom-48	bottom: -12rem;	-192px
.-bottom-52	bottom: -13rem;	-208px
.-bottom-56	bottom: -14rem;	-224px
.-bottom-60	bottom: -15rem;	-240px
.-bottom-64	bottom: -16rem;	-256px
.-bottom-72	bottom: -18rem;	-288px
.-bottom-80	bottom: -20rem;	-320px
.-bottom-96	bottom: -24rem;	-384px
.-bottom-px	bottom: -1px;
.-bottom-0.5	bottom: -0.125rem;	-2px
.-bottom-1.5	bottom: -0.375rem;	-6px
.-bottom-2.5	bottom: -0.625rem;	-10px
.-bottom-3.5	bottom: -0.875rem;	-14px
.bottom-1/2	bottom: 50%;
.bottom-1/3	bottom: 33.333333%;
.bottom-2/3	bottom: 66.666667%;
.bottom-1/4	bottom: 25%;
.bottom-2/4	bottom: 50%;
.bottom-3/4	bottom: 75%;
.bottom-full	bottom: 100%;
.-bottom-1/2	bottom: -50%;
.-bottom-1/3	bottom: -33.333333%;
.-bottom-2/3	bottom: -66.666667%;
.-bottom-1/4	bottom: -25%;
.-bottom-2/4	bottom: -50%;
.-bottom-3/4	bottom: -75%;
.-bottom-full	bottom: -100%;
.left-1	left: 0.25rem;	4px
.left-2	left: 0.5rem;	8px
.left-3	left: 0.75rem;	12px
.left-4	left: 1rem;	16px
.left-5	left: 1.25rem;	20px
.left-6	left: 1.5rem;	24px
.left-7	left: 1.75rem;	28px
.left-8	left: 2rem;	32px
.left-9	left: 2.25rem;	36px
.left-10	left: 2.5rem;	40px
.left-11	left: 2.75rem;	44px
.left-12	left: 3rem;	48px
.left-14	left: 3.5rem;	56px
.left-16	left: 4rem;	64px
.left-20	left: 5rem;	80px
.left-24	left: 6rem;	96px
.left-28	left: 7rem;	112px
.left-32	left: 8rem;	128px
.left-36	left: 9rem;	144px
.left-40	left: 10rem;	160px
.left-44	left: 11rem;	176px
.left-48	left: 12rem;	192px
.left-52	left: 13rem;	208px
.left-56	left: 14rem;	224px
.left-60	left: 15rem;	240px
.left-64	left: 16rem;	256px
.left-72	left: 18rem;	288px
.left-80	left: 20rem;	320px
.left-96	left: 24rem;	384px
.left-auto	left: auto;
.left-px	left: 1px;
.left-0.5	left: 0.125rem;	2px
.left-1.5	left: 0.375rem;	6px
.left-2.5	left: 0.625rem;	10px
.left-3.5	left: 0.875rem;	14px
.-left-1	left: -0.25rem;	-4px
.-left-2	left: -0.5rem;	-8px
.-left-3	left: -0.75rem;	-12px
.-left-4	left: -1rem;	-16px
.-left-5	left: -1.25rem;	-20px
.-left-6	left: -1.5rem;	-24px
.-left-7	left: -1.75rem;	-28px
.-left-8	left: -2rem;	-32px
.-left-9	left: -2.25rem;	-36px
.-left-10	left: -2.5rem;	-40px
.-left-11	left: -2.75rem;	-44px
.-left-12	left: -3rem;	-48px
.-left-14	left: -3.5rem;	-56px
.-left-16	left: -4rem;	-64px
.-left-20	left: -5rem;	-80px
.-left-24	left: -6rem;	-96px
.-left-28	left: -7rem;	-112px
.-left-32	left: -8rem;	-128px
.-left-36	left: -9rem;	-144px
.-left-40	left: -10rem;	-160px
.-left-44	left: -11rem;	-176px
.-left-48	left: -12rem;	-192px
.-left-52	left: -13rem;	-208px
.-left-56	left: -14rem;	-224px
.-left-60	left: -15rem;	-240px
.-left-64	left: -16rem;	-256px
.-left-72	left: -18rem;	-288px
.-left-80	left: -20rem;	-320px
.-left-96	left: -24rem;	-384px
.-left-px	left: -1px;
.-left-0.5	left: -0.125rem;	-2px
.-left-1.5	left: -0.375rem;	-6px
.-left-2.5	left: -0.625rem;	-10px
.-left-3.5	left: -0.875rem;	-14px
.left-1/2	left: 50%;
.left-1/3	left: 33.333333%;
.left-2/3	left: 66.666667%;
.left-1/4	left: 25%;
.left-2/4	left: 50%;
.left-3/4	left: 75%;
.left-full	left: 100%;
.-left-1/2	left: -50%;
.-left-1/3	left: -33.333333%;
.-left-2/3	left: -66.666667%;
.-left-1/4	left: -25%;
.-left-2/4	left: -50%;
.-left-3/4	left: -75%;
.-left-full	left: -100%;

Spacing

Controls padding in 0.25rem increments.

.p-0	padding: 0px;
.p-1	padding: 0.25rem;	4px
.p-2	padding: 0.5rem;	8px
.p-3	padding: 0.75rem;	12px
.p-4	padding: 1rem;	16px
.p-5	padding: 1.25rem;	20px
.p-6	padding: 1.5rem;	24px
.p-7	padding: 1.75rem;	28px
.p-8	padding: 2rem;	32px
.p-9	padding: 2.25rem;	36px
.p-10	padding: 2.5rem;	40px
.p-11	padding: 2.75rem;	44px
.p-12	padding: 3rem;	48px
.p-14	padding: 3.5rem;	56px
.p-16	padding: 4rem;	64px
.p-20	padding: 5rem;	80px
.p-24	padding: 6rem;	96px
.p-28	padding: 7rem;	112px
.p-32	padding: 8rem;	128px
.p-36	padding: 9rem;	144px
.p-40	padding: 10rem;	160px
.p-44	padding: 11rem;	176px
.p-48	padding: 12rem;	192px
.p-52	padding: 13rem;	208px
.p-56	padding: 14rem;	224px
.p-60	padding: 15rem;	240px
.p-64	padding: 16rem;	256px
.p-72	padding: 18rem;	288px
.p-80	padding: 20rem;	320px
.p-96	padding: 24rem;	384px
.p-px	padding: 1px;
.p-0.5	padding: 0.125rem;	2px
.p-1.5	padding: 0.375rem;	6px
.p-2.5	padding: 0.625rem;	10px
.p-3.5	padding: 0.875rem;	14px
.px-0	padding-left: 0px; padding-right: 0px;
.px-1	padding-left: 0.25rem; padding-right: 0.25rem;	4px
.px-2	padding-left: 0.5rem; padding-right: 0.5rem;	8px
.px-3	padding-left: 0.75rem; padding-right: 0.75rem;	12px
.px-4	padding-left: 1rem; padding-right: 1rem;	16px
.px-5	padding-left: 1.25rem; padding-right: 1.25rem;	20px
.px-6	padding-left: 1.5rem; padding-right: 1.5rem;	24px
.px-7	padding-left: 1.75rem; padding-right: 1.75rem;	28px
.px-8	padding-left: 2rem; padding-right: 2rem;	32px
.px-9	padding-left: 2.25rem; padding-right: 2.25rem;	36px
.px-10	padding-left: 2.5rem; padding-right: 2.5rem;	40px
.px-11	padding-left: 2.75rem; padding-right: 2.75rem;	44px
.px-12	padding-left: 3rem; padding-right: 3rem;	48px
.px-14	padding-left: 3.5rem; padding-right: 3.5rem;	56px
.px-16	padding-left: 4rem; padding-right: 4rem;	64px
.px-20	padding-left: 5rem; padding-right: 5rem;	80px
.px-24	padding-left: 6rem; padding-right: 6rem;	96px
.px-28	padding-left: 7rem; padding-right: 7rem;	112px
.px-32	padding-left: 8rem; padding-right: 8rem;	128px
.px-36	padding-left: 9rem; padding-right: 9rem;	144px
.px-40	padding-left: 10rem; padding-right: 10rem;	160px
.px-44	padding-left: 11rem; padding-right: 11rem;	176px
.px-48	padding-left: 12rem; padding-right: 12rem;	192px
.px-52	padding-left: 13rem; padding-right: 13rem;	208px
.px-56	padding-left: 14rem; padding-right: 14rem;	224px
.px-60	padding-left: 15rem; padding-right: 15rem;	240px
.px-64	padding-left: 16rem; padding-right: 16rem;	256px
.px-72	padding-left: 18rem; padding-right: 18rem;	288px
.px-80	padding-left: 20rem; padding-right: 20rem;	320px
.px-96	padding-left: 24rem; padding-right: 24rem;	384px
.px-px	padding-left: 1px; padding-right: 1px;
.px-0.5	padding-left: 0.125rem; padding-right: 0.125rem;	2px
.px-1.5	padding-left: 0.375rem; padding-right: 0.375rem;	6px
.px-2.5	padding-left: 0.625rem; padding-right: 0.625rem;	10px
.px-3.5	padding-left: 0.875rem; padding-right: 0.875rem;	14px
.py-0	padding-top: 0px; padding-bottom: 0px;
.py-1	padding-top: 0.25rem; padding-bottom: 0.25rem;	4px
.py-2	padding-top: 0.5rem; padding-bottom: 0.5rem;	8px
.py-3	padding-top: 0.75rem; padding-bottom: 0.75rem;	12px
.py-4	padding-top: 1rem; padding-bottom: 1rem;	16px
.py-5	padding-top: 1.25rem; padding-bottom: 1.25rem;	20px
.py-6	padding-top: 1.5rem; padding-bottom: 1.5rem;	24px
.py-7	padding-top: 1.75rem; padding-bottom: 1.75rem;	28px
.py-8	padding-top: 2rem; padding-bottom: 2rem;	32px
.py-9	padding-top: 2.25rem; padding-bottom: 2.25rem;	36px
.py-10	padding-top: 2.5rem; padding-bottom: 2.5rem;	40px
.py-11	padding-top: 2.75rem; padding-bottom: 2.75rem;	44px
.py-12	padding-top: 3rem; padding-bottom: 3rem;	48px
.py-14	padding-top: 3.5rem; padding-bottom: 3.5rem;	56px
.py-16	padding-top: 4rem; padding-bottom: 4rem;	64px
.py-20	padding-top: 5rem; padding-bottom: 5rem;	80px
.py-24	padding-top: 6rem; padding-bottom: 6rem;	96px
.py-28	padding-top: 7rem; padding-bottom: 7rem;	112px
.py-32	padding-top: 8rem; padding-bottom: 8rem;	128px
.py-36	padding-top: 9rem; padding-bottom: 9rem;	144px
.py-40	padding-top: 10rem; padding-bottom: 10rem;	160px
.py-44	padding-top: 11rem; padding-bottom: 11rem;	176px
.py-48	padding-top: 12rem; padding-bottom: 12rem;	192px
.py-52	padding-top: 13rem; padding-bottom: 13rem;	208px
.py-56	padding-top: 14rem; padding-bottom: 14rem;	224px
.py-60	padding-top: 15rem; padding-bottom: 15rem;	240px
.py-64	padding-top: 16rem; padding-bottom: 16rem;	256px
.py-72	padding-top: 18rem; padding-bottom: 18rem;	288px
.py-80	padding-top: 20rem; padding-bottom: 20rem;	320px
.py-96	padding-top: 24rem; padding-bottom: 24rem;	384px
.py-px	padding-top: 1px; padding-bottom: 1px;
.py-0.5	padding-top: 0.125rem; padding-bottom: 0.125rem;	2px
.py-1.5	padding-top: 0.375rem; padding-bottom: 0.375rem;	6px
.py-2.5	padding-top: 0.625rem; padding-bottom: 0.625rem;	10px
.py-3.5	padding-top: 0.875rem; padding-bottom: 0.875rem;	14px
.pt-0	padding-top: 0px;
.pt-1	padding-top: 0.25rem;	4px
.pt-2	padding-top: 0.5rem;	8px
.pt-3	padding-top: 0.75rem;	12px
.pt-4	padding-top: 1rem;	16px
.pt-5	padding-top: 1.25rem;	20px
.pt-6	padding-top: 1.5rem;	24px
.pt-7	padding-top: 1.75rem;	28px
.pt-8	padding-top: 2rem;	32px
.pt-9	padding-top: 2.25rem;	36px
.pt-10	padding-top: 2.5rem;	40px
.pt-11	padding-top: 2.75rem;	44px
.pt-12	padding-top: 3rem;	48px
.pt-14	padding-top: 3.5rem;	56px
.pt-16	padding-top: 4rem;	64px
.pt-20	padding-top: 5rem;	80px
.pt-24	padding-top: 6rem;	96px
.pt-28	padding-top: 7rem;	112px
.pt-32	padding-top: 8rem;	128px
.pt-36	padding-top: 9rem;	144px
.pt-40	padding-top: 10rem;	160px
.pt-44	padding-top: 11rem;	176px
.pt-48	padding-top: 12rem;	192px
.pt-52	padding-top: 13rem;	208px
.pt-56	padding-top: 14rem;	224px
.pt-60	padding-top: 15rem;	240px
.pt-64	padding-top: 16rem;	256px
.pt-72	padding-top: 18rem;	288px
.pt-80	padding-top: 20rem;	320px
.pt-96	padding-top: 24rem;	384px
.pt-px	padding-top: 1px;
.pt-0.5	padding-top: 0.125rem;	2px
.pt-1.5	padding-top: 0.375rem;	6px
.pt-2.5	padding-top: 0.625rem;	10px
.pt-3.5	padding-top: 0.875rem;	14px
.pr-0	padding-right: 0px;
.pr-1	padding-right: 0.25rem;	4px
.pr-2	padding-right: 0.5rem;	8px
.pr-3	padding-right: 0.75rem;	12px
.pr-4	padding-right: 1rem;	16px
.pr-5	padding-right: 1.25rem;	20px
.pr-6	padding-right: 1.5rem;	24px
.pr-7	padding-right: 1.75rem;	28px
.pr-8	padding-right: 2rem;	32px
.pr-9	padding-right: 2.25rem;	36px
.pr-10	padding-right: 2.5rem;	40px
.pr-11	padding-right: 2.75rem;	44px
.pr-12	padding-right: 3rem;	48px
.pr-14	padding-right: 3.5rem;	56px
.pr-16	padding-right: 4rem;	64px
.pr-20	padding-right: 5rem;	80px
.pr-24	padding-right: 6rem;	96px
.pr-28	padding-right: 7rem;	112px
.pr-32	padding-right: 8rem;	128px
.pr-36	padding-right: 9rem;	144px
.pr-40	padding-right: 10rem;	160px
.pr-44	padding-right: 11rem;	176px
.pr-48	padding-right: 12rem;	192px
.pr-52	padding-right: 13rem;	208px
.pr-56	padding-right: 14rem;	224px
.pr-60	padding-right: 15rem;	240px
.pr-64	padding-right: 16rem;	256px
.pr-72	padding-right: 18rem;	288px
.pr-80	padding-right: 20rem;	320px
.pr-96	padding-right: 24rem;	384px
.pr-px	padding-right: 1px;
.pr-0.5	padding-right: 0.125rem;	2px
.pr-1.5	padding-right: 0.375rem;	6px
.pr-2.5	padding-right: 0.625rem;	10px
.pr-3.5	padding-right: 0.875rem;	14px
.pb-0	padding-bottom: 0px;
.pb-1	padding-bottom: 0.25rem;	4px
.pb-2	padding-bottom: 0.5rem;	8px
.pb-3	padding-bottom: 0.75rem;	12px
.pb-4	padding-bottom: 1rem;	16px
.pb-5	padding-bottom: 1.25rem;	20px
.pb-6	padding-bottom: 1.5rem;	24px
.pb-7	padding-bottom: 1.75rem;	28px
.pb-8	padding-bottom: 2rem;	32px
.pb-9	padding-bottom: 2.25rem;	36px
.pb-10	padding-bottom: 2.5rem;	40px
.pb-11	padding-bottom: 2.75rem;	44px
.pb-12	padding-bottom: 3rem;	48px
.pb-14	padding-bottom: 3.5rem;	56px
.pb-16	padding-bottom: 4rem;	64px
.pb-20	padding-bottom: 5rem;	80px
.pb-24	padding-bottom: 6rem;	96px
.pb-28	padding-bottom: 7rem;	112px
.pb-32	padding-bottom: 8rem;	128px
.pb-36	padding-bottom: 9rem;	144px
.pb-40	padding-bottom: 10rem;	160px
.pb-44	padding-bottom: 11rem;	176px
.pb-48	padding-bottom: 12rem;	192px
.pb-52	padding-bottom: 13rem;	208px
.pb-56	padding-bottom: 14rem;	224px
.pb-60	padding-bottom: 15rem;	240px
.pb-64	padding-bottom: 16rem;	256px
.pb-72	padding-bottom: 18rem;	288px
.pb-80	padding-bottom: 20rem;	320px
.pb-96	padding-bottom: 24rem;	384px
.pb-px	padding-bottom: 1px;
.pb-0.5	padding-bottom: 0.125rem;	2px
.pb-1.5	padding-bottom: 0.375rem;	6px
.pb-2.5	padding-bottom: 0.625rem;	10px
.pb-3.5	padding-bottom: 0.875rem;	14px
.pl-0	padding-left: 0px;
.pl-1	padding-left: 0.25rem;	4px
.pl-2	padding-left: 0.5rem;	8px
.pl-3	padding-left: 0.75rem;	12px
.pl-4	padding-left: 1rem;	16px
.pl-5	padding-left: 1.25rem;	20px
.pl-6	padding-left: 1.5rem;	24px
.pl-7	padding-left: 1.75rem;	28px
.pl-8	padding-left: 2rem;	32px
.pl-9	padding-left: 2.25rem;	36px
.pl-10	padding-left: 2.5rem;	40px
.pl-11	padding-left: 2.75rem;	44px
.pl-12	padding-left: 3rem;	48px
.pl-14	padding-left: 3.5rem;	56px
.pl-16	padding-left: 4rem;	64px
.pl-20	padding-left: 5rem;	80px
.pl-24	padding-left: 6rem;	96px
.pl-28	padding-left: 7rem;	112px
.pl-32	padding-left: 8rem;	128px
.pl-36	padding-left: 9rem;	144px
.pl-40	padding-left: 10rem;	160px
.pl-44	padding-left: 11rem;	176px
.pl-48	padding-left: 12rem;	192px
.pl-52	padding-left: 13rem;	208px
.pl-56	padding-left: 14rem;	224px
.pl-60	padding-left: 15rem;	240px
.pl-64	padding-left: 16rem;	256px
.pl-72	padding-left: 18rem;	288px
.pl-80	padding-left: 20rem;	320px
.pl-96	padding-left: 24rem;	384px
.pl-px	padding-left: 1px;
.pl-0.5	padding-left: 0.125rem;	2px
.pl-1.5	padding-left: 0.375rem;	6px
.pl-2.5	padding-left: 0.625rem;	10px
.pl-3.5	padding-left: 0.875rem;	14px

Controls margin (and negative margin) in 0.25rem increments.

.m-0	margin: 0px;
.m-1	margin: 0.25rem;	4px
.m-2	margin: 0.5rem;	8px
.m-3	margin: 0.75rem;	12px
.m-4	margin: 1rem;	16px
.m-5	margin: 1.25rem;	20px
.m-6	margin: 1.5rem;	24px
.m-7	margin: 1.75rem;	28px
.m-8	margin: 2rem;	32px
.m-9	margin: 2.25rem;	36px
.m-10	margin: 2.5rem;	40px
.m-11	margin: 2.75rem;	44px
.m-12	margin: 3rem;	48px
.m-14	margin: 3.5rem;	56px
.m-16	margin: 4rem;	64px
.m-20	margin: 5rem;	80px
.m-24	margin: 6rem;	96px
.m-28	margin: 7rem;	112px
.m-32	margin: 8rem;	128px
.m-36	margin: 9rem;	144px
.m-40	margin: 10rem;	160px
.m-44	margin: 11rem;	176px
.m-48	margin: 12rem;	192px
.m-52	margin: 13rem;	208px
.m-56	margin: 14rem;	224px
.m-60	margin: 15rem;	240px
.m-64	margin: 16rem;	256px
.m-72	margin: 18rem;	288px
.m-80	margin: 20rem;	320px
.m-96	margin: 24rem;	384px
.m-auto	margin: auto;
.m-px	margin: 1px;
.m-0.5	margin: 0.125rem;	2px
.m-1.5	margin: 0.375rem;	6px
.m-2.5	margin: 0.625rem;	10px
.m-3.5	margin: 0.875rem;	14px
.-m-0	margin: 0px;
.-m-1	margin: -0.25rem;	-4px
.-m-2	margin: -0.5rem;	-8px
.-m-3	margin: -0.75rem;	-12px
.-m-4	margin: -1rem;	-16px
.-m-5	margin: -1.25rem;	-20px
.-m-6	margin: -1.5rem;	-24px
.-m-7	margin: -1.75rem;	-28px
.-m-8	margin: -2rem;	-32px
.-m-9	margin: -2.25rem;	-36px
.-m-10	margin: -2.5rem;	-40px
.-m-11	margin: -2.75rem;	-44px
.-m-12	margin: -3rem;	-48px
.-m-14	margin: -3.5rem;	-56px
.-m-16	margin: -4rem;	-64px
.-m-20	margin: -5rem;	-80px
.-m-24	margin: -6rem;	-96px
.-m-28	margin: -7rem;	-112px
.-m-32	margin: -8rem;	-128px
.-m-36	margin: -9rem;	-144px
.-m-40	margin: -10rem;	-160px
.-m-44	margin: -11rem;	-176px
.-m-48	margin: -12rem;	-192px
.-m-52	margin: -13rem;	-208px
.-m-56	margin: -14rem;	-224px
.-m-60	margin: -15rem;	-240px
.-m-64	margin: -16rem;	-256px
.-m-72	margin: -18rem;	-288px
.-m-80	margin: -20rem;	-320px
.-m-96	margin: -24rem;	-384px
.-m-px	margin: -1px;
.-m-0.5	margin: -0.125rem;	-2px
.-m-1.5	margin: -0.375rem;	-6px
.-m-2.5	margin: -0.625rem;	-10px
.-m-3.5	margin: -0.875rem;	-14px
.mx-0	margin-left: 0px; margin-right: 0px;
.mx-1	margin-left: 0.25rem; margin-right: 0.25rem;	4px
.mx-2	margin-left: 0.5rem; margin-right: 0.5rem;	8px
.mx-3	margin-left: 0.75rem; margin-right: 0.75rem;	12px
.mx-4	margin-left: 1rem; margin-right: 1rem;	16px
.mx-5	margin-left: 1.25rem; margin-right: 1.25rem;	20px
.mx-6	margin-left: 1.5rem; margin-right: 1.5rem;	24px
.mx-7	margin-left: 1.75rem; margin-right: 1.75rem;	28px
.mx-8	margin-left: 2rem; margin-right: 2rem;	32px
.mx-9	margin-left: 2.25rem; margin-right: 2.25rem;	36px
.mx-10	margin-left: 2.5rem; margin-right: 2.5rem;	40px
.mx-11	margin-left: 2.75rem; margin-right: 2.75rem;	44px
.mx-12	margin-left: 3rem; margin-right: 3rem;	48px
.mx-14	margin-left: 3.5rem; margin-right: 3.5rem;	56px
.mx-16	margin-left: 4rem; margin-right: 4rem;	64px
.mx-20	margin-left: 5rem; margin-right: 5rem;	80px
.mx-24	margin-left: 6rem; margin-right: 6rem;	96px
.mx-28	margin-left: 7rem; margin-right: 7rem;	112px
.mx-32	margin-left: 8rem; margin-right: 8rem;	128px
.mx-36	margin-left: 9rem; margin-right: 9rem;	144px
.mx-40	margin-left: 10rem; margin-right: 10rem;	160px
.mx-44	margin-left: 11rem; margin-right: 11rem;	176px
.mx-48	margin-left: 12rem; margin-right: 12rem;	192px
.mx-52	margin-left: 13rem; margin-right: 13rem;	208px
.mx-56	margin-left: 14rem; margin-right: 14rem;	224px
.mx-60	margin-left: 15rem; margin-right: 15rem;	240px
.mx-64	margin-left: 16rem; margin-right: 16rem;	256px
.mx-72	margin-left: 18rem; margin-right: 18rem;	288px
.mx-80	margin-left: 20rem; margin-right: 20rem;	320px
.mx-96	margin-left: 24rem; margin-right: 24rem;	384px
.mx-auto	margin-left: auto; margin-right: auto;
.mx-px	margin-left: 1px; margin-right: 1px;
.mx-0.5	margin-left: 0.125rem; margin-right: 0.125rem;	2px
.mx-1.5	margin-left: 0.375rem; margin-right: 0.375rem;	6px
.mx-2.5	margin-left: 0.625rem; margin-right: 0.625rem;	10px
.mx-3.5	margin-left: 0.875rem; margin-right: 0.875rem;	14px
.-mx-0	margin-left: 0px; margin-right: 0px;
.-mx-1	margin-left: -0.25rem; margin-right: -0.25rem;	-4px
.-mx-2	margin-left: -0.5rem; margin-right: -0.5rem;	-8px
.-mx-3	margin-left: -0.75rem; margin-right: -0.75rem;	-12px
.-mx-4	margin-left: -1rem; margin-right: -1rem;	-16px
.-mx-5	margin-left: -1.25rem; margin-right: -1.25rem;	-20px
.-mx-6	margin-left: -1.5rem; margin-right: -1.5rem;	-24px
.-mx-7	margin-left: -1.75rem; margin-right: -1.75rem;	-28px
.-mx-8	margin-left: -2rem; margin-right: -2rem;	-32px
.-mx-9	margin-left: -2.25rem; margin-right: -2.25rem;	-36px
.-mx-10	margin-left: -2.5rem; margin-right: -2.5rem;	-40px
.-mx-11	margin-left: -2.75rem; margin-right: -2.75rem;	-44px
.-mx-12	margin-left: -3rem; margin-right: -3rem;	-48px
.-mx-14	margin-left: -3.5rem; margin-right: -3.5rem;	-56px
.-mx-16	margin-left: -4rem; margin-right: -4rem;	-64px
.-mx-20	margin-left: -5rem; margin-right: -5rem;	-80px
.-mx-24	margin-left: -6rem; margin-right: -6rem;	-96px
.-mx-28	margin-left: -7rem; margin-right: -7rem;	-112px
.-mx-32	margin-left: -8rem; margin-right: -8rem;	-128px
.-mx-36	margin-left: -9rem; margin-right: -9rem;	-144px
.-mx-40	margin-left: -10rem; margin-right: -10rem;	-160px
.-mx-44	margin-left: -11rem; margin-right: -11rem;	-176px
.-mx-48	margin-left: -12rem; margin-right: -12rem;	-192px
.-mx-52	margin-left: -13rem; margin-right: -13rem;	-208px
.-mx-56	margin-left: -14rem; margin-right: -14rem;	-224px
.-mx-60	margin-left: -15rem; margin-right: -15rem;	-240px
.-mx-64	margin-left: -16rem; margin-right: -16rem;	-256px
.-mx-72	margin-left: -18rem; margin-right: -18rem;	-288px
.-mx-80	margin-left: -20rem; margin-right: -20rem;	-320px
.-mx-96	margin-left: -24rem; margin-right: -24rem;	-384px
.-mx-px	margin-left: -1px; margin-right: -1px;
.-mx-0.5	margin-left: -0.125rem; margin-right: -0.125rem;	-2px
.-mx-1.5	margin-left: -0.375rem; margin-right: -0.375rem;	-6px
.-mx-2.5	margin-left: -0.625rem; margin-right: -0.625rem;	-10px
.-mx-3.5	margin-left: -0.875rem; margin-right: -0.875rem;	-14px
.my-0	margin-top: 0px; margin-bottom: 0px;
.my-1	margin-top: 0.25rem; margin-bottom: 0.25rem;	4px
.my-2	margin-top: 0.5rem; margin-bottom: 0.5rem;	8px
.my-3	margin-top: 0.75rem; margin-bottom: 0.75rem;	12px
.my-4	margin-top: 1rem; margin-bottom: 1rem;	16px
.my-5	margin-top: 1.25rem; margin-bottom: 1.25rem;	20px
.my-6	margin-top: 1.5rem; margin-bottom: 1.5rem;	24px
.my-7	margin-top: 1.75rem; margin-bottom: 1.75rem;	28px
.my-8	margin-top: 2rem; margin-bottom: 2rem;	32px
.my-9	margin-top: 2.25rem; margin-bottom: 2.25rem;	36px
.my-10	margin-top: 2.5rem; margin-bottom: 2.5rem;	40px
.my-11	margin-top: 2.75rem; margin-bottom: 2.75rem;	44px
.my-12	margin-top: 3rem; margin-bottom: 3rem;	48px
.my-14	margin-top: 3.5rem; margin-bottom: 3.5rem;	56px
.my-16	margin-top: 4rem; margin-bottom: 4rem;	64px
.my-20	margin-top: 5rem; margin-bottom: 5rem;	80px
.my-24	margin-top: 6rem; margin-bottom: 6rem;	96px
.my-28	margin-top: 7rem; margin-bottom: 7rem;	112px
.my-32	margin-top: 8rem; margin-bottom: 8rem;	128px
.my-36	margin-top: 9rem; margin-bottom: 9rem;	144px
.my-40	margin-top: 10rem; margin-bottom: 10rem;	160px
.my-44	margin-top: 11rem; margin-bottom: 11rem;	176px
.my-48	margin-top: 12rem; margin-bottom: 12rem;	192px
.my-52	margin-top: 13rem; margin-bottom: 13rem;	208px
.my-56	margin-top: 14rem; margin-bottom: 14rem;	224px
.my-60	margin-top: 15rem; margin-bottom: 15rem;	240px
.my-64	margin-top: 16rem; margin-bottom: 16rem;	256px
.my-72	margin-top: 18rem; margin-bottom: 18rem;	288px
.my-80	margin-top: 20rem; margin-bottom: 20rem;	320px
.my-96	margin-top: 24rem; margin-bottom: 24rem;	384px
.my-auto	margin-top: auto; margin-bottom: auto;
.my-px	margin-top: 1px; margin-bottom: 1px;
.my-0.5	margin-top: 0.125rem; margin-bottom: 0.125rem;	2px
.my-1.5	margin-top: 0.375rem; margin-bottom: 0.375rem;	6px
.my-2.5	margin-top: 0.625rem; margin-bottom: 0.625rem;	10px
.my-3.5	margin-top: 0.875rem; margin-bottom: 0.875rem;	14px
.-my-0	margin-top: 0px; margin-bottom: 0px;
.-my-1	margin-top: -0.25rem; margin-bottom: -0.25rem;	-4px
.-my-2	margin-top: -0.5rem; margin-bottom: -0.5rem;	-8px
.-my-3	margin-top: -0.75rem; margin-bottom: -0.75rem;	-12px
.-my-4	margin-top: -1rem; margin-bottom: -1rem;	-16px
.-my-5	margin-top: -1.25rem; margin-bottom: -1.25rem;	-20px
.-my-6	margin-top: -1.5rem; margin-bottom: -1.5rem;	-24px
.-my-7	margin-top: -1.75rem; margin-bottom: -1.75rem;	-28px
.-my-8	margin-top: -2rem; margin-bottom: -2rem;	-32px
.-my-9	margin-top: -2.25rem; margin-bottom: -2.25rem;	-36px
.-my-10	margin-top: -2.5rem; margin-bottom: -2.5rem;	-40px
.-my-11	margin-top: -2.75rem; margin-bottom: -2.75rem;	-44px
.-my-12	margin-top: -3rem; margin-bottom: -3rem;	-48px
.-my-14	margin-top: -3.5rem; margin-bottom: -3.5rem;	-56px
.-my-16	margin-top: -4rem; margin-bottom: -4rem;	-64px
.-my-20	margin-top: -5rem; margin-bottom: -5rem;	-80px
.-my-24	margin-top: -6rem; margin-bottom: -6rem;	-96px
.-my-28	margin-top: -7rem; margin-bottom: -7rem;	-112px
.-my-32	margin-top: -8rem; margin-bottom: -8rem;	-128px
.-my-36	margin-top: -9rem; margin-bottom: -9rem;	-144px
.-my-40	margin-top: -10rem; margin-bottom: -10rem;	-160px
.-my-44	margin-top: -11rem; margin-bottom: -11rem;	-176px
.-my-48	margin-top: -12rem; margin-bottom: -12rem;	-192px
.-my-52	margin-top: -13rem; margin-bottom: -13rem;	-208px
.-my-56	margin-top: -14rem; margin-bottom: -14rem;	-224px
.-my-60	margin-top: -15rem; margin-bottom: -15rem;	-240px
.-my-64	margin-top: -16rem; margin-bottom: -16rem;	-256px
.-my-72	margin-top: -18rem; margin-bottom: -18rem;	-288px
.-my-80	margin-top: -20rem; margin-bottom: -20rem;	-320px
.-my-96	margin-top: -24rem; margin-bottom: -24rem;	-384px
.-my-px	margin-top: -1px; margin-bottom: -1px;
.-my-0.5	margin-top: -0.125rem; margin-bottom: -0.125rem;	-2px
.-my-1.5	margin-top: -0.375rem; margin-bottom: -0.375rem;	-6px
.-my-2.5	margin-top: -0.625rem; margin-bottom: -0.625rem;	-10px
.-my-3.5	margin-top: -0.875rem; margin-bottom: -0.875rem;	-14px
.mt-0	margin-top: 0px;
.mt-1	margin-top: 0.25rem;	4px
.mt-2	margin-top: 0.5rem;	8px
.mt-3	margin-top: 0.75rem;	12px
.mt-4	margin-top: 1rem;	16px
.mt-5	margin-top: 1.25rem;	20px
.mt-6	margin-top: 1.5rem;	24px
.mt-7	margin-top: 1.75rem;	28px
.mt-8	margin-top: 2rem;	32px
.mt-9	margin-top: 2.25rem;	36px
.mt-10	margin-top: 2.5rem;	40px
.mt-11	margin-top: 2.75rem;	44px
.mt-12	margin-top: 3rem;	48px
.mt-14	margin-top: 3.5rem;	56px
.mt-16	margin-top: 4rem;	64px
.mt-20	margin-top: 5rem;	80px
.mt-24	margin-top: 6rem;	96px
.mt-28	margin-top: 7rem;	112px
.mt-32	margin-top: 8rem;	128px
.mt-36	margin-top: 9rem;	144px
.mt-40	margin-top: 10rem;	160px
.mt-44	margin-top: 11rem;	176px
.mt-48	margin-top: 12rem;	192px
.mt-52	margin-top: 13rem;	208px
.mt-56	margin-top: 14rem;	224px
.mt-60	margin-top: 15rem;	240px
.mt-64	margin-top: 16rem;	256px
.mt-72	margin-top: 18rem;	288px
.mt-80	margin-top: 20rem;	320px
.mt-96	margin-top: 24rem;	384px
.mt-auto	margin-top: auto;
.mt-px	margin-top: 1px;
.mt-0.5	margin-top: 0.125rem;	2px
.mt-1.5	margin-top: 0.375rem;	6px
.mt-2.5	margin-top: 0.625rem;	10px
.mt-3.5	margin-top: 0.875rem;	14px
.-mt-0	margin-top: 0px;
.-mt-1	margin-top: -0.25rem;	-4px
.-mt-2	margin-top: -0.5rem;	-8px
.-mt-3	margin-top: -0.75rem;	-12px
.-mt-4	margin-top: -1rem;	-16px
.-mt-5	margin-top: -1.25rem;	-20px
.-mt-6	margin-top: -1.5rem;	-24px
.-mt-7	margin-top: -1.75rem;	-28px
.-mt-8	margin-top: -2rem;	-32px
.-mt-9	margin-top: -2.25rem;	-36px
.-mt-10	margin-top: -2.5rem;	-40px
.-mt-11	margin-top: -2.75rem;	-44px
.-mt-12	margin-top: -3rem;	-48px
.-mt-14	margin-top: -3.5rem;	-56px
.-mt-16	margin-top: -4rem;	-64px
.-mt-20	margin-top: -5rem;	-80px
.-mt-24	margin-top: -6rem;	-96px
.-mt-28	margin-top: -7rem;	-112px
.-mt-32	margin-top: -8rem;	-128px
.-mt-36	margin-top: -9rem;	-144px
.-mt-40	margin-top: -10rem;	-160px
.-mt-44	margin-top: -11rem;	-176px
.-mt-48	margin-top: -12rem;	-192px
.-mt-52	margin-top: -13rem;	-208px
.-mt-56	margin-top: -14rem;	-224px
.-mt-60	margin-top: -15rem;	-240px
.-mt-64	margin-top: -16rem;	-256px
.-mt-72	margin-top: -18rem;	-288px
.-mt-80	margin-top: -20rem;	-320px
.-mt-96	margin-top: -24rem;	-384px
.-mt-px	margin-top: -1px;
.-mt-0.5	margin-top: -0.125rem;	-2px
.-mt-1.5	margin-top: -0.375rem;	-6px
.-mt-2.5	margin-top: -0.625rem;	-10px
.-mt-3.5	margin-top: -0.875rem;	-14px
.mr-0	margin-right: 0px;
.mr-1	margin-right: 0.25rem;	4px
.mr-2	margin-right: 0.5rem;	8px
.mr-3	margin-right: 0.75rem;	12px
.mr-4	margin-right: 1rem;	16px
.mr-5	margin-right: 1.25rem;	20px
.mr-6	margin-right: 1.5rem;	24px
.mr-7	margin-right: 1.75rem;	28px
.mr-8	margin-right: 2rem;	32px
.mr-9	margin-right: 2.25rem;	36px
.mr-10	margin-right: 2.5rem;	40px
.mr-11	margin-right: 2.75rem;	44px
.mr-12	margin-right: 3rem;	48px
.mr-14	margin-right: 3.5rem;	56px
.mr-16	margin-right: 4rem;	64px
.mr-20	margin-right: 5rem;	80px
.mr-24	margin-right: 6rem;	96px
.mr-28	margin-right: 7rem;	112px
.mr-32	margin-right: 8rem;	128px
.mr-36	margin-right: 9rem;	144px
.mr-40	margin-right: 10rem;	160px
.mr-44	margin-right: 11rem;	176px
.mr-48	margin-right: 12rem;	192px
.mr-52	margin-right: 13rem;	208px
.mr-56	margin-right: 14rem;	224px
.mr-60	margin-right: 15rem;	240px
.mr-64	margin-right: 16rem;	256px
.mr-72	margin-right: 18rem;	288px
.mr-80	margin-right: 20rem;	320px
.mr-96	margin-right: 24rem;	384px
.mr-auto	margin-right: auto;
.mr-px	margin-right: 1px;
.mr-0.5	margin-right: 0.125rem;	2px
.mr-1.5	margin-right: 0.375rem;	6px
.mr-2.5	margin-right: 0.625rem;	10px
.mr-3.5	margin-right: 0.875rem;	14px
.-mr-0	margin-right: 0px;
.-mr-1	margin-right: -0.25rem;	-4px
.-mr-2	margin-right: -0.5rem;	-8px
.-mr-3	margin-right: -0.75rem;	-12px
.-mr-4	margin-right: -1rem;	-16px
.-mr-5	margin-right: -1.25rem;	-20px
.-mr-6	margin-right: -1.5rem;	-24px
.-mr-7	margin-right: -1.75rem;	-28px
.-mr-8	margin-right: -2rem;	-32px
.-mr-9	margin-right: -2.25rem;	-36px
.-mr-10	margin-right: -2.5rem;	-40px
.-mr-11	margin-right: -2.75rem;	-44px
.-mr-12	margin-right: -3rem;	-48px
.-mr-14	margin-right: -3.5rem;	-56px
.-mr-16	margin-right: -4rem;	-64px
.-mr-20	margin-right: -5rem;	-80px
.-mr-24	margin-right: -6rem;	-96px
.-mr-28	margin-right: -7rem;	-112px
.-mr-32	margin-right: -8rem;	-128px
.-mr-36	margin-right: -9rem;	-144px
.-mr-40	margin-right: -10rem;	-160px
.-mr-44	margin-right: -11rem;	-176px
.-mr-48	margin-right: -12rem;	-192px
.-mr-52	margin-right: -13rem;	-208px
.-mr-56	margin-right: -14rem;	-224px
.-mr-60	margin-right: -15rem;	-240px
.-mr-64	margin-right: -16rem;	-256px
.-mr-72	margin-right: -18rem;	-288px
.-mr-80	margin-right: -20rem;	-320px
.-mr-96	margin-right: -24rem;	-384px
.-mr-px	margin-right: -1px;
.-mr-0.5	margin-right: -0.125rem;	-2px
.-mr-1.5	margin-right: -0.375rem;	-6px
.-mr-2.5	margin-right: -0.625rem;	-10px
.-mr-3.5	margin-right: -0.875rem;	-14px
.mb-0	margin-bottom: 0px;
.mb-1	margin-bottom: 0.25rem;	4px
.mb-2	margin-bottom: 0.5rem;	8px
.mb-3	margin-bottom: 0.75rem;	12px
.mb-4	margin-bottom: 1rem;	16px
.mb-5	margin-bottom: 1.25rem;	20px
.mb-6	margin-bottom: 1.5rem;	24px
.mb-7	margin-bottom: 1.75rem;	28px
.mb-8	margin-bottom: 2rem;	32px
.mb-9	margin-bottom: 2.25rem;	36px
.mb-10	margin-bottom: 2.5rem;	40px
.mb-11	margin-bottom: 2.75rem;	44px
.mb-12	margin-bottom: 3rem;	48px
.mb-14	margin-bottom: 3.5rem;	56px
.mb-16	margin-bottom: 4rem;	64px
.mb-20	margin-bottom: 5rem;	80px
.mb-24	margin-bottom: 6rem;	96px
.mb-28	margin-bottom: 7rem;	112px
.mb-32	margin-bottom: 8rem;	128px
.mb-36	margin-bottom: 9rem;	144px
.mb-40	margin-bottom: 10rem;	160px
.mb-44	margin-bottom: 11rem;	176px
.mb-48	margin-bottom: 12rem;	192px
.mb-52	margin-bottom: 13rem;	208px
.mb-56	margin-bottom: 14rem;	224px
.mb-60	margin-bottom: 15rem;	240px
.mb-64	margin-bottom: 16rem;	256px
.mb-72	margin-bottom: 18rem;	288px
.mb-80	margin-bottom: 20rem;	320px
.mb-96	margin-bottom: 24rem;	384px
.mb-auto	margin-bottom: auto;
.mb-px	margin-bottom: 1px;
.mb-0.5	margin-bottom: 0.125rem;	2px
.mb-1.5	margin-bottom: 0.375rem;	6px
.mb-2.5	margin-bottom: 0.625rem;	10px
.mb-3.5	margin-bottom: 0.875rem;	14px
.-mb-0	margin-bottom: 0px;
.-mb-1	margin-bottom: -0.25rem;	-4px
.-mb-2	margin-bottom: -0.5rem;	-8px
.-mb-3	margin-bottom: -0.75rem;	-12px
.-mb-4	margin-bottom: -1rem;	-16px
.-mb-5	margin-bottom: -1.25rem;	-20px
.-mb-6	margin-bottom: -1.5rem;	-24px
.-mb-7	margin-bottom: -1.75rem;	-28px
.-mb-8	margin-bottom: -2rem;	-32px
.-mb-9	margin-bottom: -2.25rem;	-36px
.-mb-10	margin-bottom: -2.5rem;	-40px
.-mb-11	margin-bottom: -2.75rem;	-44px
.-mb-12	margin-bottom: -3rem;	-48px
.-mb-14	margin-bottom: -3.5rem;	-56px
.-mb-16	margin-bottom: -4rem;	-64px
.-mb-20	margin-bottom: -5rem;	-80px
.-mb-24	margin-bottom: -6rem;	-96px
.-mb-28	margin-bottom: -7rem;	-112px
.-mb-32	margin-bottom: -8rem;	-128px
.-mb-36	margin-bottom: -9rem;	-144px
.-mb-40	margin-bottom: -10rem;	-160px
.-mb-44	margin-bottom: -11rem;	-176px
.-mb-48	margin-bottom: -12rem;	-192px
.-mb-52	margin-bottom: -13rem;	-208px
.-mb-56	margin-bottom: -14rem;	-224px
.-mb-60	margin-bottom: -15rem;	-240px
.-mb-64	margin-bottom: -16rem;	-256px
.-mb-72	margin-bottom: -18rem;	-288px
.-mb-80	margin-bottom: -20rem;	-320px
.-mb-96	margin-bottom: -24rem;	-384px
.-mb-px	margin-bottom: -1px;
.-mb-0.5	margin-bottom: -0.125rem;	-2px
.-mb-1.5	margin-bottom: -0.375rem;	-6px
.-mb-2.5	margin-bottom: -0.625rem;	-10px
.-mb-3.5	margin-bottom: -0.875rem;	-14px
.ml-0	margin-left: 0px;
.ml-1	margin-left: 0.25rem;	4px
.ml-2	margin-left: 0.5rem;	8px
.ml-3	margin-left: 0.75rem;	12px
.ml-4	margin-left: 1rem;	16px
.ml-5	margin-left: 1.25rem;	20px
.ml-6	margin-left: 1.5rem;	24px
.ml-7	margin-left: 1.75rem;	28px
.ml-8	margin-left: 2rem;	32px
.ml-9	margin-left: 2.25rem;	36px
.ml-10	margin-left: 2.5rem;	40px
.ml-11	margin-left: 2.75rem;	44px
.ml-12	margin-left: 3rem;	48px
.ml-14	margin-left: 3.5rem;	56px
.ml-16	margin-left: 4rem;	64px
.ml-20	margin-left: 5rem;	80px
.ml-24	margin-left: 6rem;	96px
.ml-28	margin-left: 7rem;	112px
.ml-32	margin-left: 8rem;	128px
.ml-36	margin-left: 9rem;	144px
.ml-40	margin-left: 10rem;	160px
.ml-44	margin-left: 11rem;	176px
.ml-48	margin-left: 12rem;	192px
.ml-52	margin-left: 13rem;	208px
.ml-56	margin-left: 14rem;	224px
.ml-60	margin-left: 15rem;	240px
.ml-64	margin-left: 16rem;	256px
.ml-72	margin-left: 18rem;	288px
.ml-80	margin-left: 20rem;	320px
.ml-96	margin-left: 24rem;	384px
.ml-auto	margin-left: auto;
.ml-px	margin-left: 1px;
.ml-0.5	margin-left: 0.125rem;	2px
.ml-1.5	margin-left: 0.375rem;	6px
.ml-2.5	margin-left: 0.625rem;	10px
.ml-3.5	margin-left: 0.875rem;	14px
.-ml-0	margin-left: 0px;
.-ml-1	margin-left: -0.25rem;	-4px
.-ml-2	margin-left: -0.5rem;	-8px
.-ml-3	margin-left: -0.75rem;	-12px
.-ml-4	margin-left: -1rem;	-16px
.-ml-5	margin-left: -1.25rem;	-20px
.-ml-6	margin-left: -1.5rem;	-24px
.-ml-7	margin-left: -1.75rem;	-28px
.-ml-8	margin-left: -2rem;	-32px
.-ml-9	margin-left: -2.25rem;	-36px
.-ml-10	margin-left: -2.5rem;	-40px
.-ml-11	margin-left: -2.75rem;	-44px
.-ml-12	margin-left: -3rem;	-48px
.-ml-14	margin-left: -3.5rem;	-56px
.-ml-16	margin-left: -4rem;	-64px
.-ml-20	margin-left: -5rem;	-80px
.-ml-24	margin-left: -6rem;	-96px
.-ml-28	margin-left: -7rem;	-112px
.-ml-32	margin-left: -8rem;	-128px
.-ml-36	margin-left: -9rem;	-144px
.-ml-40	margin-left: -10rem;	-160px
.-ml-44	margin-left: -11rem;	-176px
.-ml-48	margin-left: -12rem;	-192px
.-ml-52	margin-left: -13rem;	-208px
.-ml-56	margin-left: -14rem;	-224px
.-ml-60	margin-left: -15rem;	-240px
.-ml-64	margin-left: -16rem;	-256px
.-ml-72	margin-left: -18rem;	-288px
.-ml-80	margin-left: -20rem;	-320px
.-ml-96	margin-left: -24rem;	-384px
.-ml-px	margin-left: -1px;
.-ml-0.5	margin-left: -0.125rem;	-2px
.-ml-1.5	margin-left: -0.375rem;	-6px
.-ml-2.5	margin-left: -0.625rem;	-10px
.-ml-3.5	margin-left: -0.875rem;	-14px

Sets left or top (x or y) margin between child elements, but skips the first element.

.space-x-0 > *	--tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
.space-x-1 > *	--tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-2 > *	--tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-3 > *	--tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-4 > *	--tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-5 > *	--tw-space-x-reverse: 0; margin-right: calc(1.25rem * var(--tw-space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-6 > *	--tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-7 > *	--tw-space-x-reverse: 0; margin-right: calc(1.75rem * var(--tw-space-x-reverse)); margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-8 > *	--tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-9 > *	--tw-space-x-reverse: 0; margin-right: calc(2.25rem * var(--tw-space-x-reverse)); margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-10 > *	--tw-space-x-reverse: 0; margin-right: calc(2.5rem * var(--tw-space-x-reverse)); margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-11 > *	--tw-space-x-reverse: 0; margin-right: calc(2.75rem * var(--tw-space-x-reverse)); margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-12 > *	--tw-space-x-reverse: 0; margin-right: calc(3rem * var(--tw-space-x-reverse)); margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-14 > *	--tw-space-x-reverse: 0; margin-right: calc(3.5rem * var(--tw-space-x-reverse)); margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-16 > *	--tw-space-x-reverse: 0; margin-right: calc(4rem * var(--tw-space-x-reverse)); margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-20 > *	--tw-space-x-reverse: 0; margin-right: calc(5rem * var(--tw-space-x-reverse)); margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-24 > *	--tw-space-x-reverse: 0; margin-right: calc(6rem * var(--tw-space-x-reverse)); margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-28 > *	--tw-space-x-reverse: 0; margin-right: calc(7rem * var(--tw-space-x-reverse)); margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-32 > *	--tw-space-x-reverse: 0; margin-right: calc(8rem * var(--tw-space-x-reverse)); margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-36 > *	--tw-space-x-reverse: 0; margin-right: calc(9rem * var(--tw-space-x-reverse)); margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-40 > *	--tw-space-x-reverse: 0; margin-right: calc(10rem * var(--tw-space-x-reverse)); margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-44 > *	--tw-space-x-reverse: 0; margin-right: calc(11rem * var(--tw-space-x-reverse)); margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-48 > *	--tw-space-x-reverse: 0; margin-right: calc(12rem * var(--tw-space-x-reverse)); margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-52 > *	--tw-space-x-reverse: 0; margin-right: calc(13rem * var(--tw-space-x-reverse)); margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-56 > *	--tw-space-x-reverse: 0; margin-right: calc(14rem * var(--tw-space-x-reverse)); margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-60 > *	--tw-space-x-reverse: 0; margin-right: calc(15rem * var(--tw-space-x-reverse)); margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-64 > *	--tw-space-x-reverse: 0; margin-right: calc(16rem * var(--tw-space-x-reverse)); margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-72 > *	--tw-space-x-reverse: 0; margin-right: calc(18rem * var(--tw-space-x-reverse)); margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-80 > *	--tw-space-x-reverse: 0; margin-right: calc(20rem * var(--tw-space-x-reverse)); margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-96 > *	--tw-space-x-reverse: 0; margin-right: calc(24rem * var(--tw-space-x-reverse)); margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-px > *	--tw-space-x-reverse: 0; margin-right: calc(1px * var(--tw-space-x-reverse)); margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
.space-x-0.5 > *	--tw-space-x-reverse: 0; margin-right: calc(0.125rem * var(--tw-space-x-reverse)); margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-1.5 > *	--tw-space-x-reverse: 0; margin-right: calc(0.375rem * var(--tw-space-x-reverse)); margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-2.5 > *	--tw-space-x-reverse: 0; margin-right: calc(0.625rem * var(--tw-space-x-reverse)); margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-3.5 > *	--tw-space-x-reverse: 0; margin-right: calc(0.875rem * var(--tw-space-x-reverse)); margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-0 > *	--tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
.-space-x-1 > *	--tw-space-x-reverse: 0; margin-right: calc(-0.25rem * var(--tw-space-x-reverse)); margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-2 > *	--tw-space-x-reverse: 0; margin-right: calc(-0.5rem * var(--tw-space-x-reverse)); margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-3 > *	--tw-space-x-reverse: 0; margin-right: calc(-0.75rem * var(--tw-space-x-reverse)); margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-4 > *	--tw-space-x-reverse: 0; margin-right: calc(-1rem * var(--tw-space-x-reverse)); margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-5 > *	--tw-space-x-reverse: 0; margin-right: calc(-1.25rem * var(--tw-space-x-reverse)); margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-6 > *	--tw-space-x-reverse: 0; margin-right: calc(-1.5rem * var(--tw-space-x-reverse)); margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-7 > *	--tw-space-x-reverse: 0; margin-right: calc(-1.75rem * var(--tw-space-x-reverse)); margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-8 > *	--tw-space-x-reverse: 0; margin-right: calc(-2rem * var(--tw-space-x-reverse)); margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-9 > *	--tw-space-x-reverse: 0; margin-right: calc(-2.25rem * var(--tw-space-x-reverse)); margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-10 > *	--tw-space-x-reverse: 0; margin-right: calc(-2.5rem * var(--tw-space-x-reverse)); margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-11 > *	--tw-space-x-reverse: 0; margin-right: calc(-2.75rem * var(--tw-space-x-reverse)); margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-12 > *	--tw-space-x-reverse: 0; margin-right: calc(-3rem * var(--tw-space-x-reverse)); margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-14 > *	--tw-space-x-reverse: 0; margin-right: calc(-3.5rem * var(--tw-space-x-reverse)); margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-16 > *	--tw-space-x-reverse: 0; margin-right: calc(-4rem * var(--tw-space-x-reverse)); margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-20 > *	--tw-space-x-reverse: 0; margin-right: calc(-5rem * var(--tw-space-x-reverse)); margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-24 > *	--tw-space-x-reverse: 0; margin-right: calc(-6rem * var(--tw-space-x-reverse)); margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-28 > *	--tw-space-x-reverse: 0; margin-right: calc(-7rem * var(--tw-space-x-reverse)); margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-32 > *	--tw-space-x-reverse: 0; margin-right: calc(-8rem * var(--tw-space-x-reverse)); margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-36 > *	--tw-space-x-reverse: 0; margin-right: calc(-9rem * var(--tw-space-x-reverse)); margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-40 > *	--tw-space-x-reverse: 0; margin-right: calc(-10rem * var(--tw-space-x-reverse)); margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-44 > *	--tw-space-x-reverse: 0; margin-right: calc(-11rem * var(--tw-space-x-reverse)); margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-48 > *	--tw-space-x-reverse: 0; margin-right: calc(-12rem * var(--tw-space-x-reverse)); margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-52 > *	--tw-space-x-reverse: 0; margin-right: calc(-13rem * var(--tw-space-x-reverse)); margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-56 > *	--tw-space-x-reverse: 0; margin-right: calc(-14rem * var(--tw-space-x-reverse)); margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-60 > *	--tw-space-x-reverse: 0; margin-right: calc(-15rem * var(--tw-space-x-reverse)); margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-64 > *	--tw-space-x-reverse: 0; margin-right: calc(-16rem * var(--tw-space-x-reverse)); margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-72 > *	--tw-space-x-reverse: 0; margin-right: calc(-18rem * var(--tw-space-x-reverse)); margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-80 > *	--tw-space-x-reverse: 0; margin-right: calc(-20rem * var(--tw-space-x-reverse)); margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-96 > *	--tw-space-x-reverse: 0; margin-right: calc(-24rem * var(--tw-space-x-reverse)); margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-px > *	--tw-space-x-reverse: 0; margin-right: calc(-1px * var(--tw-space-x-reverse)); margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
.-space-x-0.5 > *	--tw-space-x-reverse: 0; margin-right: calc(-0.125rem * var(--tw-space-x-reverse)); margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-1.5 > *	--tw-space-x-reverse: 0; margin-right: calc(-0.375rem * var(--tw-space-x-reverse)); margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-2.5 > *	--tw-space-x-reverse: 0; margin-right: calc(-0.625rem * var(--tw-space-x-reverse)); margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
.-space-x-3.5 > *	--tw-space-x-reverse: 0; margin-right: calc(-0.875rem * var(--tw-space-x-reverse)); margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
.space-x-reverse > *	--tw-space-x-reverse: 1;
.space-y-0 > *	--tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse));
.space-y-1 > *	--tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
.space-y-2 > *	--tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
.space-y-3 > *	--tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
.space-y-4 > *	--tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse));
.space-y-5 > *	--tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
.space-y-6 > *	--tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
.space-y-7 > *	--tw-space-y-reverse: 0; margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
.space-y-8 > *	--tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse));
.space-y-9 > *	--tw-space-y-reverse: 0; margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
.space-y-10 > *	--tw-space-y-reverse: 0; margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
.space-y-11 > *	--tw-space-y-reverse: 0; margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
.space-y-12 > *	--tw-space-y-reverse: 0; margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(3rem * var(--tw-space-y-reverse));
.space-y-14 > *	--tw-space-y-reverse: 0; margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
.space-y-16 > *	--tw-space-y-reverse: 0; margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(4rem * var(--tw-space-y-reverse));
.space-y-20 > *	--tw-space-y-reverse: 0; margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(5rem * var(--tw-space-y-reverse));
.space-y-24 > *	--tw-space-y-reverse: 0; margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(6rem * var(--tw-space-y-reverse));
.space-y-28 > *	--tw-space-y-reverse: 0; margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(7rem * var(--tw-space-y-reverse));
.space-y-32 > *	--tw-space-y-reverse: 0; margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(8rem * var(--tw-space-y-reverse));
.space-y-36 > *	--tw-space-y-reverse: 0; margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(9rem * var(--tw-space-y-reverse));
.space-y-40 > *	--tw-space-y-reverse: 0; margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(10rem * var(--tw-space-y-reverse));
.space-y-44 > *	--tw-space-y-reverse: 0; margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(11rem * var(--tw-space-y-reverse));
.space-y-48 > *	--tw-space-y-reverse: 0; margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(12rem * var(--tw-space-y-reverse));
.space-y-52 > *	--tw-space-y-reverse: 0; margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(13rem * var(--tw-space-y-reverse));
.space-y-56 > *	--tw-space-y-reverse: 0; margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(14rem * var(--tw-space-y-reverse));
.space-y-60 > *	--tw-space-y-reverse: 0; margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(15rem * var(--tw-space-y-reverse));
.space-y-64 > *	--tw-space-y-reverse: 0; margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(16rem * var(--tw-space-y-reverse));
.space-y-72 > *	--tw-space-y-reverse: 0; margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(18rem * var(--tw-space-y-reverse));
.space-y-80 > *	--tw-space-y-reverse: 0; margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(20rem * var(--tw-space-y-reverse));
.space-y-96 > *	--tw-space-y-reverse: 0; margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(24rem * var(--tw-space-y-reverse));
.space-y-px > *	--tw-space-y-reverse: 0; margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1px * var(--tw-space-y-reverse));
.space-y-0.5 > *	--tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
.space-y-1.5 > *	--tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
.space-y-2.5 > *	--tw-space-y-reverse: 0; margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
.space-y-3.5 > *	--tw-space-y-reverse: 0; margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
.-space-y-0 > *	--tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse));
.-space-y-1 > *	--tw-space-y-reverse: 0; margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
.-space-y-2 > *	--tw-space-y-reverse: 0; margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
.-space-y-3 > *	--tw-space-y-reverse: 0; margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
.-space-y-4 > *	--tw-space-y-reverse: 0; margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
.-space-y-5 > *	--tw-space-y-reverse: 0; margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
.-space-y-6 > *	--tw-space-y-reverse: 0; margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
.-space-y-7 > *	--tw-space-y-reverse: 0; margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
.-space-y-8 > *	--tw-space-y-reverse: 0; margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
.-space-y-9 > *	--tw-space-y-reverse: 0; margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
.-space-y-10 > *	--tw-space-y-reverse: 0; margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
.-space-y-11 > *	--tw-space-y-reverse: 0; margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
.-space-y-12 > *	--tw-space-y-reverse: 0; margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
.-space-y-14 > *	--tw-space-y-reverse: 0; margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
.-space-y-16 > *	--tw-space-y-reverse: 0; margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
.-space-y-20 > *	--tw-space-y-reverse: 0; margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
.-space-y-24 > *	--tw-space-y-reverse: 0; margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
.-space-y-28 > *	--tw-space-y-reverse: 0; margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
.-space-y-32 > *	--tw-space-y-reverse: 0; margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
.-space-y-36 > *	--tw-space-y-reverse: 0; margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
.-space-y-40 > *	--tw-space-y-reverse: 0; margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
.-space-y-44 > *	--tw-space-y-reverse: 0; margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
.-space-y-48 > *	--tw-space-y-reverse: 0; margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
.-space-y-52 > *	--tw-space-y-reverse: 0; margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
.-space-y-56 > *	--tw-space-y-reverse: 0; margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
.-space-y-60 > *	--tw-space-y-reverse: 0; margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
.-space-y-64 > *	--tw-space-y-reverse: 0; margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
.-space-y-72 > *	--tw-space-y-reverse: 0; margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
.-space-y-80 > *	--tw-space-y-reverse: 0; margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
.-space-y-96 > *	--tw-space-y-reverse: 0; margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
.-space-y-px > *	--tw-space-y-reverse: 0; margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-1px * var(--tw-space-y-reverse));
.-space-y-0.5 > *	--tw-space-y-reverse: 0; margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
.-space-y-1.5 > *	--tw-space-y-reverse: 0; margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
.-space-y-2.5 > *	--tw-space-y-reverse: 0; margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
.-space-y-3.5 > *	--tw-space-y-reverse: 0; margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
.space-y-reverse > *	--tw-space-y-reverse: 1;

Backgrounds

Sets background color.

.bg-transparent	background-color: transparent;
.bg-current	background-color: currentColor;
.bg-black	--tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
.bg-white	--tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
.bg-gray-50	--tw-bg-opacity: 1; background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
.bg-gray-100	--tw-bg-opacity: 1; background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
.bg-gray-200	--tw-bg-opacity: 1; background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
.bg-gray-300	--tw-bg-opacity: 1; background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
.bg-gray-400	--tw-bg-opacity: 1; background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
.bg-gray-500	--tw-bg-opacity: 1; background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
.bg-gray-600	--tw-bg-opacity: 1; background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
.bg-gray-700	--tw-bg-opacity: 1; background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
.bg-gray-800	--tw-bg-opacity: 1; background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
.bg-gray-900	--tw-bg-opacity: 1; background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
.bg-red-50	--tw-bg-opacity: 1; background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
.bg-red-100	--tw-bg-opacity: 1; background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
.bg-red-200	--tw-bg-opacity: 1; background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
.bg-red-300	--tw-bg-opacity: 1; background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
.bg-red-400	--tw-bg-opacity: 1; background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
.bg-red-500	--tw-bg-opacity: 1; background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
.bg-red-600	--tw-bg-opacity: 1; background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
.bg-red-700	--tw-bg-opacity: 1; background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
.bg-red-800	--tw-bg-opacity: 1; background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
.bg-red-900	--tw-bg-opacity: 1; background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
.bg-yellow-50	--tw-bg-opacity: 1; background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
.bg-yellow-100	--tw-bg-opacity: 1; background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
.bg-yellow-200	--tw-bg-opacity: 1; background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
.bg-yellow-300	--tw-bg-opacity: 1; background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
.bg-yellow-400	--tw-bg-opacity: 1; background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
.bg-yellow-500	--tw-bg-opacity: 1; background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
.bg-yellow-600	--tw-bg-opacity: 1; background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
.bg-yellow-700	--tw-bg-opacity: 1; background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
.bg-yellow-800	--tw-bg-opacity: 1; background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
.bg-yellow-900	--tw-bg-opacity: 1; background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
.bg-green-50	--tw-bg-opacity: 1; background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
.bg-green-100	--tw-bg-opacity: 1; background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
.bg-green-200	--tw-bg-opacity: 1; background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
.bg-green-300	--tw-bg-opacity: 1; background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
.bg-green-400	--tw-bg-opacity: 1; background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
.bg-green-500	--tw-bg-opacity: 1; background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
.bg-green-600	--tw-bg-opacity: 1; background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
.bg-green-700	--tw-bg-opacity: 1; background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
.bg-green-800	--tw-bg-opacity: 1; background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
.bg-green-900	--tw-bg-opacity: 1; background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
.bg-blue-50	--tw-bg-opacity: 1; background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
.bg-blue-100	--tw-bg-opacity: 1; background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
.bg-blue-200	--tw-bg-opacity: 1; background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
.bg-blue-300	--tw-bg-opacity: 1; background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
.bg-blue-400	--tw-bg-opacity: 1; background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
.bg-blue-500	--tw-bg-opacity: 1; background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
.bg-blue-600	--tw-bg-opacity: 1; background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
.bg-blue-700	--tw-bg-opacity: 1; background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
.bg-blue-800	--tw-bg-opacity: 1; background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
.bg-blue-900	--tw-bg-opacity: 1; background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
.bg-indigo-50	--tw-bg-opacity: 1; background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
.bg-indigo-100	--tw-bg-opacity: 1; background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
.bg-indigo-200	--tw-bg-opacity: 1; background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
.bg-indigo-300	--tw-bg-opacity: 1; background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
.bg-indigo-400	--tw-bg-opacity: 1; background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
.bg-indigo-500	--tw-bg-opacity: 1; background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
.bg-indigo-600	--tw-bg-opacity: 1; background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
.bg-indigo-700	--tw-bg-opacity: 1; background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
.bg-indigo-800	--tw-bg-opacity: 1; background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
.bg-indigo-900	--tw-bg-opacity: 1; background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
.bg-purple-50	--tw-bg-opacity: 1; background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
.bg-purple-100	--tw-bg-opacity: 1; background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
.bg-purple-200	--tw-bg-opacity: 1; background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
.bg-purple-300	--tw-bg-opacity: 1; background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
.bg-purple-400	--tw-bg-opacity: 1; background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
.bg-purple-500	--tw-bg-opacity: 1; background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
.bg-purple-600	--tw-bg-opacity: 1; background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
.bg-purple-700	--tw-bg-opacity: 1; background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
.bg-purple-800	--tw-bg-opacity: 1; background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
.bg-purple-900	--tw-bg-opacity: 1; background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
.bg-pink-50	--tw-bg-opacity: 1; background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
.bg-pink-100	--tw-bg-opacity: 1; background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
.bg-pink-200	--tw-bg-opacity: 1; background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
.bg-pink-300	--tw-bg-opacity: 1; background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
.bg-pink-400	--tw-bg-opacity: 1; background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
.bg-pink-500	--tw-bg-opacity: 1; background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
.bg-pink-600	--tw-bg-opacity: 1; background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
.bg-pink-700	--tw-bg-opacity: 1; background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
.bg-pink-800	--tw-bg-opacity: 1; background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
.bg-pink-900	--tw-bg-opacity: 1; background-color: rgba(131, 24, 67, var(--tw-bg-opacity));

Sets background opacity when used with bg-[color].

.bg-opacity-0	--tw-bg-opacity: 0;
.bg-opacity-5	--tw-bg-opacity: 0.05;
.bg-opacity-10	--tw-bg-opacity: 0.1;
.bg-opacity-20	--tw-bg-opacity: 0.2;
.bg-opacity-25	--tw-bg-opacity: 0.25;
.bg-opacity-30	--tw-bg-opacity: 0.3;
.bg-opacity-40	--tw-bg-opacity: 0.4;
.bg-opacity-50	--tw-bg-opacity: 0.5;
.bg-opacity-60	--tw-bg-opacity: 0.6;
.bg-opacity-70	--tw-bg-opacity: 0.7;
.bg-opacity-75	--tw-bg-opacity: 0.75;
.bg-opacity-80	--tw-bg-opacity: 0.8;
.bg-opacity-90	--tw-bg-opacity: 0.9;
.bg-opacity-95	--tw-bg-opacity: 0.95;
.bg-opacity-100	--tw-bg-opacity: 1;

Sets position of a 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;

Sets background image.

.bg-none	background-image: none;
.bg-gradient-to-t	background-image: linear-gradient(to top, var(--tw-gradient-stops));
.bg-gradient-to-tr	background-image: linear-gradient(to top right, var(--tw-gradient-stops));
.bg-gradient-to-r	background-image: linear-gradient(to right, var(--tw-gradient-stops));
.bg-gradient-to-br	background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
.bg-gradient-to-b	background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
.bg-gradient-to-bl	background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
.bg-gradient-to-l	background-image: linear-gradient(to left, var(--tw-gradient-stops));
.bg-gradient-to-tl	background-image: linear-gradient(to top left, var(--tw-gradient-stops));

Sets the background color gradients and where to stop.

.from-transparent	--tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
.from-current	--tw-gradient-from: currentColor; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
.from-black	--tw-gradient-from: #000; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
.from-white	--tw-gradient-from: #fff; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
.from-gray-50	--tw-gradient-from: #f9fafb; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
.from-gray-100	--tw-gradient-from: #f3f4f6; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
.from-gray-200	--tw-gradient-from: #e5e7eb; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
.from-gray-300	--tw-gradient-from: #d1d5db; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
.from-gray-400	--tw-gradient-from: #9ca3af; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
.from-gray-500	--tw-gradient-from: #6b7280; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
.from-gray-600	--tw-gradient-from: #4b5563; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
.from-gray-700	--tw-gradient-from: #374151; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
.from-gray-800	--tw-gradient-from: #1f2937; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
.from-gray-900	--tw-gradient-from: #111827; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
.from-red-50	--tw-gradient-from: #fef2f2; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
.from-red-100	--tw-gradient-from: #fee2e2; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
.from-red-200	--tw-gradient-from: #fecaca; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
.from-red-300	--tw-gradient-from: #fca5a5; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
.from-red-400	--tw-gradient-from: #f87171; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
.from-red-500	--tw-gradient-from: #ef4444; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
.from-red-600	--tw-gradient-from: #dc2626; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
.from-red-700	--tw-gradient-from: #b91c1c; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
.from-red-800	--tw-gradient-from: #991b1b; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
.from-red-900	--tw-gradient-from: #7f1d1d; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
.from-yellow-50	--tw-gradient-from: #fffbeb; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
.from-yellow-100	--tw-gradient-from: #fef3c7; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
.from-yellow-200	--tw-gradient-from: #fde68a; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
.from-yellow-300	--tw-gradient-from: #fcd34d; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
.from-yellow-400	--tw-gradient-from: #fbbf24; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
.from-yellow-500	--tw-gradient-from: #f59e0b; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
.from-yellow-600	--tw-gradient-from: #d97706; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
.from-yellow-700	--tw-gradient-from: #b45309; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
.from-yellow-800	--tw-gradient-from: #92400e; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
.from-yellow-900	--tw-gradient-from: #78350f; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
.from-green-50	--tw-gradient-from: #ecfdf5; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
.from-green-100	--tw-gradient-from: #d1fae5; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
.from-green-200	--tw-gradient-from: #a7f3d0; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
.from-green-300	--tw-gradient-from: #6ee7b7; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
.from-green-400	--tw-gradient-from: #34d399; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
.from-green-500	--tw-gradient-from: #10b981; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
.from-green-600	--tw-gradient-from: #059669; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
.from-green-700	--tw-gradient-from: #047857; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
.from-green-800	--tw-gradient-from: #065f46; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
.from-green-900	--tw-gradient-from: #064e3b; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
.from-blue-50	--tw-gradient-from: #eff6ff; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
.from-blue-100	--tw-gradient-from: #dbeafe; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
.from-blue-200	--tw-gradient-from: #bfdbfe; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
.from-blue-300	--tw-gradient-from: #93c5fd; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
.from-blue-400	--tw-gradient-from: #60a5fa; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
.from-blue-500	--tw-gradient-from: #3b82f6; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
.from-blue-600	--tw-gradient-from: #2563eb; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
.from-blue-700	--tw-gradient-from: #1d4ed8; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
.from-blue-800	--tw-gradient-from: #1e40af; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
.from-blue-900	--tw-gradient-from: #1e3a8a; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
.from-indigo-50	--tw-gradient-from: #eef2ff; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
.from-indigo-100	--tw-gradient-from: #e0e7ff; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
.from-indigo-200	--tw-gradient-from: #c7d2fe; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
.from-indigo-300	--tw-gradient-from: #a5b4fc; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
.from-indigo-400	--tw-gradient-from: #818cf8; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
.from-indigo-500	--tw-gradient-from: #6366f1; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
.from-indigo-600	--tw-gradient-from: #4f46e5; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
.from-indigo-700	--tw-gradient-from: #4338ca; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
.from-indigo-800	--tw-gradient-from: #3730a3; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
.from-indigo-900	--tw-gradient-from: #312e81; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
.from-purple-50	--tw-gradient-from: #f5f3ff; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
.from-purple-100	--tw-gradient-from: #ede9fe; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
.from-purple-200	--tw-gradient-from: #ddd6fe; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
.from-purple-300	--tw-gradient-from: #c4b5fd; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
.from-purple-400	--tw-gradient-from: #a78bfa; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
.from-purple-500	--tw-gradient-from: #8b5cf6; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
.from-purple-600	--tw-gradient-from: #7c3aed; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
.from-purple-700	--tw-gradient-from: #6d28d9; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
.from-purple-800	--tw-gradient-from: #5b21b6; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
.from-purple-900	--tw-gradient-from: #4c1d95; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
.from-pink-50	--tw-gradient-from: #fdf2f8; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
.from-pink-100	--tw-gradient-from: #fce7f3; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
.from-pink-200	--tw-gradient-from: #fbcfe8; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
.from-pink-300	--tw-gradient-from: #f9a8d4; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
.from-pink-400	--tw-gradient-from: #f472b6; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
.from-pink-500	--tw-gradient-from: #ec4899; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
.from-pink-600	--tw-gradient-from: #db2777; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
.from-pink-700	--tw-gradient-from: #be185d; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
.from-pink-800	--tw-gradient-from: #9d174d; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
.from-pink-900	--tw-gradient-from: #831843; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
.via-transparent	--tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
.via-current	--tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
.via-black	--tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
.via-white	--tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
.via-gray-50	--tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
.via-gray-100	--tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
.via-gray-200	--tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
.via-gray-300	--tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
.via-gray-400	--tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
.via-gray-500	--tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
.via-gray-600	--tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
.via-gray-700	--tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
.via-gray-800	--tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
.via-gray-900	--tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
.via-red-50	--tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
.via-red-100	--tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
.via-red-200	--tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
.via-red-300	--tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
.via-red-400	--tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
.via-red-500	--tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
.via-red-600	--tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
.via-red-700	--tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
.via-red-800	--tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
.via-red-900	--tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
.via-yellow-50	--tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
.via-yellow-100	--tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
.via-yellow-200	--tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
.via-yellow-300	--tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
.via-yellow-400	--tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
.via-yellow-500	--tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
.via-yellow-600	--tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
.via-yellow-700	--tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
.via-yellow-800	--tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
.via-yellow-900	--tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
.via-green-50	--tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
.via-green-100	--tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
.via-green-200	--tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
.via-green-300	--tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
.via-green-400	--tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
.via-green-500	--tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
.via-green-600	--tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
.via-green-700	--tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
.via-green-800	--tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
.via-green-900	--tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
.via-blue-50	--tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
.via-blue-100	--tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
.via-blue-200	--tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
.via-blue-300	--tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
.via-blue-400	--tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
.via-blue-500	--tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
.via-blue-600	--tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
.via-blue-700	--tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
.via-blue-800	--tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
.via-blue-900	--tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
.via-indigo-50	--tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
.via-indigo-100	--tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
.via-indigo-200	--tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
.via-indigo-300	--tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
.via-indigo-400	--tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
.via-indigo-500	--tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
.via-indigo-600	--tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
.via-indigo-700	--tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
.via-indigo-800	--tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
.via-indigo-900	--tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
.via-purple-50	--tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
.via-purple-100	--tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
.via-purple-200	--tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
.via-purple-300	--tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
.via-purple-400	--tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
.via-purple-500	--tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
.via-purple-600	--tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
.via-purple-700	--tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
.via-purple-800	--tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
.via-purple-900	--tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
.via-pink-50	--tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
.via-pink-100	--tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
.via-pink-200	--tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
.via-pink-300	--tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
.via-pink-400	--tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
.via-pink-500	--tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
.via-pink-600	--tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
.via-pink-700	--tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
.via-pink-800	--tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
.via-pink-900	--tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
.to-transparent	--tw-gradient-to: transparent;
.to-current	--tw-gradient-to: currentColor;
.to-black	--tw-gradient-to: #000;
.to-white	--tw-gradient-to: #fff;
.to-gray-50	--tw-gradient-to: #f9fafb;
.to-gray-100	--tw-gradient-to: #f3f4f6;
.to-gray-200	--tw-gradient-to: #e5e7eb;
.to-gray-300	--tw-gradient-to: #d1d5db;
.to-gray-400	--tw-gradient-to: #9ca3af;
.to-gray-500	--tw-gradient-to: #6b7280;
.to-gray-600	--tw-gradient-to: #4b5563;
.to-gray-700	--tw-gradient-to: #374151;
.to-gray-800	--tw-gradient-to: #1f2937;
.to-gray-900	--tw-gradient-to: #111827;
.to-red-50	--tw-gradient-to: #fef2f2;
.to-red-100	--tw-gradient-to: #fee2e2;
.to-red-200	--tw-gradient-to: #fecaca;
.to-red-300	--tw-gradient-to: #fca5a5;
.to-red-400	--tw-gradient-to: #f87171;
.to-red-500	--tw-gradient-to: #ef4444;
.to-red-600	--tw-gradient-to: #dc2626;
.to-red-700	--tw-gradient-to: #b91c1c;
.to-red-800	--tw-gradient-to: #991b1b;
.to-red-900	--tw-gradient-to: #7f1d1d;
.to-yellow-50	--tw-gradient-to: #fffbeb;
.to-yellow-100	--tw-gradient-to: #fef3c7;
.to-yellow-200	--tw-gradient-to: #fde68a;
.to-yellow-300	--tw-gradient-to: #fcd34d;
.to-yellow-400	--tw-gradient-to: #fbbf24;
.to-yellow-500	--tw-gradient-to: #f59e0b;
.to-yellow-600	--tw-gradient-to: #d97706;
.to-yellow-700	--tw-gradient-to: #b45309;
.to-yellow-800	--tw-gradient-to: #92400e;
.to-yellow-900	--tw-gradient-to: #78350f;
.to-green-50	--tw-gradient-to: #ecfdf5;
.to-green-100	--tw-gradient-to: #d1fae5;
.to-green-200	--tw-gradient-to: #a7f3d0;
.to-green-300	--tw-gradient-to: #6ee7b7;
.to-green-400	--tw-gradient-to: #34d399;
.to-green-500	--tw-gradient-to: #10b981;
.to-green-600	--tw-gradient-to: #059669;
.to-green-700	--tw-gradient-to: #047857;
.to-green-800	--tw-gradient-to: #065f46;
.to-green-900	--tw-gradient-to: #064e3b;
.to-blue-50	--tw-gradient-to: #eff6ff;
.to-blue-100	--tw-gradient-to: #dbeafe;
.to-blue-200	--tw-gradient-to: #bfdbfe;
.to-blue-300	--tw-gradient-to: #93c5fd;
.to-blue-400	--tw-gradient-to: #60a5fa;
.to-blue-500	--tw-gradient-to: #3b82f6;
.to-blue-600	--tw-gradient-to: #2563eb;
.to-blue-700	--tw-gradient-to: #1d4ed8;
.to-blue-800	--tw-gradient-to: #1e40af;
.to-blue-900	--tw-gradient-to: #1e3a8a;
.to-indigo-50	--tw-gradient-to: #eef2ff;
.to-indigo-100	--tw-gradient-to: #e0e7ff;
.to-indigo-200	--tw-gradient-to: #c7d2fe;
.to-indigo-300	--tw-gradient-to: #a5b4fc;
.to-indigo-400	--tw-gradient-to: #818cf8;
.to-indigo-500	--tw-gradient-to: #6366f1;
.to-indigo-600	--tw-gradient-to: #4f46e5;
.to-indigo-700	--tw-gradient-to: #4338ca;
.to-indigo-800	--tw-gradient-to: #3730a3;
.to-indigo-900	--tw-gradient-to: #312e81;
.to-purple-50	--tw-gradient-to: #f5f3ff;
.to-purple-100	--tw-gradient-to: #ede9fe;
.to-purple-200	--tw-gradient-to: #ddd6fe;
.to-purple-300	--tw-gradient-to: #c4b5fd;
.to-purple-400	--tw-gradient-to: #a78bfa;
.to-purple-500	--tw-gradient-to: #8b5cf6;
.to-purple-600	--tw-gradient-to: #7c3aed;
.to-purple-700	--tw-gradient-to: #6d28d9;
.to-purple-800	--tw-gradient-to: #5b21b6;
.to-purple-900	--tw-gradient-to: #4c1d95;
.to-pink-50	--tw-gradient-to: #fdf2f8;
.to-pink-100	--tw-gradient-to: #fce7f3;
.to-pink-200	--tw-gradient-to: #fbcfe8;
.to-pink-300	--tw-gradient-to: #f9a8d4;
.to-pink-400	--tw-gradient-to: #f472b6;
.to-pink-500	--tw-gradient-to: #ec4899;
.to-pink-600	--tw-gradient-to: #db2777;
.to-pink-700	--tw-gradient-to: #be185d;
.to-pink-800	--tw-gradient-to: #9d174d;
.to-pink-900	--tw-gradient-to: #831843;

Tables

Transforms

Scales an element that has transform applied.

.scale-0	--tw-scale-x: 0; --tw-scale-y: 0;
.scale-50	--tw-scale-x: .5; --tw-scale-y: .5;
.scale-75	--tw-scale-x: .75; --tw-scale-y: .75;
.scale-90	--tw-scale-x: .9; --tw-scale-y: .9;
.scale-95	--tw-scale-x: .95; --tw-scale-y: .95;
.scale-100	--tw-scale-x: 1; --tw-scale-y: 1;
.scale-105	--tw-scale-x: 1.05; --tw-scale-y: 1.05;
.scale-110	--tw-scale-x: 1.1; --tw-scale-y: 1.1;
.scale-125	--tw-scale-x: 1.25; --tw-scale-y: 1.25;
.scale-150	--tw-scale-x: 1.5; --tw-scale-y: 1.5;
.scale-x-0	--tw-scale-x: 0;
.scale-x-50	--tw-scale-x: .5;
.scale-x-75	--tw-scale-x: .75;
.scale-x-90	--tw-scale-x: .9;
.scale-x-95	--tw-scale-x: .95;
.scale-x-100	--tw-scale-x: 1;
.scale-x-105	--tw-scale-x: 1.05;
.scale-x-110	--tw-scale-x: 1.1;
.scale-x-125	--tw-scale-x: 1.25;
.scale-x-150	--tw-scale-x: 1.5;
.scale-y-0	--tw-scale-y: 0;
.scale-y-50	--tw-scale-y: .5;
.scale-y-75	--tw-scale-y: .75;
.scale-y-90	--tw-scale-y: .9;
.scale-y-95	--tw-scale-y: .95;
.scale-y-100	--tw-scale-y: 1;
.scale-y-105	--tw-scale-y: 1.05;
.scale-y-110	--tw-scale-y: 1.1;
.scale-y-125	--tw-scale-y: 1.25;
.scale-y-150	--tw-scale-y: 1.5;

Rotates an element that has transform applied.

.rotate-0	--tw-rotate: 0deg;
.rotate-1	--tw-rotate: 1deg;
.rotate-2	--tw-rotate: 2deg;
.rotate-3	--tw-rotate: 3deg;
.rotate-6	--tw-rotate: 6deg;
.rotate-12	--tw-rotate: 12deg;
.rotate-45	--tw-rotate: 45deg;
.rotate-90	--tw-rotate: 90deg;
.rotate-180	--tw-rotate: 180deg;
.-rotate-180	--tw-rotate: -180deg;
.-rotate-90	--tw-rotate: -90deg;
.-rotate-45	--tw-rotate: -45deg;
.-rotate-12	--tw-rotate: -12deg;
.-rotate-6	--tw-rotate: -6deg;
.-rotate-3	--tw-rotate: -3deg;
.-rotate-2	--tw-rotate: -2deg;
.-rotate-1	--tw-rotate: -1deg;

Translates an element that has transform applied.

.translate-x-0	--tw-translate-x: 0px;
.translate-x-1	--tw-translate-x: 0.25rem;	4px
.translate-x-2	--tw-translate-x: 0.5rem;	8px
.translate-x-3	--tw-translate-x: 0.75rem;	12px
.translate-x-4	--tw-translate-x: 1rem;	16px
.translate-x-5	--tw-translate-x: 1.25rem;	20px
.translate-x-6	--tw-translate-x: 1.5rem;	24px
.translate-x-7	--tw-translate-x: 1.75rem;	28px
.translate-x-8	--tw-translate-x: 2rem;	32px
.translate-x-9	--tw-translate-x: 2.25rem;	36px
.translate-x-10	--tw-translate-x: 2.5rem;	40px
.translate-x-11	--tw-translate-x: 2.75rem;	44px
.translate-x-12	--tw-translate-x: 3rem;	48px
.translate-x-14	--tw-translate-x: 3.5rem;	56px
.translate-x-16	--tw-translate-x: 4rem;	64px
.translate-x-20	--tw-translate-x: 5rem;	80px
.translate-x-24	--tw-translate-x: 6rem;	96px
.translate-x-28	--tw-translate-x: 7rem;	112px
.translate-x-32	--tw-translate-x: 8rem;	128px
.translate-x-36	--tw-translate-x: 9rem;	144px
.translate-x-40	--tw-translate-x: 10rem;	160px
.translate-x-44	--tw-translate-x: 11rem;	176px
.translate-x-48	--tw-translate-x: 12rem;	192px
.translate-x-52	--tw-translate-x: 13rem;	208px
.translate-x-56	--tw-translate-x: 14rem;	224px
.translate-x-60	--tw-translate-x: 15rem;	240px
.translate-x-64	--tw-translate-x: 16rem;	256px
.translate-x-72	--tw-translate-x: 18rem;	288px
.translate-x-80	--tw-translate-x: 20rem;	320px
.translate-x-96	--tw-translate-x: 24rem;	384px
.translate-x-px	--tw-translate-x: 1px;
.translate-x-0.5	--tw-translate-x: 0.125rem;	2px
.translate-x-1.5	--tw-translate-x: 0.375rem;	6px
.translate-x-2.5	--tw-translate-x: 0.625rem;	10px
.translate-x-3.5	--tw-translate-x: 0.875rem;	14px
.-translate-x-0	--tw-translate-x: 0px;
.-translate-x-1	--tw-translate-x: -0.25rem;	-4px
.-translate-x-2	--tw-translate-x: -0.5rem;	-8px
.-translate-x-3	--tw-translate-x: -0.75rem;	-12px
.-translate-x-4	--tw-translate-x: -1rem;	-16px
.-translate-x-5	--tw-translate-x: -1.25rem;	-20px
.-translate-x-6	--tw-translate-x: -1.5rem;	-24px
.-translate-x-7	--tw-translate-x: -1.75rem;	-28px
.-translate-x-8	--tw-translate-x: -2rem;	-32px
.-translate-x-9	--tw-translate-x: -2.25rem;	-36px
.-translate-x-10	--tw-translate-x: -2.5rem;	-40px
.-translate-x-11	--tw-translate-x: -2.75rem;	-44px
.-translate-x-12	--tw-translate-x: -3rem;	-48px
.-translate-x-14	--tw-translate-x: -3.5rem;	-56px
.-translate-x-16	--tw-translate-x: -4rem;	-64px
.-translate-x-20	--tw-translate-x: -5rem;	-80px
.-translate-x-24	--tw-translate-x: -6rem;	-96px
.-translate-x-28	--tw-translate-x: -7rem;	-112px
.-translate-x-32	--tw-translate-x: -8rem;	-128px
.-translate-x-36	--tw-translate-x: -9rem;	-144px
.-translate-x-40	--tw-translate-x: -10rem;	-160px
.-translate-x-44	--tw-translate-x: -11rem;	-176px
.-translate-x-48	--tw-translate-x: -12rem;	-192px
.-translate-x-52	--tw-translate-x: -13rem;	-208px
.-translate-x-56	--tw-translate-x: -14rem;	-224px
.-translate-x-60	--tw-translate-x: -15rem;	-240px
.-translate-x-64	--tw-translate-x: -16rem;	-256px
.-translate-x-72	--tw-translate-x: -18rem;	-288px
.-translate-x-80	--tw-translate-x: -20rem;	-320px
.-translate-x-96	--tw-translate-x: -24rem;	-384px
.-translate-x-px	--tw-translate-x: -1px;
.-translate-x-0.5	--tw-translate-x: -0.125rem;	-2px
.-translate-x-1.5	--tw-translate-x: -0.375rem;	-6px
.-translate-x-2.5	--tw-translate-x: -0.625rem;	-10px
.-translate-x-3.5	--tw-translate-x: -0.875rem;	-14px
.translate-x-1/2	--tw-translate-x: 50%;
.translate-x-1/3	--tw-translate-x: 33.333333%;
.translate-x-2/3	--tw-translate-x: 66.666667%;
.translate-x-1/4	--tw-translate-x: 25%;
.translate-x-2/4	--tw-translate-x: 50%;
.translate-x-3/4	--tw-translate-x: 75%;
.translate-x-full	--tw-translate-x: 100%;
.-translate-x-1/2	--tw-translate-x: -50%;
.-translate-x-1/3	--tw-translate-x: -33.333333%;
.-translate-x-2/3	--tw-translate-x: -66.666667%;
.-translate-x-1/4	--tw-translate-x: -25%;
.-translate-x-2/4	--tw-translate-x: -50%;
.-translate-x-3/4	--tw-translate-x: -75%;
.-translate-x-full	--tw-translate-x: -100%;
.translate-y-0	--tw-translate-y: 0px;
.translate-y-1	--tw-translate-y: 0.25rem;	4px
.translate-y-2	--tw-translate-y: 0.5rem;	8px
.translate-y-3	--tw-translate-y: 0.75rem;	12px
.translate-y-4	--tw-translate-y: 1rem;	16px
.translate-y-5	--tw-translate-y: 1.25rem;	20px
.translate-y-6	--tw-translate-y: 1.5rem;	24px
.translate-y-7	--tw-translate-y: 1.75rem;	28px
.translate-y-8	--tw-translate-y: 2rem;	32px
.translate-y-9	--tw-translate-y: 2.25rem;	36px
.translate-y-10	--tw-translate-y: 2.5rem;	40px
.translate-y-11	--tw-translate-y: 2.75rem;	44px
.translate-y-12	--tw-translate-y: 3rem;	48px
.translate-y-14	--tw-translate-y: 3.5rem;	56px
.translate-y-16	--tw-translate-y: 4rem;	64px
.translate-y-20	--tw-translate-y: 5rem;	80px
.translate-y-24	--tw-translate-y: 6rem;	96px
.translate-y-28	--tw-translate-y: 7rem;	112px
.translate-y-32	--tw-translate-y: 8rem;	128px
.translate-y-36	--tw-translate-y: 9rem;	144px
.translate-y-40	--tw-translate-y: 10rem;	160px
.translate-y-44	--tw-translate-y: 11rem;	176px
.translate-y-48	--tw-translate-y: 12rem;	192px
.translate-y-52	--tw-translate-y: 13rem;	208px
.translate-y-56	--tw-translate-y: 14rem;	224px
.translate-y-60	--tw-translate-y: 15rem;	240px
.translate-y-64	--tw-translate-y: 16rem;	256px
.translate-y-72	--tw-translate-y: 18rem;	288px
.translate-y-80	--tw-translate-y: 20rem;	320px
.translate-y-96	--tw-translate-y: 24rem;	384px
.translate-y-px	--tw-translate-y: 1px;
.translate-y-0.5	--tw-translate-y: 0.125rem;	2px
.translate-y-1.5	--tw-translate-y: 0.375rem;	6px
.translate-y-2.5	--tw-translate-y: 0.625rem;	10px
.translate-y-3.5	--tw-translate-y: 0.875rem;	14px
.-translate-y-0	--tw-translate-y: 0px;
.-translate-y-1	--tw-translate-y: -0.25rem;	-4px
.-translate-y-2	--tw-translate-y: -0.5rem;	-8px
.-translate-y-3	--tw-translate-y: -0.75rem;	-12px
.-translate-y-4	--tw-translate-y: -1rem;	-16px
.-translate-y-5	--tw-translate-y: -1.25rem;	-20px
.-translate-y-6	--tw-translate-y: -1.5rem;	-24px
.-translate-y-7	--tw-translate-y: -1.75rem;	-28px
.-translate-y-8	--tw-translate-y: -2rem;	-32px
.-translate-y-9	--tw-translate-y: -2.25rem;	-36px
.-translate-y-10	--tw-translate-y: -2.5rem;	-40px
.-translate-y-11	--tw-translate-y: -2.75rem;	-44px
.-translate-y-12	--tw-translate-y: -3rem;	-48px
.-translate-y-14	--tw-translate-y: -3.5rem;	-56px
.-translate-y-16	--tw-translate-y: -4rem;	-64px
.-translate-y-20	--tw-translate-y: -5rem;	-80px
.-translate-y-24	--tw-translate-y: -6rem;	-96px
.-translate-y-28	--tw-translate-y: -7rem;	-112px
.-translate-y-32	--tw-translate-y: -8rem;	-128px
.-translate-y-36	--tw-translate-y: -9rem;	-144px
.-translate-y-40	--tw-translate-y: -10rem;	-160px
.-translate-y-44	--tw-translate-y: -11rem;	-176px
.-translate-y-48	--tw-translate-y: -12rem;	-192px
.-translate-y-52	--tw-translate-y: -13rem;	-208px
.-translate-y-56	--tw-translate-y: -14rem;	-224px
.-translate-y-60	--tw-translate-y: -15rem;	-240px
.-translate-y-64	--tw-translate-y: -16rem;	-256px
.-translate-y-72	--tw-translate-y: -18rem;	-288px
.-translate-y-80	--tw-translate-y: -20rem;	-320px
.-translate-y-96	--tw-translate-y: -24rem;	-384px
.-translate-y-px	--tw-translate-y: -1px;
.-translate-y-0.5	--tw-translate-y: -0.125rem;	-2px
.-translate-y-1.5	--tw-translate-y: -0.375rem;	-6px
.-translate-y-2.5	--tw-translate-y: -0.625rem;	-10px
.-translate-y-3.5	--tw-translate-y: -0.875rem;	-14px
.translate-y-1/2	--tw-translate-y: 50%;
.translate-y-1/3	--tw-translate-y: 33.333333%;
.translate-y-2/3	--tw-translate-y: 66.666667%;
.translate-y-1/4	--tw-translate-y: 25%;
.translate-y-2/4	--tw-translate-y: 50%;
.translate-y-3/4	--tw-translate-y: 75%;
.translate-y-full	--tw-translate-y: 100%;
.-translate-y-1/2	--tw-translate-y: -50%;
.-translate-y-1/3	--tw-translate-y: -33.333333%;
.-translate-y-2/3	--tw-translate-y: -66.666667%;
.-translate-y-1/4	--tw-translate-y: -25%;
.-translate-y-2/4	--tw-translate-y: -50%;
.-translate-y-3/4	--tw-translate-y: -75%;
.-translate-y-full	--tw-translate-y: -100%;

Skews an element that has transform applied.

.skew-x-0	--tw-skew-x: 0deg;
.skew-x-1	--tw-skew-x: 1deg;
.skew-x-2	--tw-skew-x: 2deg;
.skew-x-3	--tw-skew-x: 3deg;
.skew-x-6	--tw-skew-x: 6deg;
.skew-x-12	--tw-skew-x: 12deg;
.-skew-x-12	--tw-skew-x: -12deg;
.-skew-x-6	--tw-skew-x: -6deg;
.-skew-x-3	--tw-skew-x: -3deg;
.-skew-x-2	--tw-skew-x: -2deg;
.-skew-x-1	--tw-skew-x: -1deg;
.skew-y-0	--tw-skew-y: 0deg;
.skew-y-1	--tw-skew-y: 1deg;
.skew-y-2	--tw-skew-y: 2deg;
.skew-y-3	--tw-skew-y: 3deg;
.skew-y-6	--tw-skew-y: 6deg;
.skew-y-12	--tw-skew-y: 12deg;
.-skew-y-12	--tw-skew-y: -12deg;
.-skew-y-6	--tw-skew-y: -6deg;
.-skew-y-3	--tw-skew-y: -3deg;
.-skew-y-2	--tw-skew-y: -2deg;
.-skew-y-1	--tw-skew-y: -1deg;

Sets the origin of an element's transforms. Think of the origin as pushing a thumbtack into the element at the specified position.

.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;

Sets the transform of an element.

.transform	--tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
.transform-gpu	--tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
.transform-none	transform: none;

Effects

Sets the shadow around an element.

.shadow-sm	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
.shadow	--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
.shadow-md	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
.shadow-lg	--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
.shadow-xl	--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
.shadow-2xl	--tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
.shadow-inner	--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
.shadow-none	--tw-shadow: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

Sets the transparency of an element.

.opacity-0	opacity: 0;
.opacity-5	opacity: 0.05;
.opacity-10	opacity: 0.1;
.opacity-20	opacity: 0.2;
.opacity-25	opacity: 0.25;
.opacity-30	opacity: 0.3;
.opacity-40	opacity: 0.4;
.opacity-50	opacity: 0.5;
.opacity-60	opacity: 0.6;
.opacity-70	opacity: 0.7;
.opacity-75	opacity: 0.75;
.opacity-80	opacity: 0.8;
.opacity-90	opacity: 0.9;
.opacity-95	opacity: 0.95;
.opacity-100	opacity: 1;

Sets how an element blends 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;

Sets how an element's background images 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;

Flexbox

Controls how flex items are ordered.

.order-first	order: -9999;
.order-last	order: 9999;
.order-none	order: 0;
.order-1	order: 1;
.order-2	order: 2;
.order-3	order: 3;
.order-4	order: 4;
.order-5	order: 5;
.order-6	order: 6;
.order-7	order: 7;
.order-8	order: 8;
.order-9	order: 9;
.order-10	order: 10;
.order-11	order: 11;
.order-12	order: 12;

Sizing

Sets the width of an element.

.w-0	width: 0px;
.w-1	width: 0.25rem;	4px
.w-2	width: 0.5rem;	8px
.w-3	width: 0.75rem;	12px
.w-4	width: 1rem;	16px
.w-5	width: 1.25rem;	20px
.w-6	width: 1.5rem;	24px
.w-7	width: 1.75rem;	28px
.w-8	width: 2rem;	32px
.w-9	width: 2.25rem;	36px
.w-10	width: 2.5rem;	40px
.w-11	width: 2.75rem;	44px
.w-12	width: 3rem;	48px
.w-14	width: 3.5rem;	56px
.w-16	width: 4rem;	64px
.w-20	width: 5rem;	80px
.w-24	width: 6rem;	96px
.w-28	width: 7rem;	112px
.w-32	width: 8rem;	128px
.w-36	width: 9rem;	144px
.w-40	width: 10rem;	160px
.w-44	width: 11rem;	176px
.w-48	width: 12rem;	192px
.w-52	width: 13rem;	208px
.w-56	width: 14rem;	224px
.w-60	width: 15rem;	240px
.w-64	width: 16rem;	256px
.w-72	width: 18rem;	288px
.w-80	width: 20rem;	320px
.w-96	width: 24rem;	384px
.w-auto	width: auto;
.w-px	width: 1px;
.w-0.5	width: 0.125rem;	2px
.w-1.5	width: 0.375rem;	6px
.w-2.5	width: 0.625rem;	10px
.w-3.5	width: 0.875rem;	14px
.w-1/2	width: 50%;
.w-1/3	width: 33.333333%;
.w-2/3	width: 66.666667%;
.w-1/4	width: 25%;
.w-2/4	width: 50%;
.w-3/4	width: 75%;
.w-1/5	width: 20%;
.w-2/5	width: 40%;
.w-3/5	width: 60%;
.w-4/5	width: 80%;
.w-1/6	width: 16.666667%;
.w-2/6	width: 33.333333%;
.w-3/6	width: 50%;
.w-4/6	width: 66.666667%;
.w-5/6	width: 83.333333%;
.w-1/12	width: 8.333333%;
.w-2/12	width: 16.666667%;
.w-3/12	width: 25%;
.w-4/12	width: 33.333333%;
.w-5/12	width: 41.666667%;
.w-6/12	width: 50%;
.w-7/12	width: 58.333333%;
.w-8/12	width: 66.666667%;
.w-9/12	width: 75%;
.w-10/12	width: 83.333333%;
.w-11/12	width: 91.666667%;
.w-full	width: 100%;
.w-screen	width: 100vw;
.w-min	width: min-content;
.w-max	width: max-content;

Sets the maxiumum width of an element.

.max-w-0	max-width: 0rem;	0px
.max-w-none	max-width: none;
.max-w-xs	max-width: 20rem;	320px
.max-w-sm	max-width: 24rem;	384px
.max-w-md	max-width: 28rem;	448px
.max-w-lg	max-width: 32rem;	512px
.max-w-xl	max-width: 36rem;	576px
.max-w-2xl	max-width: 42rem;	672px
.max-w-3xl	max-width: 48rem;	768px
.max-w-4xl	max-width: 56rem;	896px
.max-w-5xl	max-width: 64rem;	1024px
.max-w-6xl	max-width: 72rem;	1152px
.max-w-7xl	max-width: 80rem;	1280px
.max-w-full	max-width: 100%;
.max-w-min	max-width: min-content;
.max-w-max	max-width: max-content;
.max-w-prose	max-width: 65ch;
.max-w-screen-sm	max-width: 640px;
.max-w-screen-md	max-width: 768px;
.max-w-screen-lg	max-width: 1024px;
.max-w-screen-xl	max-width: 1280px;
.max-w-screen-2xl	max-width: 1536px;

Sets the height of an element.

.h-0	height: 0px;
.h-1	height: 0.25rem;	4px
.h-2	height: 0.5rem;	8px
.h-3	height: 0.75rem;	12px
.h-4	height: 1rem;	16px
.h-5	height: 1.25rem;	20px
.h-6	height: 1.5rem;	24px
.h-7	height: 1.75rem;	28px
.h-8	height: 2rem;	32px
.h-9	height: 2.25rem;	36px
.h-10	height: 2.5rem;	40px
.h-11	height: 2.75rem;	44px
.h-12	height: 3rem;	48px
.h-14	height: 3.5rem;	56px
.h-16	height: 4rem;	64px
.h-20	height: 5rem;	80px
.h-24	height: 6rem;	96px
.h-28	height: 7rem;	112px
.h-32	height: 8rem;	128px
.h-36	height: 9rem;	144px
.h-40	height: 10rem;	160px
.h-44	height: 11rem;	176px
.h-48	height: 12rem;	192px
.h-52	height: 13rem;	208px
.h-56	height: 14rem;	224px
.h-60	height: 15rem;	240px
.h-64	height: 16rem;	256px
.h-72	height: 18rem;	288px
.h-80	height: 20rem;	320px
.h-96	height: 24rem;	384px
.h-auto	height: auto;
.h-px	height: 1px;
.h-0.5	height: 0.125rem;	2px
.h-1.5	height: 0.375rem;	6px
.h-2.5	height: 0.625rem;	10px
.h-3.5	height: 0.875rem;	14px
.h-1/2	height: 50%;
.h-1/3	height: 33.333333%;
.h-2/3	height: 66.666667%;
.h-1/4	height: 25%;
.h-2/4	height: 50%;
.h-3/4	height: 75%;
.h-1/5	height: 20%;
.h-2/5	height: 40%;
.h-3/5	height: 60%;
.h-4/5	height: 80%;
.h-1/6	height: 16.666667%;
.h-2/6	height: 33.333333%;
.h-3/6	height: 50%;
.h-4/6	height: 66.666667%;
.h-5/6	height: 83.333333%;
.h-full	height: 100%;
.h-screen	height: 100vh;

Sets the maxiumum height of an element.

.max-h-0	max-height: 0px;
.max-h-1	max-height: 0.25rem;	4px
.max-h-2	max-height: 0.5rem;	8px
.max-h-3	max-height: 0.75rem;	12px
.max-h-4	max-height: 1rem;	16px
.max-h-5	max-height: 1.25rem;	20px
.max-h-6	max-height: 1.5rem;	24px
.max-h-7	max-height: 1.75rem;	28px
.max-h-8	max-height: 2rem;	32px
.max-h-9	max-height: 2.25rem;	36px
.max-h-10	max-height: 2.5rem;	40px
.max-h-11	max-height: 2.75rem;	44px
.max-h-12	max-height: 3rem;	48px
.max-h-14	max-height: 3.5rem;	56px
.max-h-16	max-height: 4rem;	64px
.max-h-20	max-height: 5rem;	80px
.max-h-24	max-height: 6rem;	96px
.max-h-28	max-height: 7rem;	112px
.max-h-32	max-height: 8rem;	128px
.max-h-36	max-height: 9rem;	144px
.max-h-40	max-height: 10rem;	160px
.max-h-44	max-height: 11rem;	176px
.max-h-48	max-height: 12rem;	192px
.max-h-52	max-height: 13rem;	208px
.max-h-56	max-height: 14rem;	224px
.max-h-60	max-height: 15rem;	240px
.max-h-64	max-height: 16rem;	256px
.max-h-72	max-height: 18rem;	288px
.max-h-80	max-height: 20rem;	320px
.max-h-96	max-height: 24rem;	384px
.max-h-px	max-height: 1px;
.max-h-0.5	max-height: 0.125rem;	2px
.max-h-1.5	max-height: 0.375rem;	6px
.max-h-2.5	max-height: 0.625rem;	10px
.max-h-3.5	max-height: 0.875rem;	14px
.max-h-full	max-height: 100%;
.max-h-screen	max-height: 100vh;

Borders

Sets border radius.

.rounded-none	border-radius: 0px;
.rounded-sm	border-radius: 0.125rem;	2px
.rounded	border-radius: 0.25rem;	4px
.rounded-md	border-radius: 0.375rem;	6px
.rounded-lg	border-radius: 0.5rem;	8px
.rounded-xl	border-radius: 0.75rem;	12px
.rounded-2xl	border-radius: 1rem;	16px
.rounded-3xl	border-radius: 1.5rem;	24px
.rounded-full	border-radius: 9999px;
.rounded-t-none	border-top-left-radius: 0px; border-top-right-radius: 0px;
.rounded-t-sm	border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem;	2px
.rounded-t	border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem;	4px
.rounded-t-md	border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem;	6px
.rounded-t-lg	border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem;	8px
.rounded-t-xl	border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem;	12px
.rounded-t-2xl	border-top-left-radius: 1rem; border-top-right-radius: 1rem;	16px
.rounded-t-3xl	border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem;	24px
.rounded-t-full	border-top-left-radius: 9999px; border-top-right-radius: 9999px;
.rounded-r-none	border-top-right-radius: 0px; border-bottom-right-radius: 0px;
.rounded-r-sm	border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem;	2px
.rounded-r	border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;	4px
.rounded-r-md	border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem;	6px
.rounded-r-lg	border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem;	8px
.rounded-r-xl	border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem;	12px
.rounded-r-2xl	border-top-right-radius: 1rem; border-bottom-right-radius: 1rem;	16px
.rounded-r-3xl	border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem;	24px
.rounded-r-full	border-top-right-radius: 9999px; border-bottom-right-radius: 9999px;
.rounded-b-none	border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
.rounded-b-sm	border-bottom-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem;	2px
.rounded-b	border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem;	4px
.rounded-b-md	border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem;	6px
.rounded-b-lg	border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem;	8px
.rounded-b-xl	border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem;	12px
.rounded-b-2xl	border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem;	16px
.rounded-b-3xl	border-bottom-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem;	24px
.rounded-b-full	border-bottom-right-radius: 9999px; border-bottom-left-radius: 9999px;
.rounded-l-none	border-top-left-radius: 0px; border-bottom-left-radius: 0px;
.rounded-l-sm	border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem;	2px
.rounded-l	border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;	4px
.rounded-l-md	border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem;	6px
.rounded-l-lg	border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem;	8px
.rounded-l-xl	border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem;	12px
.rounded-l-2xl	border-top-left-radius: 1rem; border-bottom-left-radius: 1rem;	16px
.rounded-l-3xl	border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem;	24px
.rounded-l-full	border-top-left-radius: 9999px; border-bottom-left-radius: 9999px;
.rounded-tl-none	border-top-left-radius: 0px;
.rounded-tl-sm	border-top-left-radius: 0.125rem;	2px
.rounded-tl	border-top-left-radius: 0.25rem;	4px
.rounded-tl-md	border-top-left-radius: 0.375rem;	6px
.rounded-tl-lg	border-top-left-radius: 0.5rem;	8px
.rounded-tl-xl	border-top-left-radius: 0.75rem;	12px
.rounded-tl-2xl	border-top-left-radius: 1rem;	16px
.rounded-tl-3xl	border-top-left-radius: 1.5rem;	24px
.rounded-tl-full	border-top-left-radius: 9999px;
.rounded-tr-none	border-top-right-radius: 0px;
.rounded-tr-sm	border-top-right-radius: 0.125rem;	2px
.rounded-tr	border-top-right-radius: 0.25rem;	4px
.rounded-tr-md	border-top-right-radius: 0.375rem;	6px
.rounded-tr-lg	border-top-right-radius: 0.5rem;	8px
.rounded-tr-xl	border-top-right-radius: 0.75rem;	12px
.rounded-tr-2xl	border-top-right-radius: 1rem;	16px
.rounded-tr-3xl	border-top-right-radius: 1.5rem;	24px
.rounded-tr-full	border-top-right-radius: 9999px;
.rounded-br-none	border-bottom-right-radius: 0px;
.rounded-br-sm	border-bottom-right-radius: 0.125rem;	2px
.rounded-br	border-bottom-right-radius: 0.25rem;	4px
.rounded-br-md	border-bottom-right-radius: 0.375rem;	6px
.rounded-br-lg	border-bottom-right-radius: 0.5rem;	8px
.rounded-br-xl	border-bottom-right-radius: 0.75rem;	12px
.rounded-br-2xl	border-bottom-right-radius: 1rem;	16px
.rounded-br-3xl	border-bottom-right-radius: 1.5rem;	24px
.rounded-br-full	border-bottom-right-radius: 9999px;
.rounded-bl-none	border-bottom-left-radius: 0px;
.rounded-bl-sm	border-bottom-left-radius: 0.125rem;	2px
.rounded-bl	border-bottom-left-radius: 0.25rem;	4px
.rounded-bl-md	border-bottom-left-radius: 0.375rem;	6px
.rounded-bl-lg	border-bottom-left-radius: 0.5rem;	8px
.rounded-bl-xl	border-bottom-left-radius: 0.75rem;	12px
.rounded-bl-2xl	border-bottom-left-radius: 1rem;	16px
.rounded-bl-3xl	border-bottom-left-radius: 1.5rem;	24px
.rounded-bl-full	border-bottom-left-radius: 9999px;

Sets border width in increments of 1px.

.border	border-width: 1px;
.border-0	border-width: 0px;
.border-2	border-width: 2px;
.border-4	border-width: 4px;
.border-8	border-width: 8px;
.border-t	border-top-width: 1px;
.border-t-0	border-top-width: 0px;
.border-t-2	border-top-width: 2px;
.border-t-4	border-top-width: 4px;
.border-t-8	border-top-width: 8px;
.border-r	border-right-width: 1px;
.border-r-0	border-right-width: 0px;
.border-r-2	border-right-width: 2px;
.border-r-4	border-right-width: 4px;
.border-r-8	border-right-width: 8px;
.border-b	border-bottom-width: 1px;
.border-b-0	border-bottom-width: 0px;
.border-b-2	border-bottom-width: 2px;
.border-b-4	border-bottom-width: 4px;
.border-b-8	border-bottom-width: 8px;
.border-l	border-left-width: 1px;
.border-l-0	border-left-width: 0px;
.border-l-2	border-left-width: 2px;
.border-l-4	border-left-width: 4px;
.border-l-8	border-left-width: 8px;

Sets border color.

.border-transparent	border-color: transparent;
.border-current	border-color: currentColor;
.border-black	--tw-border-opacity: 1; border-color: rgba(0, 0, 0, var(--tw-border-opacity));
.border-white	--tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity));
.border-gray-50	--tw-border-opacity: 1; border-color: rgba(249, 250, 251, var(--tw-border-opacity));
.border-gray-100	--tw-border-opacity: 1; border-color: rgba(243, 244, 246, var(--tw-border-opacity));
.border-gray-200	--tw-border-opacity: 1; border-color: rgba(229, 231, 235, var(--tw-border-opacity));
.border-gray-300	--tw-border-opacity: 1; border-color: rgba(209, 213, 219, var(--tw-border-opacity));
.border-gray-400	--tw-border-opacity: 1; border-color: rgba(156, 163, 175, var(--tw-border-opacity));
.border-gray-500	--tw-border-opacity: 1; border-color: rgba(107, 114, 128, var(--tw-border-opacity));
.border-gray-600	--tw-border-opacity: 1; border-color: rgba(75, 85, 99, var(--tw-border-opacity));
.border-gray-700	--tw-border-opacity: 1; border-color: rgba(55, 65, 81, var(--tw-border-opacity));
.border-gray-800	--tw-border-opacity: 1; border-color: rgba(31, 41, 55, var(--tw-border-opacity));
.border-gray-900	--tw-border-opacity: 1; border-color: rgba(17, 24, 39, var(--tw-border-opacity));
.border-red-50	--tw-border-opacity: 1; border-color: rgba(254, 242, 242, var(--tw-border-opacity));
.border-red-100	--tw-border-opacity: 1; border-color: rgba(254, 226, 226, var(--tw-border-opacity));
.border-red-200	--tw-border-opacity: 1; border-color: rgba(254, 202, 202, var(--tw-border-opacity));
.border-red-300	--tw-border-opacity: 1; border-color: rgba(252, 165, 165, var(--tw-border-opacity));
.border-red-400	--tw-border-opacity: 1; border-color: rgba(248, 113, 113, var(--tw-border-opacity));
.border-red-500	--tw-border-opacity: 1; border-color: rgba(239, 68, 68, var(--tw-border-opacity));
.border-red-600	--tw-border-opacity: 1; border-color: rgba(220, 38, 38, var(--tw-border-opacity));
.border-red-700	--tw-border-opacity: 1; border-color: rgba(185, 28, 28, var(--tw-border-opacity));
.border-red-800	--tw-border-opacity: 1; border-color: rgba(153, 27, 27, var(--tw-border-opacity));
.border-red-900	--tw-border-opacity: 1; border-color: rgba(127, 29, 29, var(--tw-border-opacity));
.border-yellow-50	--tw-border-opacity: 1; border-color: rgba(255, 251, 235, var(--tw-border-opacity));
.border-yellow-100	--tw-border-opacity: 1; border-color: rgba(254, 243, 199, var(--tw-border-opacity));
.border-yellow-200	--tw-border-opacity: 1; border-color: rgba(253, 230, 138, var(--tw-border-opacity));
.border-yellow-300	--tw-border-opacity: 1; border-color: rgba(252, 211, 77, var(--tw-border-opacity));
.border-yellow-400	--tw-border-opacity: 1; border-color: rgba(251, 191, 36, var(--tw-border-opacity));
.border-yellow-500	--tw-border-opacity: 1; border-color: rgba(245, 158, 11, var(--tw-border-opacity));
.border-yellow-600	--tw-border-opacity: 1; border-color: rgba(217, 119, 6, var(--tw-border-opacity));
.border-yellow-700	--tw-border-opacity: 1; border-color: rgba(180, 83, 9, var(--tw-border-opacity));
.border-yellow-800	--tw-border-opacity: 1; border-color: rgba(146, 64, 14, var(--tw-border-opacity));
.border-yellow-900	--tw-border-opacity: 1; border-color: rgba(120, 53, 15, var(--tw-border-opacity));
.border-green-50	--tw-border-opacity: 1; border-color: rgba(236, 253, 245, var(--tw-border-opacity));
.border-green-100	--tw-border-opacity: 1; border-color: rgba(209, 250, 229, var(--tw-border-opacity));
.border-green-200	--tw-border-opacity: 1; border-color: rgba(167, 243, 208, var(--tw-border-opacity));
.border-green-300	--tw-border-opacity: 1; border-color: rgba(110, 231, 183, var(--tw-border-opacity));
.border-green-400	--tw-border-opacity: 1; border-color: rgba(52, 211, 153, var(--tw-border-opacity));
.border-green-500	--tw-border-opacity: 1; border-color: rgba(16, 185, 129, var(--tw-border-opacity));
.border-green-600	--tw-border-opacity: 1; border-color: rgba(5, 150, 105, var(--tw-border-opacity));
.border-green-700	--tw-border-opacity: 1; border-color: rgba(4, 120, 87, var(--tw-border-opacity));
.border-green-800	--tw-border-opacity: 1; border-color: rgba(6, 95, 70, var(--tw-border-opacity));
.border-green-900	--tw-border-opacity: 1; border-color: rgba(6, 78, 59, var(--tw-border-opacity));
.border-blue-50	--tw-border-opacity: 1; border-color: rgba(239, 246, 255, var(--tw-border-opacity));
.border-blue-100	--tw-border-opacity: 1; border-color: rgba(219, 234, 254, var(--tw-border-opacity));
.border-blue-200	--tw-border-opacity: 1; border-color: rgba(191, 219, 254, var(--tw-border-opacity));
.border-blue-300	--tw-border-opacity: 1; border-color: rgba(147, 197, 253, var(--tw-border-opacity));
.border-blue-400	--tw-border-opacity: 1; border-color: rgba(96, 165, 250, var(--tw-border-opacity));
.border-blue-500	--tw-border-opacity: 1; border-color: rgba(59, 130, 246, var(--tw-border-opacity));
.border-blue-600	--tw-border-opacity: 1; border-color: rgba(37, 99, 235, var(--tw-border-opacity));
.border-blue-700	--tw-border-opacity: 1; border-color: rgba(29, 78, 216, var(--tw-border-opacity));
.border-blue-800	--tw-border-opacity: 1; border-color: rgba(30, 64, 175, var(--tw-border-opacity));
.border-blue-900	--tw-border-opacity: 1; border-color: rgba(30, 58, 138, var(--tw-border-opacity));
.border-indigo-50	--tw-border-opacity: 1; border-color: rgba(238, 242, 255, var(--tw-border-opacity));
.border-indigo-100	--tw-border-opacity: 1; border-color: rgba(224, 231, 255, var(--tw-border-opacity));
.border-indigo-200	--tw-border-opacity: 1; border-color: rgba(199, 210, 254, var(--tw-border-opacity));
.border-indigo-300	--tw-border-opacity: 1; border-color: rgba(165, 180, 252, var(--tw-border-opacity));
.border-indigo-400	--tw-border-opacity: 1; border-color: rgba(129, 140, 248, var(--tw-border-opacity));
.border-indigo-500	--tw-border-opacity: 1; border-color: rgba(99, 102, 241, var(--tw-border-opacity));
.border-indigo-600	--tw-border-opacity: 1; border-color: rgba(79, 70, 229, var(--tw-border-opacity));
.border-indigo-700	--tw-border-opacity: 1; border-color: rgba(67, 56, 202, var(--tw-border-opacity));
.border-indigo-800	--tw-border-opacity: 1; border-color: rgba(55, 48, 163, var(--tw-border-opacity));
.border-indigo-900	--tw-border-opacity: 1; border-color: rgba(49, 46, 129, var(--tw-border-opacity));
.border-purple-50	--tw-border-opacity: 1; border-color: rgba(245, 243, 255, var(--tw-border-opacity));
.border-purple-100	--tw-border-opacity: 1; border-color: rgba(237, 233, 254, var(--tw-border-opacity));
.border-purple-200	--tw-border-opacity: 1; border-color: rgba(221, 214, 254, var(--tw-border-opacity));
.border-purple-300	--tw-border-opacity: 1; border-color: rgba(196, 181, 253, var(--tw-border-opacity));
.border-purple-400	--tw-border-opacity: 1; border-color: rgba(167, 139, 250, var(--tw-border-opacity));
.border-purple-500	--tw-border-opacity: 1; border-color: rgba(139, 92, 246, var(--tw-border-opacity));
.border-purple-600	--tw-border-opacity: 1; border-color: rgba(124, 58, 237, var(--tw-border-opacity));
.border-purple-700	--tw-border-opacity: 1; border-color: rgba(109, 40, 217, var(--tw-border-opacity));
.border-purple-800	--tw-border-opacity: 1; border-color: rgba(91, 33, 182, var(--tw-border-opacity));
.border-purple-900	--tw-border-opacity: 1; border-color: rgba(76, 29, 149, var(--tw-border-opacity));
.border-pink-50	--tw-border-opacity: 1; border-color: rgba(253, 242, 248, var(--tw-border-opacity));
.border-pink-100	--tw-border-opacity: 1; border-color: rgba(252, 231, 243, var(--tw-border-opacity));
.border-pink-200	--tw-border-opacity: 1; border-color: rgba(251, 207, 232, var(--tw-border-opacity));
.border-pink-300	--tw-border-opacity: 1; border-color: rgba(249, 168, 212, var(--tw-border-opacity));
.border-pink-400	--tw-border-opacity: 1; border-color: rgba(244, 114, 182, var(--tw-border-opacity));
.border-pink-500	--tw-border-opacity: 1; border-color: rgba(236, 72, 153, var(--tw-border-opacity));
.border-pink-600	--tw-border-opacity: 1; border-color: rgba(219, 39, 119, var(--tw-border-opacity));
.border-pink-700	--tw-border-opacity: 1; border-color: rgba(190, 24, 93, var(--tw-border-opacity));
.border-pink-800	--tw-border-opacity: 1; border-color: rgba(157, 23, 77, var(--tw-border-opacity));
.border-pink-900	--tw-border-opacity: 1; border-color: rgba(131, 24, 67, var(--tw-border-opacity));

Sets border opacity when used with border-[color].

.border-opacity-0	--tw-border-opacity: 0;
.border-opacity-5	--tw-border-opacity: 0.05;
.border-opacity-10	--tw-border-opacity: 0.1;
.border-opacity-20	--tw-border-opacity: 0.2;
.border-opacity-25	--tw-border-opacity: 0.25;
.border-opacity-30	--tw-border-opacity: 0.3;
.border-opacity-40	--tw-border-opacity: 0.4;
.border-opacity-50	--tw-border-opacity: 0.5;
.border-opacity-60	--tw-border-opacity: 0.6;
.border-opacity-70	--tw-border-opacity: 0.7;
.border-opacity-75	--tw-border-opacity: 0.75;
.border-opacity-80	--tw-border-opacity: 0.8;
.border-opacity-90	--tw-border-opacity: 0.9;
.border-opacity-95	--tw-border-opacity: 0.95;
.border-opacity-100	--tw-border-opacity: 1;

Sets left or top (x or y) border width between child elements, but skips the first element.

.divide-x-0 > *	--tw-divide-x-reverse: 0; border-right-width: calc(0px * var(--tw-divide-x-reverse)); border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
.divide-x-2 > *	--tw-divide-x-reverse: 0; border-right-width: calc(2px * var(--tw-divide-x-reverse)); border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
.divide-x-4 > *	--tw-divide-x-reverse: 0; border-right-width: calc(4px * var(--tw-divide-x-reverse)); border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
.divide-x-8 > *	--tw-divide-x-reverse: 0; border-right-width: calc(8px * var(--tw-divide-x-reverse)); border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
.divide-x > *	--tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
.divide-y-0 > *	--tw-divide-y-reverse: 0; border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
.divide-y-2 > *	--tw-divide-y-reverse: 0; border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
.divide-y-4 > *	--tw-divide-y-reverse: 0; border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
.divide-y-8 > *	--tw-divide-y-reverse: 0; border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
.divide-y > *	--tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
.divide-y-reverse > *	--tw-divide-y-reverse: 1;
.divide-x-reverse > *	--tw-divide-x-reverse: 1;

Sets border color between child elements when using divide width.

.divide-transparent > *	border-color: transparent;
.divide-current > *	border-color: currentColor;
.divide-black > *	--tw-divide-opacity: 1; border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
.divide-white > *	--tw-divide-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
.divide-gray-50 > *	--tw-divide-opacity: 1; border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
.divide-gray-100 > *	--tw-divide-opacity: 1; border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
.divide-gray-200 > *	--tw-divide-opacity: 1; border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
.divide-gray-300 > *	--tw-divide-opacity: 1; border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
.divide-gray-400 > *	--tw-divide-opacity: 1; border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
.divide-gray-500 > *	--tw-divide-opacity: 1; border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
.divide-gray-600 > *	--tw-divide-opacity: 1; border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
.divide-gray-700 > *	--tw-divide-opacity: 1; border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
.divide-gray-800 > *	--tw-divide-opacity: 1; border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
.divide-gray-900 > *	--tw-divide-opacity: 1; border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
.divide-red-50 > *	--tw-divide-opacity: 1; border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
.divide-red-100 > *	--tw-divide-opacity: 1; border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
.divide-red-200 > *	--tw-divide-opacity: 1; border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
.divide-red-300 > *	--tw-divide-opacity: 1; border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
.divide-red-400 > *	--tw-divide-opacity: 1; border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
.divide-red-500 > *	--tw-divide-opacity: 1; border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
.divide-red-600 > *	--tw-divide-opacity: 1; border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
.divide-red-700 > *	--tw-divide-opacity: 1; border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
.divide-red-800 > *	--tw-divide-opacity: 1; border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
.divide-red-900 > *	--tw-divide-opacity: 1; border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
.divide-yellow-50 > *	--tw-divide-opacity: 1; border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
.divide-yellow-100 > *	--tw-divide-opacity: 1; border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
.divide-yellow-200 > *	--tw-divide-opacity: 1; border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
.divide-yellow-300 > *	--tw-divide-opacity: 1; border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
.divide-yellow-400 > *	--tw-divide-opacity: 1; border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
.divide-yellow-500 > *	--tw-divide-opacity: 1; border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
.divide-yellow-600 > *	--tw-divide-opacity: 1; border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
.divide-yellow-700 > *	--tw-divide-opacity: 1; border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
.divide-yellow-800 > *	--tw-divide-opacity: 1; border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
.divide-yellow-900 > *	--tw-divide-opacity: 1; border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
.divide-green-50 > *	--tw-divide-opacity: 1; border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
.divide-green-100 > *	--tw-divide-opacity: 1; border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
.divide-green-200 > *	--tw-divide-opacity: 1; border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
.divide-green-300 > *	--tw-divide-opacity: 1; border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
.divide-green-400 > *	--tw-divide-opacity: 1; border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
.divide-green-500 > *	--tw-divide-opacity: 1; border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
.divide-green-600 > *	--tw-divide-opacity: 1; border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
.divide-green-700 > *	--tw-divide-opacity: 1; border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
.divide-green-800 > *	--tw-divide-opacity: 1; border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
.divide-green-900 > *	--tw-divide-opacity: 1; border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
.divide-blue-50 > *	--tw-divide-opacity: 1; border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
.divide-blue-100 > *	--tw-divide-opacity: 1; border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
.divide-blue-200 > *	--tw-divide-opacity: 1; border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
.divide-blue-300 > *	--tw-divide-opacity: 1; border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
.divide-blue-400 > *	--tw-divide-opacity: 1; border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
.divide-blue-500 > *	--tw-divide-opacity: 1; border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
.divide-blue-600 > *	--tw-divide-opacity: 1; border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
.divide-blue-700 > *	--tw-divide-opacity: 1; border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
.divide-blue-800 > *	--tw-divide-opacity: 1; border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
.divide-blue-900 > *	--tw-divide-opacity: 1; border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
.divide-indigo-50 > *	--tw-divide-opacity: 1; border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
.divide-indigo-100 > *	--tw-divide-opacity: 1; border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
.divide-indigo-200 > *	--tw-divide-opacity: 1; border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
.divide-indigo-300 > *	--tw-divide-opacity: 1; border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
.divide-indigo-400 > *	--tw-divide-opacity: 1; border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
.divide-indigo-500 > *	--tw-divide-opacity: 1; border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
.divide-indigo-600 > *	--tw-divide-opacity: 1; border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
.divide-indigo-700 > *	--tw-divide-opacity: 1; border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
.divide-indigo-800 > *	--tw-divide-opacity: 1; border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
.divide-indigo-900 > *	--tw-divide-opacity: 1; border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
.divide-purple-50 > *	--tw-divide-opacity: 1; border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
.divide-purple-100 > *	--tw-divide-opacity: 1; border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
.divide-purple-200 > *	--tw-divide-opacity: 1; border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
.divide-purple-300 > *	--tw-divide-opacity: 1; border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
.divide-purple-400 > *	--tw-divide-opacity: 1; border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
.divide-purple-500 > *	--tw-divide-opacity: 1; border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
.divide-purple-600 > *	--tw-divide-opacity: 1; border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
.divide-purple-700 > *	--tw-divide-opacity: 1; border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
.divide-purple-800 > *	--tw-divide-opacity: 1; border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
.divide-purple-900 > *	--tw-divide-opacity: 1; border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
.divide-pink-50 > *	--tw-divide-opacity: 1; border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
.divide-pink-100 > *	--tw-divide-opacity: 1; border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
.divide-pink-200 > *	--tw-divide-opacity: 1; border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
.divide-pink-300 > *	--tw-divide-opacity: 1; border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
.divide-pink-400 > *	--tw-divide-opacity: 1; border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
.divide-pink-500 > *	--tw-divide-opacity: 1; border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
.divide-pink-600 > *	--tw-divide-opacity: 1; border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
.divide-pink-700 > *	--tw-divide-opacity: 1; border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
.divide-pink-800 > *	--tw-divide-opacity: 1; border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
.divide-pink-900 > *	--tw-divide-opacity: 1; border-color: rgba(131, 24, 67, var(--tw-divide-opacity));

Sets border opacity between elements when used with divide-[color].

.divide-opacity-0 > *	--tw-divide-opacity: 0;
.divide-opacity-5 > *	--tw-divide-opacity: 0.05;
.divide-opacity-10 > *	--tw-divide-opacity: 0.1;
.divide-opacity-20 > *	--tw-divide-opacity: 0.2;
.divide-opacity-25 > *	--tw-divide-opacity: 0.25;
.divide-opacity-30 > *	--tw-divide-opacity: 0.3;
.divide-opacity-40 > *	--tw-divide-opacity: 0.4;
.divide-opacity-50 > *	--tw-divide-opacity: 0.5;
.divide-opacity-60 > *	--tw-divide-opacity: 0.6;
.divide-opacity-70 > *	--tw-divide-opacity: 0.7;
.divide-opacity-75 > *	--tw-divide-opacity: 0.75;
.divide-opacity-80 > *	--tw-divide-opacity: 0.8;
.divide-opacity-90 > *	--tw-divide-opacity: 0.9;
.divide-opacity-95 > *	--tw-divide-opacity: 0.95;
.divide-opacity-100 > *	--tw-divide-opacity: 1;

Sets the width of outline rings using box shadows.

.ring-0	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
.ring-1	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
.ring-2	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
.ring-4	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
.ring-8	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
.ring	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
.ring-inset	--tw-ring-inset: inset;

Sets the color of the outline ring.

.ring-transparent	--tw-ring-color: transparent;
.ring-current	--tw-ring-color: currentColor;
.ring-black	--tw-ring-opacity: 1; --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
.ring-white	--tw-ring-opacity: 1; --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
.ring-gray-50	--tw-ring-opacity: 1; --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
.ring-gray-100	--tw-ring-opacity: 1; --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
.ring-gray-200	--tw-ring-opacity: 1; --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
.ring-gray-300	--tw-ring-opacity: 1; --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
.ring-gray-400	--tw-ring-opacity: 1; --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
.ring-gray-500	--tw-ring-opacity: 1; --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
.ring-gray-600	--tw-ring-opacity: 1; --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
.ring-gray-700	--tw-ring-opacity: 1; --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
.ring-gray-800	--tw-ring-opacity: 1; --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
.ring-gray-900	--tw-ring-opacity: 1; --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
.ring-red-50	--tw-ring-opacity: 1; --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
.ring-red-100	--tw-ring-opacity: 1; --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
.ring-red-200	--tw-ring-opacity: 1; --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
.ring-red-300	--tw-ring-opacity: 1; --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
.ring-red-400	--tw-ring-opacity: 1; --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
.ring-red-500	--tw-ring-opacity: 1; --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
.ring-red-600	--tw-ring-opacity: 1; --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
.ring-red-700	--tw-ring-opacity: 1; --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
.ring-red-800	--tw-ring-opacity: 1; --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
.ring-red-900	--tw-ring-opacity: 1; --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
.ring-yellow-50	--tw-ring-opacity: 1; --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
.ring-yellow-100	--tw-ring-opacity: 1; --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
.ring-yellow-200	--tw-ring-opacity: 1; --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
.ring-yellow-300	--tw-ring-opacity: 1; --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
.ring-yellow-400	--tw-ring-opacity: 1; --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
.ring-yellow-500	--tw-ring-opacity: 1; --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
.ring-yellow-600	--tw-ring-opacity: 1; --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
.ring-yellow-700	--tw-ring-opacity: 1; --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
.ring-yellow-800	--tw-ring-opacity: 1; --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
.ring-yellow-900	--tw-ring-opacity: 1; --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
.ring-green-50	--tw-ring-opacity: 1; --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
.ring-green-100	--tw-ring-opacity: 1; --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
.ring-green-200	--tw-ring-opacity: 1; --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
.ring-green-300	--tw-ring-opacity: 1; --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
.ring-green-400	--tw-ring-opacity: 1; --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
.ring-green-500	--tw-ring-opacity: 1; --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
.ring-green-600	--tw-ring-opacity: 1; --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
.ring-green-700	--tw-ring-opacity: 1; --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
.ring-green-800	--tw-ring-opacity: 1; --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
.ring-green-900	--tw-ring-opacity: 1; --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
.ring-blue-50	--tw-ring-opacity: 1; --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
.ring-blue-100	--tw-ring-opacity: 1; --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
.ring-blue-200	--tw-ring-opacity: 1; --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
.ring-blue-300	--tw-ring-opacity: 1; --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
.ring-blue-400	--tw-ring-opacity: 1; --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
.ring-blue-500	--tw-ring-opacity: 1; --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
.ring-blue-600	--tw-ring-opacity: 1; --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
.ring-blue-700	--tw-ring-opacity: 1; --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
.ring-blue-800	--tw-ring-opacity: 1; --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
.ring-blue-900	--tw-ring-opacity: 1; --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
.ring-indigo-50	--tw-ring-opacity: 1; --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
.ring-indigo-100	--tw-ring-opacity: 1; --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
.ring-indigo-200	--tw-ring-opacity: 1; --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
.ring-indigo-300	--tw-ring-opacity: 1; --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
.ring-indigo-400	--tw-ring-opacity: 1; --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
.ring-indigo-500	--tw-ring-opacity: 1; --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
.ring-indigo-600	--tw-ring-opacity: 1; --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
.ring-indigo-700	--tw-ring-opacity: 1; --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
.ring-indigo-800	--tw-ring-opacity: 1; --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
.ring-indigo-900	--tw-ring-opacity: 1; --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
.ring-purple-50	--tw-ring-opacity: 1; --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
.ring-purple-100	--tw-ring-opacity: 1; --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
.ring-purple-200	--tw-ring-opacity: 1; --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
.ring-purple-300	--tw-ring-opacity: 1; --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
.ring-purple-400	--tw-ring-opacity: 1; --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
.ring-purple-500	--tw-ring-opacity: 1; --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
.ring-purple-600	--tw-ring-opacity: 1; --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
.ring-purple-700	--tw-ring-opacity: 1; --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
.ring-purple-800	--tw-ring-opacity: 1; --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
.ring-purple-900	--tw-ring-opacity: 1; --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
.ring-pink-50	--tw-ring-opacity: 1; --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
.ring-pink-100	--tw-ring-opacity: 1; --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
.ring-pink-200	--tw-ring-opacity: 1; --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
.ring-pink-300	--tw-ring-opacity: 1; --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
.ring-pink-400	--tw-ring-opacity: 1; --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
.ring-pink-500	--tw-ring-opacity: 1; --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
.ring-pink-600	--tw-ring-opacity: 1; --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
.ring-pink-700	--tw-ring-opacity: 1; --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
.ring-pink-800	--tw-ring-opacity: 1; --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
.ring-pink-900	--tw-ring-opacity: 1; --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));

Sets the opacity of the outline ring.

.ring-opacity-0	--tw-ring-opacity: 0;
.ring-opacity-5	--tw-ring-opacity: 0.05;
.ring-opacity-10	--tw-ring-opacity: 0.1;
.ring-opacity-20	--tw-ring-opacity: 0.2;
.ring-opacity-25	--tw-ring-opacity: 0.25;
.ring-opacity-30	--tw-ring-opacity: 0.3;
.ring-opacity-40	--tw-ring-opacity: 0.4;
.ring-opacity-50	--tw-ring-opacity: 0.5;
.ring-opacity-60	--tw-ring-opacity: 0.6;
.ring-opacity-70	--tw-ring-opacity: 0.7;
.ring-opacity-75	--tw-ring-opacity: 0.75;
.ring-opacity-80	--tw-ring-opacity: 0.8;
.ring-opacity-90	--tw-ring-opacity: 0.9;
.ring-opacity-95	--tw-ring-opacity: 0.95;
.ring-opacity-100	--tw-ring-opacity: 1;

Sets the color of the outline ring offset.

.ring-offset-transparent	--tw-ring-offset-color: transparent;
.ring-offset-current	--tw-ring-offset-color: currentColor;
.ring-offset-black	--tw-ring-offset-color: #000;
.ring-offset-white	--tw-ring-offset-color: #fff;
.ring-offset-gray-50	--tw-ring-offset-color: #f9fafb;
.ring-offset-gray-100	--tw-ring-offset-color: #f3f4f6;
.ring-offset-gray-200	--tw-ring-offset-color: #e5e7eb;
.ring-offset-gray-300	--tw-ring-offset-color: #d1d5db;
.ring-offset-gray-400	--tw-ring-offset-color: #9ca3af;
.ring-offset-gray-500	--tw-ring-offset-color: #6b7280;
.ring-offset-gray-600	--tw-ring-offset-color: #4b5563;
.ring-offset-gray-700	--tw-ring-offset-color: #374151;
.ring-offset-gray-800	--tw-ring-offset-color: #1f2937;
.ring-offset-gray-900	--tw-ring-offset-color: #111827;
.ring-offset-red-50	--tw-ring-offset-color: #fef2f2;
.ring-offset-red-100	--tw-ring-offset-color: #fee2e2;
.ring-offset-red-200	--tw-ring-offset-color: #fecaca;
.ring-offset-red-300	--tw-ring-offset-color: #fca5a5;
.ring-offset-red-400	--tw-ring-offset-color: #f87171;
.ring-offset-red-500	--tw-ring-offset-color: #ef4444;
.ring-offset-red-600	--tw-ring-offset-color: #dc2626;
.ring-offset-red-700	--tw-ring-offset-color: #b91c1c;
.ring-offset-red-800	--tw-ring-offset-color: #991b1b;
.ring-offset-red-900	--tw-ring-offset-color: #7f1d1d;
.ring-offset-yellow-50	--tw-ring-offset-color: #fffbeb;
.ring-offset-yellow-100	--tw-ring-offset-color: #fef3c7;
.ring-offset-yellow-200	--tw-ring-offset-color: #fde68a;
.ring-offset-yellow-300	--tw-ring-offset-color: #fcd34d;
.ring-offset-yellow-400	--tw-ring-offset-color: #fbbf24;
.ring-offset-yellow-500	--tw-ring-offset-color: #f59e0b;
.ring-offset-yellow-600	--tw-ring-offset-color: #d97706;
.ring-offset-yellow-700	--tw-ring-offset-color: #b45309;
.ring-offset-yellow-800	--tw-ring-offset-color: #92400e;
.ring-offset-yellow-900	--tw-ring-offset-color: #78350f;
.ring-offset-green-50	--tw-ring-offset-color: #ecfdf5;
.ring-offset-green-100	--tw-ring-offset-color: #d1fae5;
.ring-offset-green-200	--tw-ring-offset-color: #a7f3d0;
.ring-offset-green-300	--tw-ring-offset-color: #6ee7b7;
.ring-offset-green-400	--tw-ring-offset-color: #34d399;
.ring-offset-green-500	--tw-ring-offset-color: #10b981;
.ring-offset-green-600	--tw-ring-offset-color: #059669;
.ring-offset-green-700	--tw-ring-offset-color: #047857;
.ring-offset-green-800	--tw-ring-offset-color: #065f46;
.ring-offset-green-900	--tw-ring-offset-color: #064e3b;
.ring-offset-blue-50	--tw-ring-offset-color: #eff6ff;
.ring-offset-blue-100	--tw-ring-offset-color: #dbeafe;
.ring-offset-blue-200	--tw-ring-offset-color: #bfdbfe;
.ring-offset-blue-300	--tw-ring-offset-color: #93c5fd;
.ring-offset-blue-400	--tw-ring-offset-color: #60a5fa;
.ring-offset-blue-500	--tw-ring-offset-color: #3b82f6;
.ring-offset-blue-600	--tw-ring-offset-color: #2563eb;
.ring-offset-blue-700	--tw-ring-offset-color: #1d4ed8;
.ring-offset-blue-800	--tw-ring-offset-color: #1e40af;
.ring-offset-blue-900	--tw-ring-offset-color: #1e3a8a;
.ring-offset-indigo-50	--tw-ring-offset-color: #eef2ff;
.ring-offset-indigo-100	--tw-ring-offset-color: #e0e7ff;
.ring-offset-indigo-200	--tw-ring-offset-color: #c7d2fe;
.ring-offset-indigo-300	--tw-ring-offset-color: #a5b4fc;
.ring-offset-indigo-400	--tw-ring-offset-color: #818cf8;
.ring-offset-indigo-500	--tw-ring-offset-color: #6366f1;
.ring-offset-indigo-600	--tw-ring-offset-color: #4f46e5;
.ring-offset-indigo-700	--tw-ring-offset-color: #4338ca;
.ring-offset-indigo-800	--tw-ring-offset-color: #3730a3;
.ring-offset-indigo-900	--tw-ring-offset-color: #312e81;
.ring-offset-purple-50	--tw-ring-offset-color: #f5f3ff;
.ring-offset-purple-100	--tw-ring-offset-color: #ede9fe;
.ring-offset-purple-200	--tw-ring-offset-color: #ddd6fe;
.ring-offset-purple-300	--tw-ring-offset-color: #c4b5fd;
.ring-offset-purple-400	--tw-ring-offset-color: #a78bfa;
.ring-offset-purple-500	--tw-ring-offset-color: #8b5cf6;
.ring-offset-purple-600	--tw-ring-offset-color: #7c3aed;
.ring-offset-purple-700	--tw-ring-offset-color: #6d28d9;
.ring-offset-purple-800	--tw-ring-offset-color: #5b21b6;
.ring-offset-purple-900	--tw-ring-offset-color: #4c1d95;
.ring-offset-pink-50	--tw-ring-offset-color: #fdf2f8;
.ring-offset-pink-100	--tw-ring-offset-color: #fce7f3;
.ring-offset-pink-200	--tw-ring-offset-color: #fbcfe8;
.ring-offset-pink-300	--tw-ring-offset-color: #f9a8d4;
.ring-offset-pink-400	--tw-ring-offset-color: #f472b6;
.ring-offset-pink-500	--tw-ring-offset-color: #ec4899;
.ring-offset-pink-600	--tw-ring-offset-color: #db2777;
.ring-offset-pink-700	--tw-ring-offset-color: #be185d;
.ring-offset-pink-800	--tw-ring-offset-color: #9d174d;
.ring-offset-pink-900	--tw-ring-offset-color: #831843;

Transitions and Animation

Sets the CSS properties affected by transition animations.

.transition	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;
.transition-none	transition-property: none;
.transition-all	transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;
.transition-colors	transition-property: background-color, border-color, color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;
.transition-opacity	transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;
.transition-shadow	transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;
.transition-transform	transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;

Sets the length of time for a transition animations to complete.

.duration-75	transition-duration: 75ms;
.duration-100	transition-duration: 100ms;
.duration-150	transition-duration: 150ms;
.duration-200	transition-duration: 200ms;
.duration-300	transition-duration: 300ms;
.duration-500	transition-duration: 500ms;
.duration-700	transition-duration: 700ms;
.duration-1000	transition-duration: 1000ms;

Sets the delay for transitions.

.delay-75	transition-delay: 75ms;
.delay-100	transition-delay: 100ms;
.delay-150	transition-delay: 150ms;
.delay-200	transition-delay: 200ms;
.delay-300	transition-delay: 300ms;
.delay-500	transition-delay: 500ms;
.delay-700	transition-delay: 700ms;
.delay-1000	transition-delay: 1000ms;

Interactivity

Changes the cursor 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;

SVG

Grid

Defines columns for grid layout.

.grid-cols-1	grid-template-columns: repeat(1, minmax(0, 1fr));
.grid-cols-2	grid-template-columns: repeat(2, minmax(0, 1fr));
.grid-cols-3	grid-template-columns: repeat(3, minmax(0, 1fr));
.grid-cols-4	grid-template-columns: repeat(4, minmax(0, 1fr));
.grid-cols-5	grid-template-columns: repeat(5, minmax(0, 1fr));
.grid-cols-6	grid-template-columns: repeat(6, minmax(0, 1fr));
.grid-cols-7	grid-template-columns: repeat(7, minmax(0, 1fr));
.grid-cols-8	grid-template-columns: repeat(8, minmax(0, 1fr));
.grid-cols-9	grid-template-columns: repeat(9, minmax(0, 1fr));
.grid-cols-10	grid-template-columns: repeat(10, minmax(0, 1fr));
.grid-cols-11	grid-template-columns: repeat(11, minmax(0, 1fr));
.grid-cols-12	grid-template-columns: repeat(12, minmax(0, 1fr));
.grid-cols-none	grid-template-columns: none;

Sets a grid item size and location within the grid column.

.col-auto	grid-column: auto;
.col-span-1	grid-column: span 1 / span 1;
.col-span-2	grid-column: span 2 / span 2;
.col-span-3	grid-column: span 3 / span 3;
.col-span-4	grid-column: span 4 / span 4;
.col-span-5	grid-column: span 5 / span 5;
.col-span-6	grid-column: span 6 / span 6;
.col-span-7	grid-column: span 7 / span 7;
.col-span-8	grid-column: span 8 / span 8;
.col-span-9	grid-column: span 9 / span 9;
.col-span-10	grid-column: span 10 / span 10;
.col-span-11	grid-column: span 11 / span 11;
.col-span-12	grid-column: span 12 / span 12;
.col-span-full	grid-column: 1 / -1;
.col-start-1	grid-column-start: 1;
.col-start-2	grid-column-start: 2;
.col-start-3	grid-column-start: 3;
.col-start-4	grid-column-start: 4;
.col-start-5	grid-column-start: 5;
.col-start-6	grid-column-start: 6;
.col-start-7	grid-column-start: 7;
.col-start-8	grid-column-start: 8;
.col-start-9	grid-column-start: 9;
.col-start-10	grid-column-start: 10;
.col-start-11	grid-column-start: 11;
.col-start-12	grid-column-start: 12;
.col-start-13	grid-column-start: 13;
.col-start-auto	grid-column-start: auto;
.col-end-1	grid-column-end: 1;
.col-end-2	grid-column-end: 2;
.col-end-3	grid-column-end: 3;
.col-end-4	grid-column-end: 4;
.col-end-5	grid-column-end: 5;
.col-end-6	grid-column-end: 6;
.col-end-7	grid-column-end: 7;
.col-end-8	grid-column-end: 8;
.col-end-9	grid-column-end: 9;
.col-end-10	grid-column-end: 10;
.col-end-11	grid-column-end: 11;
.col-end-12	grid-column-end: 12;
.col-end-13	grid-column-end: 13;
.col-end-auto	grid-column-end: auto;

Sets a grid item size and location within the grid row.

.row-auto	grid-row: auto;
.row-span-1	grid-row: span 1 / span 1;
.row-span-2	grid-row: span 2 / span 2;
.row-span-3	grid-row: span 3 / span 3;
.row-span-4	grid-row: span 4 / span 4;
.row-span-5	grid-row: span 5 / span 5;
.row-span-6	grid-row: span 6 / span 6;
.row-span-full	grid-row: 1 / -1;
.row-start-1	grid-row-start: 1;
.row-start-2	grid-row-start: 2;
.row-start-3	grid-row-start: 3;
.row-start-4	grid-row-start: 4;
.row-start-5	grid-row-start: 5;
.row-start-6	grid-row-start: 6;
.row-start-7	grid-row-start: 7;
.row-start-auto	grid-row-start: auto;
.row-end-1	grid-row-end: 1;
.row-end-2	grid-row-end: 2;
.row-end-3	grid-row-end: 3;
.row-end-4	grid-row-end: 4;
.row-end-5	grid-row-end: 5;
.row-end-6	grid-row-end: 6;
.row-end-7	grid-row-end: 7;
.row-end-auto	grid-row-end: auto;

Sets the gaps (gutters) between rows and columns.

.gap-0	gap: 0px;
.gap-1	gap: 0.25rem;	4px
.gap-2	gap: 0.5rem;	8px
.gap-3	gap: 0.75rem;	12px
.gap-4	gap: 1rem;	16px
.gap-5	gap: 1.25rem;	20px
.gap-6	gap: 1.5rem;	24px
.gap-7	gap: 1.75rem;	28px
.gap-8	gap: 2rem;	32px
.gap-9	gap: 2.25rem;	36px
.gap-10	gap: 2.5rem;	40px
.gap-11	gap: 2.75rem;	44px
.gap-12	gap: 3rem;	48px
.gap-14	gap: 3.5rem;	56px
.gap-16	gap: 4rem;	64px
.gap-20	gap: 5rem;	80px
.gap-24	gap: 6rem;	96px
.gap-28	gap: 7rem;	112px
.gap-32	gap: 8rem;	128px
.gap-36	gap: 9rem;	144px
.gap-40	gap: 10rem;	160px
.gap-44	gap: 11rem;	176px
.gap-48	gap: 12rem;	192px
.gap-52	gap: 13rem;	208px
.gap-56	gap: 14rem;	224px
.gap-60	gap: 15rem;	240px
.gap-64	gap: 16rem;	256px
.gap-72	gap: 18rem;	288px
.gap-80	gap: 20rem;	320px
.gap-96	gap: 24rem;	384px
.gap-px	gap: 1px;
.gap-0.5	gap: 0.125rem;	2px
.gap-1.5	gap: 0.375rem;	6px
.gap-2.5	gap: 0.625rem;	10px
.gap-3.5	gap: 0.875rem;	14px
.gap-x-0	column-gap: 0px;
.gap-x-1	column-gap: 0.25rem;	4px
.gap-x-2	column-gap: 0.5rem;	8px
.gap-x-3	column-gap: 0.75rem;	12px
.gap-x-4	column-gap: 1rem;	16px
.gap-x-5	column-gap: 1.25rem;	20px
.gap-x-6	column-gap: 1.5rem;	24px
.gap-x-7	column-gap: 1.75rem;	28px
.gap-x-8	column-gap: 2rem;	32px
.gap-x-9	column-gap: 2.25rem;	36px
.gap-x-10	column-gap: 2.5rem;	40px
.gap-x-11	column-gap: 2.75rem;	44px
.gap-x-12	column-gap: 3rem;	48px
.gap-x-14	column-gap: 3.5rem;	56px
.gap-x-16	column-gap: 4rem;	64px
.gap-x-20	column-gap: 5rem;	80px
.gap-x-24	column-gap: 6rem;	96px
.gap-x-28	column-gap: 7rem;	112px
.gap-x-32	column-gap: 8rem;	128px
.gap-x-36	column-gap: 9rem;	144px
.gap-x-40	column-gap: 10rem;	160px
.gap-x-44	column-gap: 11rem;	176px
.gap-x-48	column-gap: 12rem;	192px
.gap-x-52	column-gap: 13rem;	208px
.gap-x-56	column-gap: 14rem;	224px
.gap-x-60	column-gap: 15rem;	240px
.gap-x-64	column-gap: 16rem;	256px
.gap-x-72	column-gap: 18rem;	288px
.gap-x-80	column-gap: 20rem;	320px
.gap-x-96	column-gap: 24rem;	384px
.gap-x-px	column-gap: 1px;
.gap-x-0.5	column-gap: 0.125rem;	2px
.gap-x-1.5	column-gap: 0.375rem;	6px
.gap-x-2.5	column-gap: 0.625rem;	10px
.gap-x-3.5	column-gap: 0.875rem;	14px
.gap-y-0	row-gap: 0px;
.gap-y-1	row-gap: 0.25rem;	4px
.gap-y-2	row-gap: 0.5rem;	8px
.gap-y-3	row-gap: 0.75rem;	12px
.gap-y-4	row-gap: 1rem;	16px
.gap-y-5	row-gap: 1.25rem;	20px
.gap-y-6	row-gap: 1.5rem;	24px
.gap-y-7	row-gap: 1.75rem;	28px
.gap-y-8	row-gap: 2rem;	32px
.gap-y-9	row-gap: 2.25rem;	36px
.gap-y-10	row-gap: 2.5rem;	40px
.gap-y-11	row-gap: 2.75rem;	44px
.gap-y-12	row-gap: 3rem;	48px
.gap-y-14	row-gap: 3.5rem;	56px
.gap-y-16	row-gap: 4rem;	64px
.gap-y-20	row-gap: 5rem;	80px
.gap-y-24	row-gap: 6rem;	96px
.gap-y-28	row-gap: 7rem;	112px
.gap-y-32	row-gap: 8rem;	128px
.gap-y-36	row-gap: 9rem;	144px
.gap-y-40	row-gap: 10rem;	160px
.gap-y-44	row-gap: 11rem;	176px
.gap-y-48	row-gap: 12rem;	192px
.gap-y-52	row-gap: 13rem;	208px
.gap-y-56	row-gap: 14rem;	224px
.gap-y-60	row-gap: 15rem;	240px
.gap-y-64	row-gap: 16rem;	256px
.gap-y-72	row-gap: 18rem;	288px
.gap-y-80	row-gap: 20rem;	320px
.gap-y-96	row-gap: 24rem;	384px
.gap-y-px	row-gap: 1px;
.gap-y-0.5	row-gap: 0.125rem;	2px
.gap-y-1.5	row-gap: 0.375rem;	6px
.gap-y-2.5	row-gap: 0.625rem;	10px
.gap-y-3.5	row-gap: 0.875rem;	14px

Box Alignment

Typography

Sets the text color.

.text-transparent	color: transparent;
.text-current	color: currentColor;
.text-black	--tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity));
.text-white	--tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity));
.text-gray-50	--tw-text-opacity: 1; color: rgba(249, 250, 251, var(--tw-text-opacity));
.text-gray-100	--tw-text-opacity: 1; color: rgba(243, 244, 246, var(--tw-text-opacity));
.text-gray-200	--tw-text-opacity: 1; color: rgba(229, 231, 235, var(--tw-text-opacity));
.text-gray-300	--tw-text-opacity: 1; color: rgba(209, 213, 219, var(--tw-text-opacity));
.text-gray-400	--tw-text-opacity: 1; color: rgba(156, 163, 175, var(--tw-text-opacity));
.text-gray-500	--tw-text-opacity: 1; color: rgba(107, 114, 128, var(--tw-text-opacity));
.text-gray-600	--tw-text-opacity: 1; color: rgba(75, 85, 99, var(--tw-text-opacity));
.text-gray-700	--tw-text-opacity: 1; color: rgba(55, 65, 81, var(--tw-text-opacity));
.text-gray-800	--tw-text-opacity: 1; color: rgba(31, 41, 55, var(--tw-text-opacity));
.text-gray-900	--tw-text-opacity: 1; color: rgba(17, 24, 39, var(--tw-text-opacity));
.text-red-50	--tw-text-opacity: 1; color: rgba(254, 242, 242, var(--tw-text-opacity));
.text-red-100	--tw-text-opacity: 1; color: rgba(254, 226, 226, var(--tw-text-opacity));
.text-red-200	--tw-text-opacity: 1; color: rgba(254, 202, 202, var(--tw-text-opacity));
.text-red-300	--tw-text-opacity: 1; color: rgba(252, 165, 165, var(--tw-text-opacity));
.text-red-400	--tw-text-opacity: 1; color: rgba(248, 113, 113, var(--tw-text-opacity));
.text-red-500	--tw-text-opacity: 1; color: rgba(239, 68, 68, var(--tw-text-opacity));
.text-red-600	--tw-text-opacity: 1; color: rgba(220, 38, 38, var(--tw-text-opacity));
.text-red-700	--tw-text-opacity: 1; color: rgba(185, 28, 28, var(--tw-text-opacity));
.text-red-800	--tw-text-opacity: 1; color: rgba(153, 27, 27, var(--tw-text-opacity));
.text-red-900	--tw-text-opacity: 1; color: rgba(127, 29, 29, var(--tw-text-opacity));
.text-yellow-50	--tw-text-opacity: 1; color: rgba(255, 251, 235, var(--tw-text-opacity));
.text-yellow-100	--tw-text-opacity: 1; color: rgba(254, 243, 199, var(--tw-text-opacity));
.text-yellow-200	--tw-text-opacity: 1; color: rgba(253, 230, 138, var(--tw-text-opacity));
.text-yellow-300	--tw-text-opacity: 1; color: rgba(252, 211, 77, var(--tw-text-opacity));
.text-yellow-400	--tw-text-opacity: 1; color: rgba(251, 191, 36, var(--tw-text-opacity));
.text-yellow-500	--tw-text-opacity: 1; color: rgba(245, 158, 11, var(--tw-text-opacity));
.text-yellow-600	--tw-text-opacity: 1; color: rgba(217, 119, 6, var(--tw-text-opacity));
.text-yellow-700	--tw-text-opacity: 1; color: rgba(180, 83, 9, var(--tw-text-opacity));
.text-yellow-800	--tw-text-opacity: 1; color: rgba(146, 64, 14, var(--tw-text-opacity));
.text-yellow-900	--tw-text-opacity: 1; color: rgba(120, 53, 15, var(--tw-text-opacity));
.text-green-50	--tw-text-opacity: 1; color: rgba(236, 253, 245, var(--tw-text-opacity));
.text-green-100	--tw-text-opacity: 1; color: rgba(209, 250, 229, var(--tw-text-opacity));
.text-green-200	--tw-text-opacity: 1; color: rgba(167, 243, 208, var(--tw-text-opacity));
.text-green-300	--tw-text-opacity: 1; color: rgba(110, 231, 183, var(--tw-text-opacity));
.text-green-400	--tw-text-opacity: 1; color: rgba(52, 211, 153, var(--tw-text-opacity));
.text-green-500	--tw-text-opacity: 1; color: rgba(16, 185, 129, var(--tw-text-opacity));
.text-green-600	--tw-text-opacity: 1; color: rgba(5, 150, 105, var(--tw-text-opacity));
.text-green-700	--tw-text-opacity: 1; color: rgba(4, 120, 87, var(--tw-text-opacity));
.text-green-800	--tw-text-opacity: 1; color: rgba(6, 95, 70, var(--tw-text-opacity));
.text-green-900	--tw-text-opacity: 1; color: rgba(6, 78, 59, var(--tw-text-opacity));
.text-blue-50	--tw-text-opacity: 1; color: rgba(239, 246, 255, var(--tw-text-opacity));
.text-blue-100	--tw-text-opacity: 1; color: rgba(219, 234, 254, var(--tw-text-opacity));
.text-blue-200	--tw-text-opacity: 1; color: rgba(191, 219, 254, var(--tw-text-opacity));
.text-blue-300	--tw-text-opacity: 1; color: rgba(147, 197, 253, var(--tw-text-opacity));
.text-blue-400	--tw-text-opacity: 1; color: rgba(96, 165, 250, var(--tw-text-opacity));
.text-blue-500	--tw-text-opacity: 1; color: rgba(59, 130, 246, var(--tw-text-opacity));
.text-blue-600	--tw-text-opacity: 1; color: rgba(37, 99, 235, var(--tw-text-opacity));
.text-blue-700	--tw-text-opacity: 1; color: rgba(29, 78, 216, var(--tw-text-opacity));
.text-blue-800	--tw-text-opacity: 1; color: rgba(30, 64, 175, var(--tw-text-opacity));
.text-blue-900	--tw-text-opacity: 1; color: rgba(30, 58, 138, var(--tw-text-opacity));
.text-indigo-50	--tw-text-opacity: 1; color: rgba(238, 242, 255, var(--tw-text-opacity));
.text-indigo-100	--tw-text-opacity: 1; color: rgba(224, 231, 255, var(--tw-text-opacity));
.text-indigo-200	--tw-text-opacity: 1; color: rgba(199, 210, 254, var(--tw-text-opacity));
.text-indigo-300	--tw-text-opacity: 1; color: rgba(165, 180, 252, var(--tw-text-opacity));
.text-indigo-400	--tw-text-opacity: 1; color: rgba(129, 140, 248, var(--tw-text-opacity));
.text-indigo-500	--tw-text-opacity: 1; color: rgba(99, 102, 241, var(--tw-text-opacity));
.text-indigo-600	--tw-text-opacity: 1; color: rgba(79, 70, 229, var(--tw-text-opacity));
.text-indigo-700	--tw-text-opacity: 1; color: rgba(67, 56, 202, var(--tw-text-opacity));
.text-indigo-800	--tw-text-opacity: 1; color: rgba(55, 48, 163, var(--tw-text-opacity));
.text-indigo-900	--tw-text-opacity: 1; color: rgba(49, 46, 129, var(--tw-text-opacity));
.text-purple-50	--tw-text-opacity: 1; color: rgba(245, 243, 255, var(--tw-text-opacity));
.text-purple-100	--tw-text-opacity: 1; color: rgba(237, 233, 254, var(--tw-text-opacity));
.text-purple-200	--tw-text-opacity: 1; color: rgba(221, 214, 254, var(--tw-text-opacity));
.text-purple-300	--tw-text-opacity: 1; color: rgba(196, 181, 253, var(--tw-text-opacity));
.text-purple-400	--tw-text-opacity: 1; color: rgba(167, 139, 250, var(--tw-text-opacity));
.text-purple-500	--tw-text-opacity: 1; color: rgba(139, 92, 246, var(--tw-text-opacity));
.text-purple-600	--tw-text-opacity: 1; color: rgba(124, 58, 237, var(--tw-text-opacity));
.text-purple-700	--tw-text-opacity: 1; color: rgba(109, 40, 217, var(--tw-text-opacity));
.text-purple-800	--tw-text-opacity: 1; color: rgba(91, 33, 182, var(--tw-text-opacity));
.text-purple-900	--tw-text-opacity: 1; color: rgba(76, 29, 149, var(--tw-text-opacity));
.text-pink-50	--tw-text-opacity: 1; color: rgba(253, 242, 248, var(--tw-text-opacity));
.text-pink-100	--tw-text-opacity: 1; color: rgba(252, 231, 243, var(--tw-text-opacity));
.text-pink-200	--tw-text-opacity: 1; color: rgba(251, 207, 232, var(--tw-text-opacity));
.text-pink-300	--tw-text-opacity: 1; color: rgba(249, 168, 212, var(--tw-text-opacity));
.text-pink-400	--tw-text-opacity: 1; color: rgba(244, 114, 182, var(--tw-text-opacity));
.text-pink-500	--tw-text-opacity: 1; color: rgba(236, 72, 153, var(--tw-text-opacity));
.text-pink-600	--tw-text-opacity: 1; color: rgba(219, 39, 119, var(--tw-text-opacity));
.text-pink-700	--tw-text-opacity: 1; color: rgba(190, 24, 93, var(--tw-text-opacity));
.text-pink-800	--tw-text-opacity: 1; color: rgba(157, 23, 77, var(--tw-text-opacity));
.text-pink-900	--tw-text-opacity: 1; color: rgba(131, 24, 67, var(--tw-text-opacity));

Sets text opacity when used with text-[color].

.text-opacity-0	--tw-text-opacity: 0;
.text-opacity-5	--tw-text-opacity: 0.05;
.text-opacity-10	--tw-text-opacity: 0.1;
.text-opacity-20	--tw-text-opacity: 0.2;
.text-opacity-25	--tw-text-opacity: 0.25;
.text-opacity-30	--tw-text-opacity: 0.3;
.text-opacity-40	--tw-text-opacity: 0.4;
.text-opacity-50	--tw-text-opacity: 0.5;
.text-opacity-60	--tw-text-opacity: 0.6;
.text-opacity-70	--tw-text-opacity: 0.7;
.text-opacity-75	--tw-text-opacity: 0.75;
.text-opacity-80	--tw-text-opacity: 0.8;
.text-opacity-90	--tw-text-opacity: 0.9;
.text-opacity-95	--tw-text-opacity: 0.95;
.text-opacity-100	--tw-text-opacity: 1;

Sets the font size.

.text-xs	font-size: 0.75rem; line-height: 1rem;	12px
.text-sm	font-size: 0.875rem; line-height: 1.25rem;	14px
.text-base	font-size: 1rem; line-height: 1.5rem;	16px
.text-lg	font-size: 1.125rem; line-height: 1.75rem;	18px
.text-xl	font-size: 1.25rem; line-height: 1.75rem;	20px
.text-2xl	font-size: 1.5rem; line-height: 2rem;	24px
.text-3xl	font-size: 1.875rem; line-height: 2.25rem;	30px
.text-4xl	font-size: 2.25rem; line-height: 2.5rem;	36px
.text-5xl	font-size: 3rem; line-height: 1;	48px
.text-6xl	font-size: 3.75rem; line-height: 1;	60px
.text-7xl	font-size: 4.5rem; line-height: 1;	72px
.text-8xl	font-size: 6rem; line-height: 1;	96px
.text-9xl	font-size: 8rem; line-height: 1;	128px

Sets the font weight.

.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;

Sets the font number variant.

.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;

Sets the line height.

.leading-none	line-height: 1;
.leading-tight	line-height: 1.25;
.leading-snug	line-height: 1.375;
.leading-normal	line-height: 1.5;
.leading-relaxed	line-height: 1.625;
.leading-loose	line-height: 2;
.leading-3	line-height: .75rem;	12px
.leading-4	line-height: 1rem;	16px
.leading-5	line-height: 1.25rem;	20px
.leading-6	line-height: 1.5rem;	24px
.leading-7	line-height: 1.75rem;	28px
.leading-8	line-height: 2rem;	32px
.leading-9	line-height: 2.25rem;	36px
.leading-10	line-height: 2.5rem;	40px

Sets the placeholder color using the ::placeholder pseudo element.

.placeholder-transparent	color: transparent;
.placeholder-current	color: currentColor;
.placeholder-black	--tw-placeholder-opacity: 1; color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
.placeholder-white	--tw-placeholder-opacity: 1; color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
.placeholder-gray-50	--tw-placeholder-opacity: 1; color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
.placeholder-gray-100	--tw-placeholder-opacity: 1; color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
.placeholder-gray-200	--tw-placeholder-opacity: 1; color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
.placeholder-gray-300	--tw-placeholder-opacity: 1; color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
.placeholder-gray-400	--tw-placeholder-opacity: 1; color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
.placeholder-gray-500	--tw-placeholder-opacity: 1; color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
.placeholder-gray-600	--tw-placeholder-opacity: 1; color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
.placeholder-gray-700	--tw-placeholder-opacity: 1; color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
.placeholder-gray-800	--tw-placeholder-opacity: 1; color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
.placeholder-gray-900	--tw-placeholder-opacity: 1; color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
.placeholder-red-50	--tw-placeholder-opacity: 1; color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
.placeholder-red-100	--tw-placeholder-opacity: 1; color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
.placeholder-red-200	--tw-placeholder-opacity: 1; color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
.placeholder-red-300	--tw-placeholder-opacity: 1; color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
.placeholder-red-400	--tw-placeholder-opacity: 1; color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
.placeholder-red-500	--tw-placeholder-opacity: 1; color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
.placeholder-red-600	--tw-placeholder-opacity: 1; color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
.placeholder-red-700	--tw-placeholder-opacity: 1; color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
.placeholder-red-800	--tw-placeholder-opacity: 1; color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
.placeholder-red-900	--tw-placeholder-opacity: 1; color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
.placeholder-yellow-50	--tw-placeholder-opacity: 1; color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
.placeholder-yellow-100	--tw-placeholder-opacity: 1; color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
.placeholder-yellow-200	--tw-placeholder-opacity: 1; color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
.placeholder-yellow-300	--tw-placeholder-opacity: 1; color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
.placeholder-yellow-400	--tw-placeholder-opacity: 1; color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
.placeholder-yellow-500	--tw-placeholder-opacity: 1; color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
.placeholder-yellow-600	--tw-placeholder-opacity: 1; color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
.placeholder-yellow-700	--tw-placeholder-opacity: 1; color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
.placeholder-yellow-800	--tw-placeholder-opacity: 1; color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
.placeholder-yellow-900	--tw-placeholder-opacity: 1; color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
.placeholder-green-50	--tw-placeholder-opacity: 1; color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
.placeholder-green-100	--tw-placeholder-opacity: 1; color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
.placeholder-green-200	--tw-placeholder-opacity: 1; color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
.placeholder-green-300	--tw-placeholder-opacity: 1; color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
.placeholder-green-400	--tw-placeholder-opacity: 1; color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
.placeholder-green-500	--tw-placeholder-opacity: 1; color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
.placeholder-green-600	--tw-placeholder-opacity: 1; color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
.placeholder-green-700	--tw-placeholder-opacity: 1; color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
.placeholder-green-800	--tw-placeholder-opacity: 1; color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
.placeholder-green-900	--tw-placeholder-opacity: 1; color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
.placeholder-blue-50	--tw-placeholder-opacity: 1; color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
.placeholder-blue-100	--tw-placeholder-opacity: 1; color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
.placeholder-blue-200	--tw-placeholder-opacity: 1; color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
.placeholder-blue-300	--tw-placeholder-opacity: 1; color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
.placeholder-blue-400	--tw-placeholder-opacity: 1; color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
.placeholder-blue-500	--tw-placeholder-opacity: 1; color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
.placeholder-blue-600	--tw-placeholder-opacity: 1; color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
.placeholder-blue-700	--tw-placeholder-opacity: 1; color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
.placeholder-blue-800	--tw-placeholder-opacity: 1; color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
.placeholder-blue-900	--tw-placeholder-opacity: 1; color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
.placeholder-indigo-50	--tw-placeholder-opacity: 1; color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
.placeholder-indigo-100	--tw-placeholder-opacity: 1; color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
.placeholder-indigo-200	--tw-placeholder-opacity: 1; color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
.placeholder-indigo-300	--tw-placeholder-opacity: 1; color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
.placeholder-indigo-400	--tw-placeholder-opacity: 1; color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
.placeholder-indigo-500	--tw-placeholder-opacity: 1; color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
.placeholder-indigo-600	--tw-placeholder-opacity: 1; color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
.placeholder-indigo-700	--tw-placeholder-opacity: 1; color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
.placeholder-indigo-800	--tw-placeholder-opacity: 1; color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
.placeholder-indigo-900	--tw-placeholder-opacity: 1; color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
.placeholder-purple-50	--tw-placeholder-opacity: 1; color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
.placeholder-purple-100	--tw-placeholder-opacity: 1; color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
.placeholder-purple-200	--tw-placeholder-opacity: 1; color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
.placeholder-purple-300	--tw-placeholder-opacity: 1; color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
.placeholder-purple-400	--tw-placeholder-opacity: 1; color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
.placeholder-purple-500	--tw-placeholder-opacity: 1; color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
.placeholder-purple-600	--tw-placeholder-opacity: 1; color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
.placeholder-purple-700	--tw-placeholder-opacity: 1; color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
.placeholder-purple-800	--tw-placeholder-opacity: 1; color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
.placeholder-purple-900	--tw-placeholder-opacity: 1; color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
.placeholder-pink-50	--tw-placeholder-opacity: 1; color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
.placeholder-pink-100	--tw-placeholder-opacity: 1; color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
.placeholder-pink-200	--tw-placeholder-opacity: 1; color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
.placeholder-pink-300	--tw-placeholder-opacity: 1; color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
.placeholder-pink-400	--tw-placeholder-opacity: 1; color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
.placeholder-pink-500	--tw-placeholder-opacity: 1; color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
.placeholder-pink-600	--tw-placeholder-opacity: 1; color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
.placeholder-pink-700	--tw-placeholder-opacity: 1; color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
.placeholder-pink-800	--tw-placeholder-opacity: 1; color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
.placeholder-pink-900	--tw-placeholder-opacity: 1; color: rgba(131, 24, 67, var(--tw-placeholder-opacity));

Sets the placeholder opacity when used with placeholder-[color].

.placeholder-opacity-0	--tw-placeholder-opacity: 0;
.placeholder-opacity-5	--tw-placeholder-opacity: 0.05;
.placeholder-opacity-10	--tw-placeholder-opacity: 0.1;
.placeholder-opacity-20	--tw-placeholder-opacity: 0.2;
.placeholder-opacity-25	--tw-placeholder-opacity: 0.25;
.placeholder-opacity-30	--tw-placeholder-opacity: 0.3;
.placeholder-opacity-40	--tw-placeholder-opacity: 0.4;
.placeholder-opacity-50	--tw-placeholder-opacity: 0.5;
.placeholder-opacity-60	--tw-placeholder-opacity: 0.6;
.placeholder-opacity-70	--tw-placeholder-opacity: 0.7;
.placeholder-opacity-75	--tw-placeholder-opacity: 0.75;
.placeholder-opacity-80	--tw-placeholder-opacity: 0.8;
.placeholder-opacity-90	--tw-placeholder-opacity: 0.9;
.placeholder-opacity-95	--tw-placeholder-opacity: 0.95;
.placeholder-opacity-100	--tw-placeholder-opacity: 1;

Filter

Sets blur filter on elements (use with filter utility).

.blur-0	--tw-blur: blur(0);
.blur-none	--tw-blur: blur(0);
.blur-sm	--tw-blur: blur(4px);
.blur	--tw-blur: blur(8px);
.blur-md	--tw-blur: blur(12px);
.blur-lg	--tw-blur: blur(16px);
.blur-xl	--tw-blur: blur(24px);
.blur-2xl	--tw-blur: blur(40px);
.blur-3xl	--tw-blur: blur(64px);

Sets brightness filter on elements (use with filter utility).

.brightness-0	--tw-brightness: brightness(0);
.brightness-50	--tw-brightness: brightness(.5);
.brightness-75	--tw-brightness: brightness(.75);
.brightness-90	--tw-brightness: brightness(.9);
.brightness-95	--tw-brightness: brightness(.95);
.brightness-100	--tw-brightness: brightness(1);
.brightness-105	--tw-brightness: brightness(1.05);
.brightness-110	--tw-brightness: brightness(1.1);
.brightness-125	--tw-brightness: brightness(1.25);
.brightness-150	--tw-brightness: brightness(1.5);
.brightness-200	--tw-brightness: brightness(2);

Sets drop-shadow filter on elements (use with filter utility).

.drop-shadow-sm	--tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05));
.drop-shadow	--tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
.drop-shadow-md	--tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
.drop-shadow-lg	--tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1));
.drop-shadow-xl	--tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08));
.drop-shadow-2xl	--tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));
.drop-shadow-none	--tw-drop-shadow: drop-shadow(0 0 #0000);

Sets hue-rotate filter on elements (use with filter utility).

.hue-rotate-0	--tw-hue-rotate: hue-rotate(0deg);
.hue-rotate-15	--tw-hue-rotate: hue-rotate(15deg);
.hue-rotate-30	--tw-hue-rotate: hue-rotate(30deg);
.hue-rotate-60	--tw-hue-rotate: hue-rotate(60deg);
.hue-rotate-90	--tw-hue-rotate: hue-rotate(90deg);
.hue-rotate-180	--tw-hue-rotate: hue-rotate(180deg);
.-hue-rotate-180	--tw-hue-rotate: hue-rotate(-180deg);
.-hue-rotate-90	--tw-hue-rotate: hue-rotate(-90deg);
.-hue-rotate-60	--tw-hue-rotate: hue-rotate(-60deg);
.-hue-rotate-30	--tw-hue-rotate: hue-rotate(-30deg);
.-hue-rotate-15	--tw-hue-rotate: hue-rotate(-15deg);

Sets backdrop blur filter on elements (use with filter utility).

.backdrop-blur-0	--tw-backdrop-blur: blur(0);
.backdrop-blur-none	--tw-backdrop-blur: blur(0);
.backdrop-blur-sm	--tw-backdrop-blur: blur(4px);
.backdrop-blur	--tw-backdrop-blur: blur(8px);
.backdrop-blur-md	--tw-backdrop-blur: blur(12px);
.backdrop-blur-lg	--tw-backdrop-blur: blur(16px);
.backdrop-blur-xl	--tw-backdrop-blur: blur(24px);
.backdrop-blur-2xl	--tw-backdrop-blur: blur(40px);
.backdrop-blur-3xl	--tw-backdrop-blur: blur(64px);

Sets backdrop brightness filter on elements (use with filter utility).

.backdrop-brightness-0	--tw-backdrop-brightness: brightness(0);
.backdrop-brightness-50	--tw-backdrop-brightness: brightness(.5);
.backdrop-brightness-75	--tw-backdrop-brightness: brightness(.75);
.backdrop-brightness-90	--tw-backdrop-brightness: brightness(.9);
.backdrop-brightness-95	--tw-backdrop-brightness: brightness(.95);
.backdrop-brightness-100	--tw-backdrop-brightness: brightness(1);
.backdrop-brightness-105	--tw-backdrop-brightness: brightness(1.05);
.backdrop-brightness-110	--tw-backdrop-brightness: brightness(1.1);
.backdrop-brightness-125	--tw-backdrop-brightness: brightness(1.25);
.backdrop-brightness-150	--tw-backdrop-brightness: brightness(1.5);
.backdrop-brightness-200	--tw-backdrop-brightness: brightness(2);

Sets backdrop contrast filter on elements (use with filter utility).

.backdrop-contrast-0	--tw-backdrop-contrast: contrast(0);
.backdrop-contrast-50	--tw-backdrop-contrast: contrast(.5);
.backdrop-contrast-75	--tw-backdrop-contrast: contrast(.75);
.backdrop-contrast-100	--tw-backdrop-contrast: contrast(1);
.backdrop-contrast-125	--tw-backdrop-contrast: contrast(1.25);
.backdrop-contrast-150	--tw-backdrop-contrast: contrast(1.5);
.backdrop-contrast-200	--tw-backdrop-contrast: contrast(2);

Sets backdrop hue-rotate filter on elements (use with filter utility).

.backdrop-hue-rotate-0	--tw-backdrop-hue-rotate: hue-rotate(0deg);
.backdrop-hue-rotate-15	--tw-backdrop-hue-rotate: hue-rotate(15deg);
.backdrop-hue-rotate-30	--tw-backdrop-hue-rotate: hue-rotate(30deg);
.backdrop-hue-rotate-60	--tw-backdrop-hue-rotate: hue-rotate(60deg);
.backdrop-hue-rotate-90	--tw-backdrop-hue-rotate: hue-rotate(90deg);
.backdrop-hue-rotate-180	--tw-backdrop-hue-rotate: hue-rotate(180deg);
.-backdrop-hue-rotate-180	--tw-backdrop-hue-rotate: hue-rotate(-180deg);
.-backdrop-hue-rotate-90	--tw-backdrop-hue-rotate: hue-rotate(-90deg);
.-backdrop-hue-rotate-60	--tw-backdrop-hue-rotate: hue-rotate(-60deg);
.-backdrop-hue-rotate-30	--tw-backdrop-hue-rotate: hue-rotate(-30deg);
.-backdrop-hue-rotate-15	--tw-backdrop-hue-rotate: hue-rotate(-15deg);

Sets backdrop opacity filter on elements (use with filter utility).

.backdrop-opacity-0	--tw-backdrop-opacity: opacity(0);
.backdrop-opacity-5	--tw-backdrop-opacity: opacity(0.05);
.backdrop-opacity-10	--tw-backdrop-opacity: opacity(0.1);
.backdrop-opacity-20	--tw-backdrop-opacity: opacity(0.2);
.backdrop-opacity-25	--tw-backdrop-opacity: opacity(0.25);
.backdrop-opacity-30	--tw-backdrop-opacity: opacity(0.3);
.backdrop-opacity-40	--tw-backdrop-opacity: opacity(0.4);
.backdrop-opacity-50	--tw-backdrop-opacity: opacity(0.5);
.backdrop-opacity-60	--tw-backdrop-opacity: opacity(0.6);
.backdrop-opacity-70	--tw-backdrop-opacity: opacity(0.7);
.backdrop-opacity-75	--tw-backdrop-opacity: opacity(0.75);
.backdrop-opacity-80	--tw-backdrop-opacity: opacity(0.8);
.backdrop-opacity-90	--tw-backdrop-opacity: opacity(0.9);
.backdrop-opacity-95	--tw-backdrop-opacity: opacity(0.95);
.backdrop-opacity-100	--tw-backdrop-opacity: opacity(1);

sm:	@media (min-width: 640px) { ... }
md:	@media (min-width: 768px) { ... }
lg:	@media (min-width: 1024px) { ... }
xl:	@media (min-width: 1280px) { ... }
2xl:	@media (min-width: 1536px) { ... }

.decoration-slice	-webkit-box-decoration-break: slice; box-decoration-break: slice;
.decoration-clone	-webkit-box-decoration-break: clone; box-decoration-break: clone;

.box-border	box-sizing: border-box;
.box-content	box-sizing: content-box;

.float-right	float: right;
.float-left	float: left;
.float-none	float: none;

.clear-left	clear: left;
.clear-right	clear: right;
.clear-both	clear: both;
.clear-none	clear: none;

.container	none	width: 100%;
	sm:	max-width: 640px;
	md:	max-width: 768px;
	lg:	max-width: 1024px;
	xl:	max-width: 1280px;
	2xl:	max-width: 1536px;

.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;

.static	position: static;
.fixed	position: fixed;
.absolute	position: absolute;
.relative	position: relative;
.sticky	position: sticky;

.z-0	z-index: 0;
.z-10	z-index: 10;
.z-20	z-index: 20;
.z-30	z-index: 30;
.z-40	z-index: 40;
.z-50	z-index: 50;
.z-auto	z-index: auto;

.bg-fixed	background-attachment: fixed;
.bg-local	background-attachment: local;
.bg-scroll	background-attachment: scroll;

.bg-clip-border	background-clip: border-box;
.bg-clip-padding	background-clip: padding-box;
.bg-clip-content	background-clip: content-box;
.bg-clip-text	-webkit-background-clip: text; background-clip: text;

.bg-origin-border	background-origin: border-box;
.bg-origin-padding	background-origin: padding-box;
.bg-origin-content	background-origin: content-box;

.bg-repeat	background-repeat: repeat;
.bg-no-repeat	background-repeat: no-repeat;
.bg-repeat-x	background-repeat: repeat-x;
.bg-repeat-y	background-repeat: repeat-y;
.bg-repeat-round	background-repeat: round;
.bg-repeat-space	background-repeat: space;

.bg-auto	background-size: auto;
.bg-cover	background-size: cover;
.bg-contain	background-size: contain;

.border-collapse	border-collapse: collapse;
.border-separate	border-collapse: separate;

.isolate	isolation: isolate;
.isolation-auto	isolation: auto;

.visible	visibility: visible;
.invisible	visibility: hidden;

.table-auto	table-layout: auto;
.table-fixed	table-layout: fixed;

.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	flex-wrap: wrap;
.flex-wrap-reverse	flex-wrap: wrap-reverse;
.flex-nowrap	flex-wrap: nowrap;

.flex-1	flex: 1 1 0%;
.flex-auto	flex: 1 1 auto;
.flex-initial	flex: 0 1 auto;
.flex-none	flex: none;

.min-w-0	min-width: 0px;
.min-w-full	min-width: 100%;
.min-w-min	min-width: min-content;
.min-w-max	min-width: max-content;

.min-h-0	min-height: 0px;
.min-h-full	min-height: 100%;
.min-h-screen	min-height: 100vh;

.border-solid	border-style: solid;
.border-dashed	border-style: dashed;
.border-dotted	border-style: dotted;
.border-double	border-style: double;
.border-none	border-style: none;

.divide-solid > *	border-style: solid;
.divide-dashed > *	border-style: dashed;
.divide-dotted > *	border-style: dotted;
.divide-double > *	border-style: double;
.divide-none > *	border-style: none;

.ring-offset-0	--tw-ring-offset-width: 0px;
.ring-offset-1	--tw-ring-offset-width: 1px;
.ring-offset-2	--tw-ring-offset-width: 2px;
.ring-offset-4	--tw-ring-offset-width: 4px;
.ring-offset-8	--tw-ring-offset-width: 8px;

.ease-linear	transition-timing-function: linear;
.ease-in	transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
.ease-out	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
.ease-in-out	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

.animate-none	animation: none;
.animate-spin	animation: spin 1s linear infinite;
.animate-ping	animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
.animate-pulse	animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
.animate-bounce	animation: bounce 1s infinite;

.outline-none	outline: 2px solid transparent; outline-offset: 2px;
.outline-white	outline: 2px dotted white; outline-offset: 2px;
.outline-black	outline: 2px dotted black; outline-offset: 2px;

.pointer-events-none	pointer-events: none;
.pointer-events-auto	pointer-events: auto;

.resize-none	resize: none;
.resize-y	resize: vertical;
.resize-x	resize: horizontal;
.resize	resize: both;

.select-none	user-select: none;
.select-text	user-select: text;
.select-all	user-select: all;
.select-auto	user-select: auto;

.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;

.stroke-0	stroke-width: 0;
.stroke-1	stroke-width: 1;
.stroke-2	stroke-width: 2;

.grid-rows-1	grid-template-rows: repeat(1, minmax(0, 1fr));
.grid-rows-2	grid-template-rows: repeat(2, minmax(0, 1fr));
.grid-rows-3	grid-template-rows: repeat(3, minmax(0, 1fr));
.grid-rows-4	grid-template-rows: repeat(4, minmax(0, 1fr));
.grid-rows-5	grid-template-rows: repeat(5, minmax(0, 1fr));
.grid-rows-6	grid-template-rows: repeat(6, minmax(0, 1fr));
.grid-rows-none	grid-template-rows: none;

.grid-flow-row	grid-auto-flow: row;
.grid-flow-col	grid-auto-flow: column;
.grid-flow-row-dense	grid-auto-flow: row dense;
.grid-flow-col-dense	grid-auto-flow: column dense;

.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-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);