/* white you custom css code here. only css code will work */
.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.relative {
    position: relative;
}

.static {
    position: static;
}

.-top-6 {
    top: calc(var(--spacing) * -6);
}

.top-0 {
    top: calc(var(--spacing) * 0);
}

.top-1 {
    top: calc(var(--spacing) * 1);
}

.top-1\/2 {
    top: calc(1/2 * 100%);
}

.top-4 {
    top: calc(var(--spacing) * 4);
}

.top-\[60px\] {
    top: 60px;
}

.top-full {
    top: 100%;
}

.-right-6 {
    right: calc(var(--spacing) * -6);
}

.right-0 {
    right: calc(var(--spacing) * 0);
}

.right-1 {
    right: calc(var(--spacing) * 1);
}

.right-4 {
    right: calc(var(--spacing) * 4);
}

.right-8 {
    right: calc(var(--spacing) * 8);
}

.right-\[-50px\] {
    right: -50px;
}

.bottom-0 {
    bottom: calc(var(--spacing) * 0);
}

.bottom-1 {
    bottom: calc(var(--spacing) * 1);
}

.bottom-4 {
    bottom: calc(var(--spacing) * 4);
}

.bottom-8 {
    bottom: calc(var(--spacing) * 8);
}

.-left-9 {
    left: calc(var(--spacing) * -9);
}

.left-0 {
    left: calc(var(--spacing) * 0);
}

.left-1 {
    left: calc(var(--spacing) * 1);
}

.left-4 {
    left: calc(var(--spacing) * 4);
}

.left-auto {
    left: auto;
}

.-z-1 {
    z-index: calc(1 * -1);
}

.-z-2 {
    z-index: calc(2 * -1);
}

.-z-10 {
    z-index: calc(10 * -1);
}

.z-1 {
    z-index: 1;
}

.z-10 {
    z-index: 10;
}

.z-20 {
    z-index: 20;
}

.z-40 {
    z-index: 40;
}

.z-999 {
    z-index: 999;
}

.z-\[-1\] {
    z-index: -1;
}