New

Uniform CSS has now been officially released!
Read more


Animation

API Reference

All properties conveniently displayed.


align-content

responsive: true, pseudos: (none)
align-content-center
align-content: center;
align-content-start
align-content: flex-start;
align-content-end
align-content: flex-end;
align-content-between
align-content: space-between;
align-content-around
align-content: space-around;
align-content-evenly
align-content: space-evenly;

align-items

responsive: true, pseudos: (none)
align-items-center
align-items: center;
align-items-start
align-items: flex-start;
align-items-end
align-items: flex-end;
align-items-baseline
align-items: baseline;
align-items-stretch
align-items: stretch;

align-self

responsive: true, pseudos: (none)
align-self-auto
align-self: auto;
align-self-stretch
align-self: stretch;
align-self-center
align-self: center;
align-self-start
align-self: flex-start;
align-self-end
align-self: flex-end;

justify-content

responsive: true, pseudos: (none)
justify-content-start
justify-content: flex-start;
justify-content-center
justify-content: center;
justify-content-end
justify-content: flex-end;
justify-content-between
justify-content: space-between;
justify-content-around
justify-content: space-around;
justify-content-evenly
justify-content: space-evenly;

justify-items

responsive: true, pseudos: (none)
justify-items-auto
justify-items: auto;
justify-items-start
justify-items: start;
justify-items-end
justify-items: end;
justify-items-center
justify-items: center;
justify-items-stretch
justify-items: stretch;

justify-self

responsive: true, pseudos: (none)
justify-self-auto
justify-self: auto;
justify-self-start
justify-self: start;
justify-self-end
justify-self: end;
justify-self-center
justify-self: center;
justify-self-stretch
justify-self: stretch;

vertical-align

responsive: true, pseudos: (none)
align-baseline
vertical-align: baseline;
align-top
vertival-align: top;
align-middle
vertical-align: middle;
align-bottom
vertival-align: bottom;
align-text-top
vertical-align: text-top;
align-text-bottom
vertical-align: text-bottom;

animation

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

appearance

responsive: false, pseudos: (none)
appearance-none
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;

display

responsive: true, pseudos: (none)
inline
display: inline;
block
display: block;
flex
display: flex;
grid
display: grid;
inline-block
display: inline-block;
inline-flex
display: inline-flex;
inline-grid
display: inline-grid;
inline-table
display: inline-table;
table
display: table;
table-row-group
display: table-caption;
table-column-group
display: table-column-group;
table-header-group
display: table-header-group;
table-footer-group
display: table-footer-group;
table-row-group
display: table-row-group;
table-cell
display: table-cell;
table-column
display: table-column;
table-row
display: table-row;
hidden
display: hidden;
flow-root
display: flow-root;

font-smooth

responsive: false, pseudos: (none)
antialiased
-webkit-font-smoothing: antialiased
-moz-osx-font-smoothing: grayscale
subpixel-antialiased
-webkit-font-smoothing: auto
-moz-osx-font-smoothing: auto

opacity

responsive: true, pseudos: (hover,dark)
opacity-0
opacity: 0;
opacity-2
opacity: 0.02;
opacity-4
opacity: 0.04;
opacity-6
opacity: 0.06;
opacity-8
opacity: 0.08;
opacity-10
opacity: 0.1;
opacity-15
opacity: 0.15;
opacity-20
opacity: 0.2;
opacity-25
opacity: 0.25;
opacity-30
opacity: 0.3;
opacity-35
opacity: 0.35;
opacity-40
opacity: 0.4;
opacity-45
opacity: 0.45;
opacity-50
opacity: 0.5;
opacity-55
opacity: 0.55;
opacity-60
opacity: 0.6;
opacity-65
opacity: 0.65;
opacity-70
opacity: 0.7;
opacity-75
opacity: 0.75;
opacity-80
opacity: 0.8;
opacity-85
opacity: 0.85;
opacity-90
opacity: 0.9;
opacity-95
opacity: 0.95;
opacity-100
opacity: 1;

outline

responsive: false, pseudos: (focus)
outline-none
outline: none;

visibility

responsive: true, pseudos: (none)
visible
visibility: visible;
invisible
visibility: hidden;

background-attachment

responsive: true, pseudos: (none)
bg-scroll
background-attachment: scroll;
bg-fixed
background-attachment: fixed;
bg-local
background-attachment: local;

background-clip

responsive: true, pseudos: (none)
bg-bg
background-clip: bg-box;
bg-padding
background-clip: padding-box;
bg-content
background-clip: content-box;
bg-text
background-clip: text;

background-color

responsive: false, pseudos: (hover,group-hover,focus,dark)
bg-red
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--red-hue), var(--red-sat), var(--bg-ltn), var(--bg-opacity));
bg-firebrick
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--firebrick-hue), var(--firebrick-sat), var(--bg-ltn), var(--bg-opacity));
bg-orange
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--orange-hue), var(--orange-sat), var(--bg-ltn), var(--bg-opacity));
bg-gold
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--gold-hue), var(--gold-sat), var(--bg-ltn), var(--bg-opacity));
bg-yellow
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--yellow-hue), var(--yellow-sat), var(--bg-ltn), var(--bg-opacity));
bg-lime
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--lime-hue), var(--lime-sat), var(--bg-ltn), var(--bg-opacity));
bg-green
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--green-hue), var(--green-sat), var(--bg-ltn), var(--bg-opacity));
bg-cyan
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--cyan-hue), var(--cyan-sat), var(--bg-ltn), var(--bg-opacity));
bg-blue
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--blue-hue), var(--blue-sat), var(--bg-ltn), var(--bg-opacity));
bg-purple
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--purple-hue), var(--purple-sat), var(--bg-ltn), var(--bg-opacity));
bg-violet
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--violet-hue), var(--violet-sat), var(--bg-ltn), var(--bg-opacity));
bg-pink
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--pink-hue), var(--pink-sat), var(--bg-ltn), var(--bg-opacity));
bg-white
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--white-hue), var(--white-sat), var(--bg-ltn), var(--bg-opacity));
bg-black
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--black-hue), var(--black-sat), var(--bg-ltn), var(--bg-opacity));
bg-cool-gray
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--cool-gray-hue), var(--cool-gray-sat), var(--bg-ltn), var(--bg-opacity));
bg-gray
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--gray-hue), var(--gray-sat), var(--bg-ltn), var(--bg-opacity));
bg-warm-gray
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--warm-gray-hue), var(--warm-gray-sat), var(--bg-ltn), var(--bg-opacity));
bg-primary
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--primary-hue), var(--primary-sat), var(--bg-ltn), var(--bg-opacity));
bg-secondary
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--secondary-hue), var(--secondary-sat), var(--bg-ltn), var(--bg-opacity));
bg-tertiary
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--tertiary-hue), var(--tertiary-sat), var(--bg-ltn), var(--bg-opacity));
bg-success
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--success-hue), var(--success-sat), var(--bg-ltn), var(--bg-opacity));
bg-warning
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--warning-hue), var(--warning-sat), var(--bg-ltn), var(--bg-opacity));
bg-danger
--bg-ltn: 50%
--bg-opacity: 1
background-color: hsla(var(--danger-hue), var(--danger-sat), var(--bg-ltn), var(--bg-opacity));
bg-transparent
--bg-ltn: 50%
--bg-opacity: 1
background-color: transparent;
bg-current
--bg-ltn: 50%
--bg-opacity: 1
background-color: current;

background-position

responsive: true, pseudos: (none)
bg-left-top
background-position: left top;
bg-left
background-position: left;
bg-left-bottom
background-position: left bottom;
bg-right-top
background-position: right top;
bg-right
background-position: right;
bg-top
background-position: top;
bg-bottom
background-position: bottom;
bg-center
background-position: center;

background-repeat

responsive: true, pseudos: (none)
bg-repeat
background-repeat: repeat;
bg-repeat-x
background-repeat: repeat-x;
bg-repeat-y
background-repeat: repeat-y;
bg-no-repeat
background-repeat: no-repeat;
bg-space
background-repeat: space;
bg-round
background-repeat: round;

background-size

responsive: true, pseudos: (none)
bg-auto
background-size: auto;
bg-cover
background-size: cover;
bg-contain
background-size: contain;

background

responsive: false, pseudos: (none)
bg-linear
--gradient: initial
background: linear-gradient(var(--gradient, to right, #40C6FF 0%, #505BED 100%));
bg-radial
--gradient: initial
background: radial-gradient(var(--gradient, circle at 50% 50%, #40c6ff, #505bed));
bg-conic
--gradient: initial
conic-gradient(var(--gradient, from 90deg at 50% 50%, #40c6ff, #505bed));
bg-linear-x-from-white
--gradient: initial
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
bg-linear-x-to-white
--gradient: initial
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
bg-linear-y-from-white
--gradient: initial
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
bg-linear-y-to-white
--gradient: initial
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
bg-linear-x-from-black
--gradient: initial
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
bg-radient-x-to-black
--gradient: initial
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
bg-linear-y-from-black
--gradient: initial
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
bg-linear-y-to-black
--gradient: initial
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
bg-linear
--gradient: initial
background: linear-gradient(var(--gradient));
bg-conic
--gradient: initial
background: conic-gradient(var(--gradient));

background-opacity

responsive: false, pseudos: (hover,group-hover,focus,dark)
bg-opacity-0
--bg-opacity
--bg-opacity: 0;
bg-opacity-2
--bg-opacity
--bg-opacity: 0.02;
bg-opacity-4
--bg-opacity
--bg-opacity: 0.04;
bg-opacity-6
--bg-opacity
--bg-opacity: 0.06;
bg-opacity-8
--bg-opacity
--bg-opacity: 0.08;
bg-opacity-10
--bg-opacity
--bg-opacity: 0.1;
bg-opacity-15
--bg-opacity
--bg-opacity: 0.15;
bg-opacity-20
--bg-opacity
--bg-opacity: 0.2;
bg-opacity-25
--bg-opacity
--bg-opacity: 0.25;
bg-opacity-30
--bg-opacity
--bg-opacity: 0.3;
bg-opacity-35
--bg-opacity
--bg-opacity: 0.35;
bg-opacity-40
--bg-opacity
--bg-opacity: 0.4;
bg-opacity-45
--bg-opacity
--bg-opacity: 0.45;
bg-opacity-50
--bg-opacity
--bg-opacity: 0.5;
bg-opacity-55
--bg-opacity
--bg-opacity: 0.55;
bg-opacity-60
--bg-opacity
--bg-opacity: 0.6;
bg-opacity-65
--bg-opacity
--bg-opacity: 0.65;
bg-opacity-70
--bg-opacity
--bg-opacity: 0.7;
bg-opacity-75
--bg-opacity
--bg-opacity: 0.75;
bg-opacity-80
--bg-opacity
--bg-opacity: 0.8;
bg-opacity-85
--bg-opacity
--bg-opacity: 0.85;
bg-opacity-90
--bg-opacity
--bg-opacity: 0.9;
bg-opacity-95
--bg-opacity
--bg-opacity: 0.95;
bg-opacity-100
--bg-opacity
--bg-opacity: 1;

background-lightness

responsive: false, pseudos: (hover,group-hover,focus,dark)
bg-white
--bg-ltn: var(--ltn-white);
bg-50
--bg-ltn: var(--ltn-50);
bg-100
--bg-ltn: var(--ltn-100);
bg-150
--bg-ltn: var(--ltn-150);
bg-200
--bg-ltn: var(--ltn-200);
bg-250
--bg-ltn: var(--ltn-250);
bg-300
--bg-ltn: var(--ltn-300);
bg-350
--bg-ltn: var(--ltn-350);
bg-400
--bg-ltn: var(--ltn-400);
bg-450
--bg-ltn: var(--ltn-450);
bg-500
--bg-ltn: var(--ltn-500);
bg-550
--bg-ltn: var(--ltn-550);
bg-600
--bg-ltn: var(--ltn-600);
bg-650
--bg-ltn: var(--ltn-650);
bg-700
--bg-ltn: var(--ltn-700);
bg-750
--bg-ltn: var(--ltn-750);
bg-800
--bg-ltn: var(--ltn-800);
bg-850
--bg-ltn: var(--ltn-850);
bg-900
--bg-ltn: var(--ltn-900);
bg-950
--bg-ltn: var(--ltn-950);
bg-black
--bg-ltn: var(--ltn-black);

border-bottom-left-radius

responsive: true, pseudos: (first)
radius-bl-none
border-bottom-left-radius: 0;
radius-bl-2xs
border-bottom-left-radius: 0.187rem;
radius-bl-xs
border-bottom-left-radius: 0.25rem;
radius-bl-sm
border-bottom-left-radius: 0.375rem;
radius-bl-md
border-bottom-left-radius: 0.5rem;
radius-bl-lg
border-bottom-left-radius: 0.75rem;
radius-bl-xl
border-bottom-left-radius: 1rem;
radius-bl-2xl
border-bottom-left-radius: 1.5rem;
radius-bl-full
border-bottom-left-radius: 9999px;

border-bottom-right-radius

responsive: true, pseudos: (last)
radius-br-none
border-bottom-right-radius: 0;
radius-br-2xs
border-bottom-right-radius: 0.187rem;
radius-br-xs
border-bottom-right-radius: 0.25rem;
radius-br-sm
border-bottom-right-radius: 0.375rem;
radius-br-md
border-bottom-right-radius: 0.5rem;
radius-br-lg
border-bottom-right-radius: 0.75rem;
radius-br-xl
border-bottom-right-radius: 1rem;
radius-br-2xl
border-bottom-right-radius: 1.5rem;
radius-br-full
border-bottom-right-radius: 9999px;

border-bottom-width

responsive: true, pseudos: (last)
border-b-0
border-bottom-width: 0;
border-b-1
border-bottom-width: 0.0625rem;
border-b-2
border-bottom-width: 0.125rem;
border-b-4
border-bottom-width: 0.25rem;
border-b-6
border-bottom-width: 0.375rem;
border-b-8
border-bottom-width: 0.5rem;

border-collapse

responsive: false, pseudos: (none)
border-separate
border-collapse: separate;
border-collapse
border-collapse: colla[se;

border-color

responsive: false, pseudos: (hover,group-hover,focus,dark)
border-red
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--red-hue), var(--red-sat), var(--border-ltn), var(--border-opacity));
border-firebrick
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--firebrick-hue), var(--firebrick-sat), var(--border-ltn), var(--border-opacity));
border-orange
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--orange-hue), var(--orange-sat), var(--border-ltn), var(--border-opacity));
border-gold
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--gold-hue), var(--gold-sat), var(--border-ltn), var(--border-opacity));
border-yellow
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--yellow-hue), var(--yellow-sat), var(--border-ltn), var(--border-opacity));
border-lime
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--lime-hue), var(--lime-sat), var(--border-ltn), var(--border-opacity));
border-green
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--green-hue), var(--green-sat), var(--border-ltn), var(--border-opacity));
border-cyan
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--cyan-hue), var(--cyan-sat), var(--border-ltn), var(--border-opacity));
border-blue
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--blue-hue), var(--blue-sat), var(--border-ltn), var(--border-opacity));
border-purple
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--purple-hue), var(--purple-sat), var(--border-ltn), var(--border-opacity));
border-violet
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--violet-hue), var(--violet-sat), var(--border-ltn), var(--border-opacity));
border-pink
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--pink-hue), var(--pink-sat), var(--border-ltn), var(--border-opacity));
border-white
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--white-hue), var(--white-sat), var(--border-ltn), var(--border-opacity));
border-black
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--black-hue), var(--black-sat), var(--border-ltn), var(--border-opacity));
border-cool-gray
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--cool-gray-hue), var(--cool-gray-sat), var(--border-ltn), var(--border-opacity));
border-gray
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--gray-hue), var(--gray-sat), var(--border-ltn), var(--border-opacity));
border-warm-gray
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--warm-gray-hue), var(--warm-gray-sat), var(--border-ltn), var(--border-opacity));
border-primary
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--primary-hue), var(--primary-sat), var(--border-ltn), var(--border-opacity));
border-secondary
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--secondary-hue), var(--secondary-sat), var(--border-ltn), var(--border-opacity));
border-tertiary
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--tertiary-hue), var(--tertiary-sat), var(--border-ltn), var(--border-opacity));
border-success
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--success-hue), var(--success-sat), var(--border-ltn), var(--border-opacity));
border-warning
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--warning-hue), var(--warning-sat), var(--border-ltn), var(--border-opacity));
border-danger
--border-ltn: 50%
--border-opacity: 1
border-color: hsla(var(--danger-hue), var(--danger-sat), var(--border-ltn), var(--border-opacity));
border-transparent
--border-ltn: 50%
--border-opacity: 1
border-color: transparent;
border-current
--border-ltn: 50%
--border-opacity: 1
border-color: current;

border-left-width

responsive: true, pseudos: (first)
border-l-0
border-left-width: 0;
border-l-1
border-left-width: 0.0625rem;
border-l-2
border-left-width: 0.125rem;
border-l-4
border-left-width: 0.25rem;
border-l-6
border-left-width: 0.375rem;
border-l-8
border-left-width: 0.5rem;

border-radius

responsive: true, pseudos: (none)
radius-none
border-radius: 0;
radius-2xs
border-radius: 0.187rem;
radius-xs
border-radius: 0.25rem;
radius-sm
border-radius: 0.375rem;
radius-md
border-radius: 0.5rem;
radius-lg
border-radius: 0.75rem;
radius-xl
border-radius: 1rem;
radius-2xl
border-radius: 1.5rem;
radius-full
border-radius: 9999px;

border-right-width

responsive: true, pseudos: (last)
border-r-0
border-right-width: 0;
border-r-1
border-right-width: 0.0625rem;
border-r-2
border-right-width: 0.125rem;
border-r-4
border-right-width: 0.25rem;
border-r-6
border-right-width: 0.375rem;
border-r-8
border-right-width: 0.5rem;
border-r-full
border-right-width: 9999px;

border-style

responsive: false, pseudos: (none)
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;

border-top-left-radius

responsive: true, pseudos: (first)
radius-tl-none
border-top-left-radius: 0;
radius-tl-2xs
border-top-left-radius: 0.187rem;
radius-tl-xs
border-top-left-radius: 0.25rem;
radius-tl-sm
border-top-left-radius: 0.375rem;
radius-tl-md
border-top-left-radius: 0.5rem;
radius-tl-lg
border-top-left-radius: 0.75rem;
radius-tl-xl
border-top-left-radius: 1rem;
radius-tl-2xl
border-top-left-radius: 1.5rem;
radius-tl-full
border-top-left-radius: 9999px;

border-top-right-radius

responsive: true, pseudos: (last)
radius-tr-none
border-top-right-radius: 0;
radius-tr-2xs
border-top-right-radius: 0.187rem;
radius-tr-xs
border-top-right-radius: 0.25rem;
radius-tr-sm
border-top-right-radius: 0.375rem;
radius-tr-md
border-top-right-radius: 0.5rem;
radius-tr-lg
border-top-right-radius: 0.75rem;
radius-tr-xl
border-top-right-radius: 1rem;
radius-tr-2xl
border-top-right-radius: 1.5rem;
radius-tr-full
border-top-right-radius: 9999px;

border-top-width

responsive: true, pseudos: (first)
border-t-0
border-top-width: 0;
border-t-1
border-top-width: 0.0625rem;
border-t-2
border-top-width: 0.125rem;
border-t-4
border-top-width: 0.25rem;
border-t-6
border-top-width: 0.375rem;
border-t-8
border-top-width: 0.5rem;

border-width

responsive: true, pseudos: (none)
border-0
border-bottom-width: 0;
border-1
border-bottom-width: 0.0625rem;
border-2
border-bottom-width: 0.125rem;
border-4
border-bottom-width: 0.25rem;
border-6
border-bottom-width: 0.375rem;
border-8
border-bottom-width: 0.5rem;

border-bottom-radius

responsive: true, pseudos: (last)
radius-b-none
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
radius-b-2xs
border-bottom-left-radius: 0.187rem;
border-bottom-right-radius: 0.187rem;
radius-b-xs
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
radius-b-sm
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
radius-b-md
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
radius-b-lg
border-bottom-left-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
radius-b-xl
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem;
radius-b-2xl
border-bottom-left-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
radius-b-full
border-bottom-left-radius: 9999px;
border-bottom-right-radius: 9999px;

border-left-radius

responsive: true, pseudos: (first)
radius-l-none
border-top-left-radius: 0;
border-bottom-left-radius: 0;
radius-l-2xs
border-top-left-radius: 0.187rem;
border-bottom-left-radius: 0.187rem;
radius-l-xs
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
radius-l-sm
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
radius-l-md
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
radius-l-lg
border-top-left-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
radius-l-xl
border-top-left-radius: 1rem;
border-bottom-left-radius: 1rem;
radius-l-2xl
border-top-left-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
radius-l-full
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;

border-right-radius

responsive: true, pseudos: (last)
radius-r-none
border-top-right-radius: 0;
border-bottom-right-radius: 0;
radius-r-2xs
border-top-right-radius: 0.187rem;
border-bottom-right-radius: 0.187rem;
radius-r-xs
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
radius-r-sm
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
radius-r-md
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
radius-r-lg
border-top-right-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
radius-r-xl
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
radius-r-2xl
border-top-right-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
radius-l-full
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;

border-opacity

responsive: false, pseudos: (hover,group-hover,focus,dark)
border-opacity-0
--border-opacity
--border-opacity: 0;
border-opacity-2
--border-opacity
--border-opacity: 0.02;
border-opacity-4
--border-opacity
--border-opacity: 0.04;
border-opacity-6
--border-opacity
--border-opacity: 0.06;
border-opacity-8
--border-opacity
--border-opacity: 0.08;
border-opacity-10
--border-opacity
--border-opacity: 0.1;
border-opacity-15
--border-opacity
--border-opacity: 0.15;
border-opacity-20
--border-opacity
--border-opacity: 0.2;
border-opacity-25
--border-opacity
--border-opacity: 0.25;
border-opacity-30
--border-opacity
--border-opacity: 0.3;
border-opacity-35
--border-opacity
--border-opacity: 0.35;
border-opacity-40
--border-opacity
--border-opacity: 0.4;
border-opacity-45
--border-opacity
--border-opacity: 0.45;
border-opacity-50
--border-opacity
--border-opacity: 0.5;
border-opacity-55
--border-opacity
--border-opacity: 0.55;
border-opacity-60
--border-opacity
--border-opacity: 0.6;
border-opacity-65
--border-opacity
--border-opacity: 0.65;
border-opacity-70
--border-opacity
--border-opacity: 0.7;
border-opacity-75
--border-opacity
--border-opacity: 0.75;
border-opacity-80
--border-opacity
--border-opacity: 0.8;
border-opacity-85
--border-opacity
--border-opacity: 0.85;
border-opacity-90
--border-opacity
--border-opacity: 0.9;
border-opacity-95
--border-opacity
--border-opacity: 0.95;
border-opacity-100
--border-opacity
--border-opacity: 1;

border-lightness

responsive: false, pseudos: (hover,group-hover,focus,dark)
border-white
--border-ltn: var(--ltn-white);
border-50
--border-ltn: var(--ltn-50);
border-100
--border-ltn: var(--ltn-100);
border-150
--border-ltn: var(--ltn-150);
border-200
--border-ltn: var(--ltn-200);
border-250
--border-ltn: var(--ltn-250);
border-300
--border-ltn: var(--ltn-300);
border-350
--border-ltn: var(--ltn-350);
border-400
--border-ltn: var(--ltn-400);
border-450
--border-ltn: var(--ltn-450);
border-500
--border-ltn: var(--ltn-500);
border-550
--border-ltn: var(--ltn-550);
border-600
--border-ltn: var(--ltn-600);
border-650
--border-ltn: var(--ltn-650);
border-700
--border-ltn: var(--ltn-700);
border-750
--border-ltn: var(--ltn-750);
border-800
--border-ltn: var(--ltn-800);
border-850
--border-ltn: var(--ltn-850);
border-900
--border-ltn: var(--ltn-900);
border-950
--border-ltn: var(--ltn-950);
border-black
--border-ltn: var(--ltn-black);

border-top-radius

responsive: true, pseudos: (first)
radius-t-none
border-top-left-radius: 0;
border-top-right-radius: 0;
radius-t-2xs
border-top-left-radius: 0.187rem;
border-top-right-radius: 0.187rem;
radius-t-xs
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
radius-t-sm
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
radius-t-md
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
radius-t-lg
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
radius-t-xl
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
radius-t-2xl
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
radius-t-full
border-top-left-radius: 9999px;
border-top-right-radius: 9999px;

border-x-width

responsive: true, pseudos: (none)
border-x-0
border-left-width: 0;
border-right-width: 0;
border-x-1
border-left-width: 0.0625rem;
border-right-width: 0.0625rem;
border-x-2
border-left-width: 0.125rem;
border-right-width: 0.125rem;
border-x-4
border-left-width: 0.25rem;
border-right-width: 0.25rem;
border-x-6
border-left-width: 0.375rem;
border-right-width: 0.375rem;
border-x-8
border-left-width: 0.5rem;
border-right-width: 0.5rem;

border-y-width

responsive: true, pseudos: (none)
border-y-0
border-top-width: 0;
border-bottom-width: 0;
border-y-1
border-top-width: 0.0625rem;
border-bottom-width: 0.0625rem;
border-y-2
border-top-width: 0.125rem;
border-bottom-width: 0.125rem;
border-y-4
border-top-width: 0.25rem;
border-bottom-width: 0.25rem;
border-y-6
border-top-width: 0.375rem;
border-bottom-width: 0.375rem;
border-y-8
border-top-width: 0.5rem;
border-bottom-width: 0.5rem;

box-sizing

responsive: false, pseudos: (none)
border-box
box-sizing: border-box;
content-box
box-sizing: content-box;

clear

responsive: false, pseudos: (none)
clear-left
clear: left
clear-right
clear: right
clear-both
clear: both

float

responsive: true, pseudos: (none)
float-l
float: left;
float-r
float: right;
float-none
float: none;

object-fit

responsive: false, pseudos: (none)
object-contain
object-fit: contain;
object-cover
object-fit: cover;
object-fill
object-fit: fill;
object-none
object-fit: none;
object-size-down
object-fit: size-down;

object-position

responsive: false, pseudos: (none)
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;

position

responsive: true, pseudos: (none)
static
position: static;
fixed
position: fixed;
absolute
position: absolute;
relative
position: relative;
sticky
position: sticky;

table-layout

responsive: true, pseudos: (none)
table-auto
table-layout: auto;
table-fixed
table-layout: fixed;

ratio

responsive: false, pseudos: (none)
ratio-square
display

backdrop-filter

responsive: false, pseudos: (hover,group-hover)
backdrop
--backdrop-blur: 0
--backdrop-grayscale: 0
--backdrop-saturate: 1
--backdrop-invert: 0
blur(var(--backdrop-blur)) grayscale(var(--backdrop-grayscale)) saturate(var(--backdrop-saturate)) invert(var(--backdrop-invert));

box-shadow

responsive: true, pseudos: (hover,focus)
shadow-none
box-shadow: 0;
shadow-2xs
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
shadow-xs
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.2);
shadow-sm
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
shadow-md
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
shadow-lg
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2);
shadow-xl
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 15px 10px rgba(0, 0, 0, 0.2);
shadow-2xl
box-shadow: 0 25px 45px rgba(0, 0, 0, 0.3), 0 20px 20px rgba(0, 0, 0, 0.3);
shadow-focus
box-shadow: 0 0 0 4px hsla(220, 75%, 50%, 20%);
shadow-success
box-shadow: 0 0 0 4px hsla(80, 75%, 50%, 20%);
shadow-warning
box-shadow: 0 0 0 4px hsla(40, 75%, 50%, 20%);
shadow-danger
box-shadow: 0 0 0 4px hsla(0, 75%, 50%, 20%);

filter

responsive: false, pseudos: (hover,group-hover)
filter
--filter-blur: 0
--filter-grayscale: 0
--filter-saturate: 1
--filter-invert: 0,
filter: blur(var(--filter-blur)) grayscale(var(--filter-grayscale)) saturate(var(--filter-saturate)) invert(var(--filter-invert));

mix-blend-mode

responsive: false, pseudos: (none)
blend-normal
mix-blend-mode: normal;
blend-multiply;
mix-blend-mode: multiply;
blend-screen;
mix-blend-mode: screen;
blend-overlay;
mix-blend-mode: overlay;
blend-darken;
mix-blend-mode: darken;
blend-lighten;
mix-blend-mode: lighten;
blend-color-dodge;
mix-blend-mode: color-dodge;
blend-color-burn;
mix-blend-mode: color-burn;
blend-hard-light;
mix-blend-mode: hard-light;
blend-soft-light;
mix-blend-mode: soft-light;
blend-difference;
mix-blend-mode: difference;
blend-exclusion;
mix-blend-mode: exclusion;
blend-hue;
mix-blend-mode: hue;
blend-saturation;
mix-blend-mode: saturation;
blend-color;
mix-blend-mode: color;
blend-luminosity;
mix-blend-mode: luminosity;

backdrop-blur

responsive: false, pseudos: (hover,group-hover)
backdrop-blur-2xs
--backdrop-blur: 4px;
backdrop-blur-xs
--backdrop-blur: 8px;
backdrop-blur-sm
--backdrop-blur: 12px;
backdrop-blur-md
--backdrop-blur: 16px;
backdrop-blur-lg
--backdrop-blur: 24px;
backdrop-blur-xl
--backdrop-blur: 32px;
backdrop-blur-2xl
--backdrop-blur: 48px;

backdrop-grayscale

responsive: false, pseudos: (hover,group-hover)
backdrop-grayscale-0
--backdrop-grayscale: 0;
backdrop-grayscale
backdrop-grayscale: 1;

backdrop-invert

responsive: false, pseudos: (hover,group-hover)
backdrop-invert-0
--backdrop-invert: 0;
backdrop-invert
--backdrop-invert: 1;

backdrop-saturate

responsive: false, pseudos: (hover,group-hover)
backdrop-saturate-100
--backdrop-saturate: 1;
backdrop-saturate-110
--backdrop-saturate: 1.1;
backdrop-saturate-120
--backdrop-saturate: 1.2;
backdrop-saturate-130
--backdrop-saturate: 1.3;
backdrop-saturate-140
--backdrop-saturate: 1.4;
backdrop-saturate-150
--backdrop-saturate: 1.5;
backdrop-saturate-160
--backdrop-saturate: 1.6;
backdrop-saturate-170
--backdrop-saturate: 1.7;
backdrop-saturate-180
--backdrop-saturate: 1.8;
backdrop-saturate-190
--backdrop-saturate: 1.9;
backdrop-saturate-200
--backdrop-saturate: 2;

filter-blur

responsive: false, pseudos: (hover,group-hover)
filter-blur-2xs
--filter-blur: 4px;
filter-blur-xs
--filter-blur: 8px;
filter-blur-sm
--filter-blur: 12px;
filter-blur-md
--filter-blur: 16px;
filter-blur-lg
--filter-blur: 24px;
filter-blur-xl
--filter-blur: 32px;
filter-blur-2xl
--filter-blur: 48px;

filter-grayscale

responsive: false, pseudos: (hover,group-hover)
filter-grayscale-0
--filter-grayscale: 0;
filter-grayscale
--filter-grayscale: 1;

filter-invert

responsive: false, pseudos: (hover,group-hover)
filter-invert-0
--filter-invert: 0;
filter-invert
--filter-invert: 1;

filter-saturate

responsive: false, pseudos: (hover,group-hover)
filter-saturate-100
--filter-saturate: 1;
filter-saturate-110
--filter-saturate: 1.1;
filter-saturate-120
--filter-saturate: 1.2;
filter-saturate-130
--filter-saturate: 1.3;
filter-saturate-140
--filter-saturate: 1.4;
filter-saturate-150
--filter-saturate: 1.5;
filter-saturate-160
--filter-saturate: 1.6;
filter-saturate-170
--filter-saturate: 1.7;
filter-saturate-180
--filter-saturate: 1.8;
filter-saturate-190
--filter-saturate: 1.9;
filter-saturate-200
--filter-saturate: 2;

flex-direction

responsive: true, pseudos: (none)
flex-row
flex-direction: row;
flex-row-reverse
flex-direction: row-reverse;
flex-col
flex-direction: column;
flex-col-reverse
flex-direction: col-reverse;

flex-grow

responsive: true, pseudos: (none)
flex-grow-1
flex-grow: 1
flex-grow-0
flex-grow: 0

flex-shrink

responsive: true, pseudos: (none)
flex-shrink-1
flex-shrink: 1;
flex-shrink-0
flex-shrink: 0;

flex-wrap

responsive: true, pseudos: (none)
flex-no-wrap
flex-wrap: nowrap;
flex-wrap
flex-wrap: wrap;
flex-wrap-reverse
flex-wrap: wrap-reverse;

flex

responsive: true, pseudos: (none)
flex-initial
flex: 0 1 auto;
flex-1
flex: 1 1 0%;
flex-auto
flex: 1 1 auto;
flex-none
flex: none;

order

responsive: true, pseudos: (none)
order-first
order: -9999;
order-last
order: 9999;
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;

column-gap

responsive: true, pseudos: (none)
col-gap-0
column-gap: 0;
col-gap-1
column-gap: 0.0625rem;
col-gap-2
column-gap: 0.125rem;
col-gap-4
column-gap: 0.25rem;
col-gap-6
column-gap: 0.375rem;
col-gap-8
column-gap: 0.5rem;
col-gap-10
column-gap: 0.625rem;
col-gap-12
column-gap: 0.75rem;
col-gap-14
column-gap: 0.875rem;
col-gap-16
column-gap: 1rem;
col-gap-20
column-gap: 1.25rem;
col-gap-24
column-gap: 1.5rem;
col-gap-28
column-gap: 1.75rem;
col-gap-32
column-gap: 2rem;
col-gap-36
column-gap: 2.25rem;
col-gap-40
column-gap: 2.5rem;
col-gap-48
column-gap: 3rem;
col-gap-56
column-gap: 3.5rem;
col-gap-64
column-gap: 4rem;
col-gap-72
column-gap: 4.5rem;
col-gap-80
column-gap: 5rem;
col-gap-96
column-gap: 6rem;
col-gap-112
column-gap: 7rem;
col-gap-128
column-gap: 8rem;

gap

responsive: true, pseudos: (none)
gap-0
gap: 0;
gap-1
gap: 0.0625rem;
gap-2
gap: 0.125rem;
gap-4
gap: 0.25rem;
gap-6
gap: 0.375rem;
gap-8
gap: 0.5rem;
gap-10
gap: 0.625rem;
gap-12
gap: 0.75rem;
gap-14
gap: 0.875rem;
gap-16
gap: 1rem;
gap-20
gap: 1.25rem;
gap-24
gap: 1.5rem;
gap-28
gap: 1.75rem;
gap-32
gap: 2rem;
gap-36
gap: 2.25rem;
gap-40
gap: 2.5rem;
gap-48
gap: 3rem;
gap-56
gap: 3.5rem;
gap-64
gap: 4rem;
gap-72
gap: 4.5rem;
gap-80
gap: 5rem;
gap-96
gap: 6rem;
gap-112
gap: 7rem;
gap-128
gap: 8rem;

row-gap

responsive: true, pseudos: (none)
row-gap-0
row-gap: 0;
row-gap-1
row-gap: 0.0625rem;
row-gap-2
row-gap: 0.125rem;
row-gap-4
row-gap: 0.25rem;
row-gap-6
row-gap: 0.375rem;
row-gap-8
row-gap: 0.5rem;
row-gap-10
row-gap: 0.625rem;
row-gap-12
row-gap: 0.75rem;
row-gap-14
row-gap: 0.875rem;
row-gap-16
row-gap: 1rem;
row-gap-20
row-gap: 1.25rem;
row-gap-24
row-gap: 1.5rem;
row-gap-28
row-gap: 1.75rem;
row-gap-32
row-gap: 2rem;
row-gap-36
row-gap: 2.25rem;
row-gap-40
row-gap: 2.5rem;
row-gap-48
row-gap: 3rem;
row-gap-56
row-gap: 3.5rem;
row-gap-64
row-gap: 4rem;
row-gap-72
row-gap: 4.5rem;
row-gap-80
row-gap: 5rem;
row-gap-96
row-gap: 6rem;
row-gap-112
row-gap: 7rem;
row-gap-128
row-gap: 8rem;

grid-auto-flow

responsive: true, pseudos: (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-ol-dense
grid-auto-flow: column dense;

grid-column-end

responsive: true, pseudos: (none)
col-end-auto
grid-column-end: 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;

grid-column-start

responsive: true, pseudos: (none)
col-start-auto
grid-column-start: auto;
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;

grid-column

responsive: true, pseudos: (none)
col-auto
grid-column: auto;
col-1
grid-column: span 1 / span 1;
col-2
grid-column: span 2 / span 2;
col-3
grid-column: span 3 / span 3;
col-4
grid-column: span 4 / span 4;
col-5
grid-column: span 5 / span 5;
col-6
grid-column: span 6 / span 6;
col-7
grid-column: span 7 / span 7;
col-8
grid-column: span 8 / span 8;
col-9
grid-column: span 9 / span 9;
col-10
grid-column: span 10 / span 10;
col-11
grid-column: span 11 / span 11;
col-12
grid-column: span 12 / span 12;

grid-row-end

responsive: true, pseudos: (none)
row-end-auto
grid-row-end: 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;

grid-row-start

responsive: true, pseudos: (none)
row-start-auto
grid-row-start: auto;
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;

grid-row

responsive: true, pseudos: (none)
row-auto
grid-row: auto;
row-1
grid-row: 1;
row-2
grid-row: 2;
row-3
grid-row: 3;
row-4
grid-row: 4;
row-5
grid-row: 5;

grid-template-columns

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

grid-template-rows

responsive: true, pseudos: (none)
grid-rows-none
grid-template-rows: none;
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));

gutter-reverse

responsive: true, pseudos: (none)
gutter-reverse > * + *
--gutter-top: 0
--gutter-right: 1
--gutter-bottom: 1
--gutter-left: 0
margin

gutter-x

responsive: true, pseudos: (none)
gutter-x-0 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0 * var(--gutter-right)) 0 calc(0 * var(--gutter-left));
gutter-x-1 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0.0625rem * var(--gutter-right)) 0 calc(0.0625rem * var(--gutter-left));
gutter-x-2 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0.125rem * var(--gutter-right)) 0 calc(0.125rem * var(--gutter-left));
gutter-x-4 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0.25rem * var(--gutter-right)) 0 calc(0.25rem * var(--gutter-left));
gutter-x-6 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0.375rem * var(--gutter-right)) 0 calc(0.375rem * var(--gutter-left));
gutter-x-8 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0.5rem * var(--gutter-right)) 0 calc(0.5rem * var(--gutter-left));
gutter-x-10 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0.625rem * var(--gutter-right)) 0 calc(0.625rem * var(--gutter-left));
gutter-x-12 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0.75rem * var(--gutter-right)) 0 calc(0.75rem * var(--gutter-left));
gutter-x-14 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0.875rem * var(--gutter-right)) 0 calc(0.875rem * var(--gutter-left));
gutter-x-16 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(1rem * var(--gutter-right)) 0 calc(1rem * var(--gutter-left));
gutter-x-20 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(1.25rem * var(--gutter-right)) 0 calc(1.25rem * var(--gutter-left));
gutter-x-24 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(1.5rem * var(--gutter-right)) 0 calc(1.5rem * var(--gutter-left));
gutter-x-28 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(1.75rem * var(--gutter-right)) 0 calc(1.75rem * var(--gutter-left));
gutter-x-32 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(2rem * var(--gutter-right)) 0 calc(2rem * var(--gutter-left));
gutter-x-36 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(2.25rem * var(--gutter-right)) 0 calc(2.25rem * var(--gutter-left));
gutter-x-40 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(2.5rem * var(--gutter-right)) 0 calc(2.5rem * var(--gutter-left));
gutter-x-48 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(3rem * var(--gutter-right)) 0 calc(3rem * var(--gutter-left));
gutter-x-56 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(3.5rem * var(--gutter-right)) 0 calc(3.5rem * var(--gutter-left));
gutter-x-64 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(4rem * var(--gutter-right)) 0 calc(4rem * var(--gutter-left));
gutter-x-72 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(4.5rem * var(--gutter-right)) 0 calc(4.5rem * var(--gutter-left));
gutter-x-80 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(5rem * var(--gutter-right)) 0 calc(5rem * var(--gutter-left));
gutter-x-96 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(6rem * var(--gutter-right)) 0 calc(6rem * var(--gutter-left));
gutter-x-112 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(7rem * var(--gutter-right)) 0 calc(7rem * var(--gutter-left));
gutter-x-128 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left));

gutter-y

responsive: true, pseudos: (none)
gutter-y-0 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0 * var(--gutter-right)) 0 calc(0 * var(--gutter-left)) 0
gutter-y-1 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0.0625rem * var(--gutter-right)) 0 calc(0.0625rem * var(--gutter-left)) 0
gutter-y-2 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0.125rem * var(--gutter-right)) 0 calc(0.125rem * var(--gutter-left)) 0
gutter-y-4 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0.25rem * var(--gutter-right)) 0 calc(0.25rem * var(--gutter-left)) 0
gutter-y-6 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0.375rem * var(--gutter-right)) 0 calc(0.375rem * var(--gutter-left)) 0
gutter-y-8 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0.5rem * var(--gutter-right)) 0 calc(0.5rem * var(--gutter-left)) 0
gutter-y-10 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0.625rem * var(--gutter-right)) 0 calc(0.625rem * var(--gutter-left)) 0
gutter-y-12 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0.75rem * var(--gutter-right)) 0 calc(0.75rem * var(--gutter-left)) 0
gutter-y-14 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0.875rem * var(--gutter-right)) 0 calc(0.875rem * var(--gutter-left)) 0
gutter-y-16 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(1rem * var(--gutter-right)) 0 calc(1rem * var(--gutter-left)) 0
gutter-y-20 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(1.25rem * var(--gutter-right)) 0 calc(1.25rem * var(--gutter-left)) 0
gutter-y-24 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(1.5rem * var(--gutter-right)) 0 calc(1.5rem * var(--gutter-left)) 0
gutter-y-28 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(1.75rem * var(--gutter-right)) 0 calc(1.75rem * var(--gutter-left)) 0
gutter-y-32 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(2rem * var(--gutter-right)) 0 calc(2rem * var(--gutter-left)) 0
gutter-y-36 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(2.25rem * var(--gutter-right)) 0 calc(2.25rem * var(--gutter-left)) 0
gutter-y-40 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(2.5rem * var(--gutter-right)) 0 calc(2.5rem * var(--gutter-left)) 0
gutter-y-48 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(3rem * var(--gutter-right)) 0 calc(3rem * var(--gutter-left)) 0
gutter-y-56 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(3.5rem * var(--gutter-right)) 0 calc(3.5rem * var(--gutter-left)) 0
gutter-y-64 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(4rem * var(--gutter-right)) 0 calc(4rem * var(--gutter-left)) 0
gutter-y-72 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(4.5rem * var(--gutter-right)) 0 calc(4.5rem * var(--gutter-left)) 0
gutter-y-80 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(5rem * var(--gutter-right)) 0 calc(5rem * var(--gutter-left)) 0
gutter-y-96 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(6rem * var(--gutter-right)) 0 calc(6rem * var(--gutter-left)) 0
gutter-y-112 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(7rem * var(--gutter-right)) 0 calc(7rem * var(--gutter-left)) 0
gutter-y-128 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left)) 0

cursor

responsive: false, pseudos: (hover,active)
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-not-allowed
cursor: not-allowed;

pointer-events

responsive: false, pseudos: (none)
pointer-events-none
pointer-events: none;
pointer-events-auto
pointer-events: auto;

resize

responsive: true, pseudos: (none)
resize-none
resize: none;
resize-both
resize: both;
resize-horizontal
resize: horizontal;
resize-vertical
resize: vertical;

scrolling

responsive: false, pseudos: (none)
scrolling-auto
-webkit-overflow-scrolling: auto;
scrolling-touch
-webkit-overflow-scrolling: touch;

user-select

responsive: false, pseudos: (none)
select-none
display

margin-left

responsive: true, pseudos: (first,last)
ml-0
margin-left: 0;
ml-1
margin-left: 0.0625rem;
ml-2
margin-left: 0.125rem;
ml-4
margin-left: 0.25rem;
ml-6
margin-left: 0.375rem;
ml-8
margin-left: 0.5rem;
ml-10
margin-left: 0.625rem;
ml-12
margin-left: 0.75rem;
ml-14
margin-left: 0.875rem;
ml-16
margin-left: 1rem;
ml-20
margin-left: 1.25rem;
ml-24
margin-left: 1.5rem;
ml-28
margin-left: 1.75rem;
ml-32
margin-left: 2rem;
ml-36
margin-left: 2.25rem;
ml-40
margin-left: 2.5rem;
ml-48
margin-left: 3rem;
ml-56
margin-left: 3.5rem;
ml-64
margin-left: 4rem;
ml-72
margin-left: 4.5rem;
ml-80
margin-left: 5rem;
ml-96
margin-left: 6rem;
ml-112
margin-left: 7rem;
ml-128
margin-left: 8rem;
ml-144
margin-left: 9rem;
ml-160
margin-left: 10rem;
ml-192
margin-left: 12rem;
ml-224
margin-left: 14rem;
ml-256
margin-left: 16rem;
ml-288
margin-left: 18rem;
ml-320
margin-left: 20rem;
ml-384
margin-left: 24rem;
ml-n1
margin-left: -0.0625rem;
ml-n2
margin-left: -0.125rem;
ml-n4
margin-left: -0.25rem;
ml-n6
margin-left: -0.375rem;
ml-n8
margin-left: -0.5rem;
ml-n10
margin-left: -0.625rem;
ml-n12
margin-left: -0.75rem;
ml-n14
margin-left: -0.875rem;
ml-n16
margin-left: -1rem;
ml-n20
margin-left: -1.25rem;
ml-n24
margin-left: -1.5rem;
ml-n28
margin-left: -1.75rem;
ml-n32
margin-left: -2rem;
ml-n36
margin-left: -2.25rem;
ml-n40
margin-left: -2.5rem;
ml-n48
margin-left: -3rem;
ml-n56
margin-left: -3.5rem;
ml-n64
margin-left: -4rem;
ml-n72
margin-left: -4.5rem;
ml-n80
margin-left: -5rem;
ml-n96
margin-left: -6rem;
ml-n112
margin-left: -7rem;
ml-n128
margin-left: -8rem;
ml-n144
margin-left: -9rem;
ml-n160
margin-left: -10rem;
ml-n192
margin-left: -12rem;
ml-n224
margin-left: -14rem;
ml-n256
margin-left: -16rem;
ml-n288
margin-left: -18rem;
ml-n320
margin-left: -20rem;
ml-n384
margin-left: -24rem;

margin-right

responsive: true, pseudos: (first,last)
mr-0
margin-right: 0;
mr-1
margin-right: 0.0625rem;
mr-2
margin-right: 0.125rem;
mr-4
margin-right: 0.25rem;
mr-6
margin-right: 0.375rem;
mr-8
margin-right: 0.5rem;
mr-10
margin-right: 0.625rem;
mr-12
margin-right: 0.75rem;
mr-14
margin-right: 0.875rem;
mr-16
margin-right: 1rem;
mr-20
margin-right: 1.25rem;
mr-24
margin-right: 1.5rem;
mr-28
margin-right: 1.75rem;
mr-32
margin-right: 2rem;
mr-36
margin-right: 2.25rem;
mr-40
margin-right: 2.5rem;
mr-48
margin-right: 3rem;
mr-56
margin-right: 3.5rem;
mr-64
margin-right: 4rem;
mr-72
margin-right: 4.5rem;
mr-80
margin-right: 5rem;
mr-96
margin-right: 6rem;
mr-112
margin-right: 7rem;
mr-128
margin-right: 8rem;
mr-144
margin-right: 9rem;
mr-160
margin-right: 10rem;
mr-192
margin-right: 12rem;
mr-224
margin-right: 14rem;
mr-256
margin-right: 16rem;
mr-288
margin-right: 18rem;
mr-320
margin-right: 20rem;
mr-384
margin-right: 24rem;
mr-n1
margin-right: -0.0625rem;
mr-n2
margin-right: -0.125rem;
mr-n4
margin-right: -0.25rem;
mr-n6
margin-right: -0.5rem;
mr-n8
margin-right: -0.5rem;
mr-n10
margin-right: -0.625rem;
mr-n12
margin-right: -0.75rem;
mr-n14
margin-right: -0.875rem;
mr-n16
margin-right: -1rem;
mr-n20
margin-right: -1.25rem;
mr-n24
margin-right: -1.5rem;
mr-n28
margin-right: -1.75rem;
mr-n32
margin-right: -2rem;
mr-n36
margin-right: -2.25rem;
mr-n40
margin-right: -2.5rem;
mr-n48
margin-right: -3rem;
mr-n56
margin-right: -3.5rem;
mr-n64
margin-right: -4rem;
mr-n72
margin-right: -4.5rem;
mr-n80
margin-right: -5rem;
mr-n96
margin-right: -6rem;
mr-n112
margin-right: -7rem;
mr-n128
margin-right: -8rem;
mr-n144
margin-right: -9rem;
mr-n160
margin-right: -10rem;
mr-n192
margin-right: -12rem;
mr-n224
margin-right: -14rem;
mr-n256
margin-right: -16rem;
mr-n288
margin-right: -18rem;
mr-n320
margin-right: -20rem;
mr-n384
margin-right: -24rem;

margin-top

responsive: true, pseudos: (first,last)
mt-0
margin-top: 0;
mt-1
margin-top: 0.0625rem;
mt-2
margin-top: 0.125rem;
mt-4
margin-top: 0.25rem;
mt-6
margin-top: 0.375rem;
mt-8
margin-top: 0.5rem;
mt-10
margin-top: 0.625rem;
mt-12
margin-top: 0.75rem;
mt-14
margin-top: 0.875rem;
mt-16
margin-top: 1rem;
mt-20
margin-top: 1.25rem;
mt-24
margin-top: 1.5rem;
mt-28
margin-top: 1.75rem;
mt-32
margin-top: 2rem;
mt-36
margin-top: 2.25rem;
mt-40
margin-top: 2.5rem;
mt-48
margin-top: 3rem;
mt-56
margin-top: 3.5rem;
mt-64
margin-top: 4rem;
mt-72
margin-top: 4.5rem;
mt-80
margin-top: 5rem;
mt-96
margin-top: 6rem;
mt-112
margin-top: 7rem;
mt-128
margin-top: 8rem;
mt-144
margin-top: 9rem;
mt-160
margin-top: 10rem;
mt-192
margin-top: 12rem;
mt-224
margin-top: 14rem;
mt-256
margin-top: 16rem;
mt-288
margin-top: 18rem;
mt-320
margin-top: 20rem;
mt-384
margin-top: 24rem;
mt-n1
margin-top: -0.0625rem;
mt-n2
margin-top: -0.125rem;
mt-n4
margin-top: -0.25rem;
mt-n6
margin-top: -0.5rem;
mt-n8
margin-top: -0.5rem;
mt-n10
margin-top: -0.625rem;
mt-n12
margin-top: -0.75rem;
mt-n14
margin-top: -0.875rem;
mt-n16
margin-top: -1rem;
mt-n20
margin-top: -1.25rem;
mt-n24
margin-top: -1.5rem;
mt-n28
margin-top: -1.75rem;
mt-n32
margin-top: -2rem;
mt-n36
margin-top: -2.25rem;
mt-n40
margin-top: -2.5rem;
mt-n48
margin-top: -3rem;
mt-n56
margin-top: -3.5rem;
mt-n64
margin-top: -4rem;
mt-n72
margin-top: -4.5rem;
mt-n80
margin-top: -5rem;
mt-n96
margin-top: -6rem;
mt-n112
margin-top: -7rem;
mt-n128
margin-top: -8rem;
mt-n144
margin-top: -9rem;
mt-n160
margin-top: -10rem;
mt-n192
margin-top: -12rem;
mt-n224
margin-top: -14rem;
mt-n256
margin-top: -16rem;
mt-n288
margin-top: -18rem;
mt-n320
margin-top: -20rem;
mt-n384
margin-top: -24rem;

margin-bottom

responsive: true, pseudos: (first,last)
mb-0
margin-bottom: 0;
mb-1
margin-bottom: 0.0625rem;
mb-2
margin-bottom: 0.125rem;
mb-4
margin-bottom: 0.25rem;
mb-6
margin-bottom: 0.375rem;
mb-8
margin-bottom: 0.5rem;
mb-10
margin-bottom: 0.625rem;
mb-12
margin-bottom: 0.75rem;
mb-14
margin-bottom: 0.875rem;
mb-16
margin-bottom: 1rem;
mb-20
margin-bottom: 1.25rem;
mb-24
margin-bottom: 1.5rem;
mb-28
margin-bottom: 1.75rem;
mb-32
margin-bottom: 2rem;
mb-36
margin-bottom: 2.25rem;
mb-40
margin-bottom: 2.5rem;
mb-48
margin-bottom: 3rem;
mb-56
margin-bottom: 3.5rem;
mb-64
margin-bottom: 4rem;
mb-72
margin-bottom: 4.5rem;
mb-80
margin-bottom: 5rem;
mb-96
margin-bottom: 6rem;
mb-112
margin-bottom: 7rem;
mb-128
margin-bottom: 8rem;
mb-144
margin-bottom: 9rem;
mb-160
margin-bottom: 10rem;
mb-192
margin-bottom: 12rem;
mb-224
margin-bottom: 14rem;
mb-256
margin-bottom: 16rem;
mb-288
margin-bottom: 18rem;
mb-320
margin-bottom: 20rem;
mb-384
margin-bottom: 24rem;
mb-n1
margin-bottom: -0.0625rem;
mb-n2
margin-bottom: -0.125rem;
mb-n4
margin-bottom: -0.25rem;
mb-n6
margin-bottom: -0.5rem;
mb-n8
margin-bottom: -0.5rem;
mb-n10
margin-bottom: -0.625rem;
mb-n12
margin-bottom: -0.75rem;
mb-n14
margin-bottom: -0.875rem;
mb-n16
margin-bottom: -1rem;
mb-n20
margin-bottom: -1.25rem;
mb-n24
margin-bottom: -1.5rem;
mb-n28
margin-bottom: -1.75rem;
mb-n32
margin-bottom: -2rem;
mb-n36
margin-bottom: -2.25rem;
mb-n40
margin-bottom: -2.5rem;
mb-n48
margin-bottom: -3rem;
mb-n56
margin-bottom: -3.5rem;
mb-n64
margin-bottom: -4rem;
mb-n72
margin-bottom: -4.5rem;
mb-n80
margin-bottom: -5rem;
mb-n96
margin-bottom: -6rem;
mb-n112
margin-bottom: -7rem;
mb-n128
margin-bottom: -8rem;
mb-n144
margin-bottom: -9rem;
mb-n160
margin-bottom: -10rem;
mb-n192
margin-bottom: -12rem;
mb-n224
margin-bottom: -14rem;
mb-n256
margin-bottom: -16rem;
mb-n288
margin-bottom: -18rem;
mb-n320
margin-bottom: -20rem;
mb-n384
margin-bottom: -24rem;

margin-x

responsive: true, pseudos: (none)
mx-0
margin-left: 0;
margin-right: 0;
mx-1
margin-left: 0.0625rem;
margin-right: 0.0625rem;
mx-2
margin-left: 0.125rem;
margin-right: 0.125rem;
mx-4
margin-left: 0.25rem;
margin-right: 0.25rem;
mx-6
margin-left: 0.375rem;
margin-right: 0.375rem;
mx-8
margin-left: 0.5rem;
margin-right: 0.5rem;
mx-10
margin-left: 0.625rem;
margin-right: 0.625rem;
mx-12
margin-left: 0.75rem;
margin-right: 0.75rem;
mx-14
margin-left: 0.875rem;
margin-right: 0.875rem;
mx-16
margin-left: 1rem;
margin-right: 1rem;
mx-20
margin-left: 1.25rem;
margin-right: 1.25rem;
mx-24
margin-left: 1.5rem;
margin-right: 1.5rem;
mx-28
margin-left: 1.75rem;
margin-right: 1.75rem;
mx-32
margin-left: 2rem;
margin-right: 2rem;
mx-36
margin-left: 2.25rem;
margin-right: 2.25rem;
mx-40
margin-left: 2.5rem;
margin-right: 2.5rem;
mx-48
margin-left: 3rem;
margin-right: 3rem;
mx-56
margin-left: 3.5rem;
margin-right: 3.5rem;
mx-64
margin-left: 4rem;
margin-right: 4rem;
mx-72
margin-left: 4.5rem;
margin-right: 4.5rem;
mx-80
margin-left: 5rem;
margin-right: 5rem;
mx-96
margin-left: 6rem;
margin-right: 6rem;
mx-112
margin-left: 7rem;
margin-right: 7rem;
mx-128
margin-left: 8rem;
margin-right: 8rem;
mx-144
margin-left: 9rem;
margin-right: 9rem;
mx-160
margin-left: 10rem;
margin-right: 10rem;
mx-192
margin-left: 12rem;
margin-right: 12rem;
mx-224
margin-left: 14rem;
margin-right: 14rem;
mx-256
margin-left: 16rem;
margin-right: 16rem;
mx-288
margin-left: 18rem;
margin-right: 18rem;
mx-320
margin-left: 20rem;
margin-right: 20rem;
mx-384
margin-left: 24rem;
margin-right: 24rem;

margin-y

responsive: true, pseudos: (none)
my-0
margin-top: 0;
margin-bottom: 0;
my-1
margin-top: 0.0625rem;
margin-bottom: 0.0625rem;
my-2
margin-top: 0.125rem;
margin-bottom: 0.125rem;
my-4
margin-top: 0.25rem;
margin-bottom: 0.25rem;
my-6
margin-top: 0.375rem;
margin-bottom: 0.375rem;
my-8
margin-top: 0.5rem;
margin-bottom: 0.5rem;
my-10
margin-top: 0.625rem;
margin-bottom: 0.625rem;
my-12
margin-top: 0.75rem;
margin-bottom: 0.75rem;
my-14
margin-top: 0.875rem;
margin-bottom: 0.875rem;
my-16
margin-top: 1rem;
margin-bottom: 1rem;
my-20
margin-top: 1.25rem;
margin-bottom: 1.25rem;
my-24
margin-top: 1.5rem;
margin-bottom: 1.5rem;
my-28
margin-top: 1.75rem;
margin-bottom: 1.75rem;
my-32
margin-top: 2rem;
margin-bottom: 2rem;
my-36
margin-top: 2.25rem;
margin-bottom: 2.25rem;
my-40
margin-top: 2.5rem;
margin-bottom: 2.5rem;
my-48
margin-top: 3rem;
margin-bottom: 3rem;
my-56
margin-top: 3.5rem;
margin-bottom: 3.5rem;
my-64
margin-top: 4rem;
margin-bottom: 4rem;
my-72
margin-top: 4.5rem;
margin-bottom: 4.5rem;
my-80
margin-top: 5rem;
margin-bottom: 5rem;
my-96
margin-top: 6rem;
margin-bottom: 6rem;
my-112
margin-top: 7rem;
margin-bottom: 7rem;
my-128
margin-top: 8rem;
margin-bottom: 8rem;
my-144
margin-top: 9rem;
margin-bottom: 9rem;
my-160
margin-top: 10rem;
margin-bottom: 10rem;
my-192
margin-top: 12rem;
margin-bottom: 12rem;
my-224
margin-top: 14rem;
margin-bottom: 14rem;
my-256
margin-top: 16rem;
margin-bottom: 16rem;
my-288
margin-top: 18rem;
margin-bottom: 18rem;
my-320
margin-top: 20rem;
margin-bottom: 20rem;
my-384
margin-top: 24rem;
margin-bottom: 24rem;

padding-left

responsive: true, pseudos: (first,last)
pl-0
padding-left: 0;
pl-1
padding-left: 0.0625rem;
pl-2
padding-left: 0.125rem;
pl-4
padding-left: 0.25rem;
pl-6
padding-left: 0.375rem;
pl-8
padding-left: 0.5rem;
pl-10
padding-left: 0.625rem;
pl-12
padding-left: 0.75rem;
pl-14
padding-left: 0.875rem;
pl-16
padding-left: 1rem;
pl-20
padding-left: 1.25rem;
pl-24
padding-left: 1.5rem;
pl-28
padding-left: 1.75rem;
pl-32
padding-left: 2rem;
pl-36
padding-left: 2.25rem;
pl-40
padding-left: 2.5rem;
pl-48
padding-left: 3rem;
pl-56
padding-left: 3.5rem;
pl-64
padding-left: 4rem;
pl-72
padding-left: 4.5rem;
pl-80
padding-left: 5rem;
pl-96
padding-left: 6rem;
pl-112
padding-left: 7rem;
pl-128
padding-left: 8rem;
pl-144
padding-left: 9rem;
pl-160
padding-left: 10rem;
pl-192
padding-left: 12rem;
pl-224
padding-left: 14rem;
pl-256
padding-left: 16rem;
pl-288
padding-left: 18rem;
pl-320
padding-left: 20rem;
pl-384
padding-left: 24rem;

padding-right

responsive: true, pseudos: (first,last)
pr-0
padding-right: 0;
pr-1
padding-right: 0.0625rem;
pr-2
padding-right: 0.125rem;
pr-4
padding-right: 0.25rem;
pr-6
padding-right: 0.375rem;
pr-8
padding-right: 0.5rem;
pr-10
padding-right: 0.625rem;
pr-12
padding-right: 0.75rem;
pr-14
padding-right: 0.875rem;
pr-16
padding-right: 1rem;
pr-20
padding-right: 1.25rem;
pr-24
padding-right: 1.5rem;
pr-28
padding-right: 1.75rem;
pr-32
padding-right: 2rem;
pr-36
padding-right: 2.25rem;
pr-40
padding-right: 2.5rem;
pr-48
padding-right: 3rem;
pr-56
padding-right: 3.5rem;
pr-64
padding-right: 4rem;
pr-72
padding-right: 4.5rem;
pr-80
padding-right: 5rem;
pr-96
padding-right: 6rem;
pr-112
padding-right: 7rem;
pr-128
padding-right: 8rem;
pr-144
padding-right: 9rem;
pr-160
padding-right: 10rem;
pr-192
padding-right: 12rem;
pr-224
padding-right: 14rem;
pr-256
padding-right: 16rem;
pr-288
padding-right: 18rem;
pr-320
padding-right: 20rem;
pr-384
padding-right: 24rem;

padding-top

responsive: true, pseudos: (first,last)
pt-0
padding-top: 0;
pt-1
padding-top: 0.0625rem;
pt-2
padding-top: 0.125rem;
pt-4
padding-top: 0.25rem;
pt-6
padding-top: 0.375rem;
pt-8
padding-top: 0.5rem;
pt-10
padding-top: 0.625rem;
pt-12
padding-top: 0.75rem;
pt-14
padding-top: 0.875rem;
pt-16
padding-top: 1rem;
pt-20
padding-top: 1.25rem;
pt-24
padding-top: 1.5rem;
pt-28
padding-top: 1.75rem;
pt-32
padding-top: 2rem;
pt-36
padding-top: 2.25rem;
pt-40
padding-top: 2.5rem;
pt-48
padding-top: 3rem;
pt-56
padding-top: 3.5rem;
pt-64
padding-top: 4rem;
pt-72
padding-top: 4.5rem;
pt-80
padding-top: 5rem;
pt-96
padding-top: 6rem;
pt-112
padding-top: 7rem;
pt-128
padding-top: 8rem;
pt-144
padding-top: 9rem;
pt-160
padding-top: 10rem;
pt-192
padding-top: 12rem;
pt-224
padding-top: 14rem;
pt-256
padding-top: 16rem;
pt-288
padding-top: 18rem;
pt-320
padding-top: 20rem;
pt-384
padding-top: 24rem;

padding-bottom

responsive: true, pseudos: (first,last)
pb-0
padding-bottom: 0;
pb-1
padding-bottom: 0.0625rem;
pb-2
padding-bottom: 0.125rem;
pb-4
padding-bottom: 0.25rem;
pb-6
padding-bottom: 0.375rem;
pb-8
padding-bottom: 0.5rem;
pb-10
padding-bottom: 0.625rem;
pb-12
padding-bottom: 0.75rem;
pb-14
padding-bottom: 0.875rem;
pb-16
padding-bottom: 1rem;
pb-20
padding-bottom: 1.25rem;
pb-24
padding-bottom: 1.5rem;
pb-28
padding-bottom: 1.75rem;
pb-32
padding-bottom: 2rem;
pb-36
padding-bottom: 2.25rem;
pb-40
padding-bottom: 2.5rem;
pb-48
padding-bottom: 3rem;
pb-56
padding-bottom: 3.5rem;
pb-64
padding-bottom: 4rem;
pb-72
padding-bottom: 4.5rem;
pb-80
padding-bottom: 5rem;
pb-96
padding-bottom: 6rem;
pb-112
padding-bottom: 7rem;
pb-128
padding-bottom: 8rem;
pb-144
padding-bottom: 9rem;
pb-160
padding-bottom: 10rem;
pb-192
padding-bottom: 12rem;
pb-224
padding-bottom: 14rem;
pb-256
padding-bottom: 16rem;
pb-288
padding-bottom: 18rem;
pb-320
padding-bottom: 20rem;
pb-384
padding-bottom: 24rem;

padding-x

responsive: true, pseudos: (none)
px-0
padding-left: 0;
padding-right: 0;
px-1
padding-left: 0.0625rem;
padding-right: 0.0625rem;
px-2
padding-left: 0.125rem;
padding-right: 0.125rem;
px-4
padding-left: 0.25rem;
padding-right: 0.25rem;
px-6
padding-left: 0.375rem;
padding-right: 0.375rem;
px-8
padding-left: 0.5rem;
padding-right: 0.5rem;
px-10
padding-left: 0.625rem;
padding-right: 0.625rem;
px-12
padding-left: 0.75rem;
padding-right: 0.75rem;
px-14
padding-left: 0.875rem;
padding-right: 0.875rem;
px-16
padding-left: 1rem;
padding-right: 1rem;
px-20
padding-left: 1.25rem;
padding-right: 1.25rem;
px-24
padding-left: 1.5rem;
padding-right: 1.5rem;
px-28
padding-left: 1.75rem;
padding-right: 1.75rem;
px-32
padding-left: 2rem;
padding-right: 2rem;
px-36
padding-left: 2.25rem;
padding-right: 2.25rem;
px-40
padding-left: 2.5rem;
padding-right: 2.5rem;
px-48
padding-left: 3rem;
padding-right: 3rem;
px-56
padding-left: 3.5rem;
padding-right: 3.5rem;
px-64
padding-left: 4rem;
padding-right: 4rem;
px-72
padding-left: 4.5rem;
padding-right: 4.5rem;
px-80
padding-left: 5rem;
padding-right: 5rem;
px-96
padding-left: 6rem;
padding-right: 6rem;
px-112
padding-left: 7rem;
padding-right: 7rem;
px-128
padding-left: 8rem;
padding-right: 8rem;
px-144
padding-left: 9rem;
padding-right: 9rem;
px-160
padding-left: 10rem;
padding-right: 10rem;
px-192
padding-left: 12rem;
padding-right: 12rem;
px-224
padding-left: 14rem;
padding-right: 14rem;
px-256
padding-left: 16rem;
padding-right: 16rem;
px-288
padding-left: 18rem;
padding-right: 18rem;
px-320
padding-left: 20rem;
padding-right: 20rem;
px-384
padding-left: 24rem;
padding-right: 24rem;

padding-y

responsive: true, pseudos: (none)
py-0
padding-top: 0;
padding-bottom: 0;
py-1
padding-top: 0.0625rem;
padding-bottom: 0.0625rem;
py-2
padding-top: 0.125rem;
padding-bottom: 0.125rem;
py-4
padding-top: 0.25rem;
padding-bottom: 0.25rem;
py-6
padding-top: 0.375rem;
padding-bottom: 0.375rem;
py-8
padding-top: 0.5rem;
padding-bottom: 0.5rem;
py-10
padding-top: 0.625rem;
padding-bottom: 0.625rem;
py-12
padding-top: 0.75rem;
padding-bottom: 0.75rem;
py-14
padding-top: 0.875rem;
padding-bottom: 0.875rem;
py-16
padding-top: 1rem;
padding-bottom: 1rem;
py-20
padding-top: 1.25rem;
padding-bottom: 1.25rem;
py-24
padding-top: 1.5rem;
padding-bottom: 1.5rem;
py-28
padding-top: 1.75rem;
padding-bottom: 1.75rem;
py-32
padding-top: 2rem;
padding-bottom: 2rem;
py-36
padding-top: 2.25rem;
padding-bottom: 2.25rem;
py-40
padding-top: 2.5rem;
padding-bottom: 2.5rem;
py-48
padding-top: 3rem;
padding-bottom: 3rem;
py-56
padding-top: 3.5rem;
padding-bottom: 3.5rem;
py-64
padding-top: 4rem;
padding-bottom: 4rem;
py-72
padding-top: 4.5rem;
padding-bottom: 4.5rem;
py-80
padding-top: 5rem;
padding-bottom: 5rem;
py-96
padding-top: 6rem;
padding-bottom: 6rem;
py-112
padding-top: 7rem;
padding-bottom: 7rem;
py-128
padding-top: 8rem;
padding-bottom: 8rem;
py-144
padding-top: 9rem;
padding-bottom: 9rem;
py-160
padding-top: 10rem;
padding-bottom: 10rem;
py-192
padding-top: 12rem;
padding-bottom: 12rem;
py-224
padding-top: 14rem;
padding-bottom: 14rem;
py-256
padding-top: 16rem;
padding-bottom: 16rem;
py-288
padding-top: 18rem;
padding-bottom: 18rem;
py-320
padding-top: 20rem;
padding-bottom: 20rem;
py-384
padding-top: 24rem;
padding-bottom: 24rem;

placeholder-color

responsive: false, pseudos: (hover,group-hover,focus,dark)
placeholder-red ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--red-hue), var(--red-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-firebrick ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--firebrick-hue), var(--firebrick-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-orange ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--orange-hue), var(--orange-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-gold ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--gold-hue), var(--gold-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-yellow ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--yellow-hue), var(--yellow-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-lime ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--lime-hue), var(--lime-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-green ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--green-hue), var(--green-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-cyan ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--cyan-hue), var(--cyan-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-blue ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--blue-hue), var(--blue-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-purple ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--purple-hue), var(--purple-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-violet ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--violet-hue), var(--violet-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-pink ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--pink-hue), var(--pink-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-white ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--white-hue), var(--white-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-black ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--black-hue), var(--black-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-cool-gray ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--cool-gray-hue), var(--cool-gray-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-gray ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--gray-hue), var(--gray-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-warm-gray ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--warm-gray-hue), var(--warm-gray-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-primary ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--primary-hue), var(--primary-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-secondary ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--secondary-hue), var(--secondary-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-tertiary ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--tertiary-hue), var(--tertiary-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-success ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--success-hue), var(--success-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-warning ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--warning-hue), var(--warning-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-danger ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: hsla(var(--danger-hue), var(--danger-sat), var(--placeholder-ltn), var(--placeholder-opacity));
placeholder-transparent ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: transparent;
placeholder-current ::placeholder
--placeholder-ltn: 50%
--placeholder-opacity: 1
color: current;

placeholder-opacity

responsive: false, pseudos: (hover,group-hover,focus,dark)
placeholder-opacity-0 ::placeholder
--placeholder-opacity: 0;
placeholder-opacity-2 ::placeholder
--placeholder-opacity: 0.02;
placeholder-opacity-4 ::placeholder
--placeholder-opacity: 0.04;
placeholder-opacity-6 ::placeholder
--placeholder-opacity: 0.06;
placeholder-opacity-8 ::placeholder
--placeholder-opacity: 0.08;
placeholder-opacity-10 ::placeholder
--placeholder-opacity: 0.1;
placeholder-opacity-15 ::placeholder
--placeholder-opacity: 0.15;
placeholder-opacity-20 ::placeholder
--placeholder-opacity: 0.2;
placeholder-opacity-25 ::placeholder
--placeholder-opacity: 0.25;
placeholder-opacity-30 ::placeholder
--placeholder-opacity: 0.3;
placeholder-opacity-35 ::placeholder
--placeholder-opacity: 0.35;
placeholder-opacity-40 ::placeholder
--placeholder-opacity: 0.4;
placeholder-opacity-45 ::placeholder
--placeholder-opacity: 0.45;
placeholder-opacity-50 ::placeholder
--placeholder-opacity: 0.5;
placeholder-opacity-55 ::placeholder
--placeholder-opacity: 0.55;
placeholder-opacity-60 ::placeholder
--placeholder-opacity: 0.6;
placeholder-opacity-65 ::placeholder
--placeholder-opacity: 0.65;
placeholder-opacity-70 ::placeholder
--placeholder-opacity: 0.7;
placeholder-opacity-75 ::placeholder
--placeholder-opacity: 0.75;
placeholder-opacity-80 ::placeholder
--placeholder-opacity: 0.8;
placeholder-opacity-85 ::placeholder
--placeholder-opacity: 0.85;
placeholder-opacity-90 ::placeholder
--placeholder-opacity: 0.9;
placeholder-opacity-95 ::placeholder
--placeholder-opacity: 0.95;
placeholder-opacity-100 ::placeholder
--placeholder-opacity: 1;

placeholder-lightness

responsive: false, pseudos: (hover,group-hover,focus,dark)
placeholder-white ::placeholder
--placeholder-ltn: var(--ltn-white);
placeholder-50 ::placeholder
--placeholder-ltn: var(--ltn-50);
placeholder-100 ::placeholder
--placeholder-ltn: var(--ltn-100);
placeholder-150 ::placeholder
--placeholder-ltn: var(--ltn-150);
placeholder-200 ::placeholder
--placeholder-ltn: var(--ltn-200);
placeholder-250 ::placeholder
--placeholder-ltn: var(--ltn-250);
placeholder-300 ::placeholder
--placeholder-ltn: var(--ltn-300);
placeholder-350 ::placeholder
--placeholder-ltn: var(--ltn-350);
placeholder-400 ::placeholder
--placeholder-ltn: var(--ltn-400);
placeholder-450 ::placeholder
--placeholder-ltn: var(--ltn-450);
placeholder-500 ::placeholder
--placeholder-ltn: var(--ltn-500);
placeholder-550 ::placeholder
--placeholder-ltn: var(--ltn-550);
placeholder-600 ::placeholder
--placeholder-ltn: var(--ltn-600);
placeholder-650 ::placeholder
--placeholder-ltn: var(--ltn-650);
placeholder-700 ::placeholder
--placeholder-ltn: var(--ltn-700);
placeholder-750 ::placeholder
--placeholder-ltn: var(--ltn-750);
placeholder-800 ::placeholder
--placeholder-ltn: var(--ltn-800);
placeholder-850 ::placeholder
--placeholder-ltn: var(--ltn-850);
placeholder-900 ::placeholder
--placeholder-ltn: var(--ltn-900);
placeholder-950 ::placeholder
--placeholder-ltn: var(--ltn-950);
placeholder-black ::placeholder
--placeholder-ltn: var(--ltn-black);

bottom

responsive: true, pseudos: (none)
bottom-0
bottom: 0;
bottom-1
bottom: 0.0625rem;
bottom-2
bottom: 0.125rem;
bottom-4
bottom: 0.25rem;
bottom-6
bottom: 0.375rem;
bottom-8
bottom: 0.5rem;
bottom-10
bottom: 0.625rem;
bottom-12
bottom: 0.75rem;
bottom-14
bottom: 0.875rem;
bottom-16
bottom: 1rem;
bottom-20
bottom: 1.25rem;
bottom-24
bottom: 1.5rem;
bottom-28
bottom: 1.75rem;
bottom-32
bottom: 2rem;
bottom-36
bottom: 2.25rem;
bottom-40
bottom: 2.5rem;
bottom-48
bottom: 3rem;
bottom-56
bottom: 3.5rem;
bottom-64
bottom: 4rem;
bottom-72
bottom: 4.5rem;
bottom-80
bottom: 5rem;
bottom-96
bottom: 6rem;
bottom-112
bottom: 7rem;
bottom-128
bottom: 8rem;
bottom-144
bottom: 9rem;
bottom-160
bottom: 10rem;
bottom-192
bottom: 12rem;
bottom-224
bottom: 14rem;
bottom-256
bottom: 16rem;
bottom-288
bottom: 18rem;
bottom-320
bottom: 20rem;
bottom-384
bottom: 24rem;

left

responsive: true, pseudos: (none)
left-0
left: 0;
left-1
left: 0.0625rem;
left-2
left: 0.125rem;
left-4
left: 0.25rem;
left-6
left: 0.375rem;
left-8
left: 0.5rem;
left-10
left: 0.625rem;
left-12
left: 0.75rem;
left-14
left: 0.875rem;
left-16
left: 1rem;
left-20
left: 1.25rem;
left-24
left: 1.5rem;
left-28
left: 1.75rem;
left-32
left: 2rem;
left-36
left: 2.25rem;
left-40
left: 2.5rem;
left-48
left: 3rem;
left-56
left: 3.5rem;