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

.z-auto { z-index: auto; }
.z-n1 { z-index: -1; }
.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-60 { z-index: 60; }
.z-70 { z-index: 70; }
.z-80 { z-index: 80; }
.z-90 { z-index: 90; }
.z-100 { z-index: 100; }
.z-max { z-index: 9999; }

.top-0    { top: 0; }
.bottom-0 { bottom: 0; }
.left-0   { left: 0; }
.right-0  { right: 0; }

.top-50 { top: 50%; }
.right-50 { right: 50%; }
.bottom-50 { bottom: 50%; }
.left-50 { left: 50%; }

.top-100 { top: 100%; }
.right-100 { right: 100%; }
.bottom-100 { bottom: 100%; }
.left-100 { left: 100%; }

.inset-x-0 {
    left: 0;
    right: 0;
}
.inset-y-0 {
    top: 0;
    bottom: 0;
}
.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.translate-middle-x {
    transform: translateX(-50%);
}
.translate-middle-y {
    transform: translateY(-50%);
}

.translate-middle-x.translate-middle-y,
.translate-middle {
    transform: translate(-50%, -50%);
}

.align-baseline {
    vertical-align: baseline;
}
.align-top {
    vertical-align: top;
}
.align-middle {
    vertical-align: middle;
}
.align-bottom {
    vertical-align: bottom;
}
.align-text-top {
    vertical-align: text-top;
}
.align-text-bottom {
    vertical-align: text-bottom;
}