.contents { display: contents; }

/* Layout */
.fixed { position: fixed; }
.hidden { display: none !important; }
.absolute { position: absolute; }

/* Positioning */
.top-0 { top: 0; }
.bottom-0 { bottom: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }

.text-align-last-right { text-align-last: right; }

.rounded-xl { border-radius: var(--rounded-xl); }


/* Flex */
.flex-grow { flex-grow: 1; }
.flex-shrink { flex-shrink: 1; }

/* Spacing */
.gap-1\/2 { gap: 0.125rem;}
.gap-3\/4 { gap: 0.5rem;}
.gap-2 { gap: 1rem;}
.gap-3 { gap: 1.5rem;}
.gap-4 { gap: 2rem;}
.gap-5 { gap: 2.5rem;}
.h-1 { height: 0.25rem;}
.h-2 { height: 0.5rem;}
.h-3 { height: 0.75rem;}
.h-4 { height: 1rem;}
.h-5 { height: 1.25rem;}
.h-6 { height: 1.5rem;}
.h-8 { height: 2rem;}
.h-10 { height: 2.5rem;}
.h-12 { height: 3rem;}
.h-16 { height: 4rem;}
.h-20 { height: 5rem;}
.h-24 { height: 6rem;}
.h-32 { height: 8rem;}
.h-48 { height: 12rem;}


.w-1 { width: 0.25rem;}
.w-2 { width: 0.5rem;}
.w-3 { width: 0.75rem;}
.w-4 { width: 1rem;}
.w-5 { width: 1.25rem;}
.w-6 { width: 1.5rem;}
.w-8 { width: 2rem;}
.w-10 { width: 2.5rem;}
.w-12 { width: 3rem;}
.w-16 { width: 4rem;}
.w-20 { width: 5rem;}
.w-24 { width: 6rem;}


.p-7 { padding: 1.75rem;}

/* Cursor */
.cursor-pointer { cursor: pointer;}

/* Background */
[style*="--bg-color:"] {
  background-color: var(--bg-color);
}

/* Text */
.text-fluid-4xl { font-size: var(--text-fluid-4xl); }
.text-xxs { font-size: var(--text-xxs); }
.text-red-500 { color: var(--red-500); }

/* Z-index */
.z-10 { z-index: 10; }

/* Text */
body .text-primary { color: var(--color-primary); }