/******* Do not edit this file *******
Code Snippets Manager
Saved: Mar 19 2026 | 00:59:20 */
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
/* direction */
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
/* wrap */
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
/* justify */
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
/* align */
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-stretch {
  align-items: stretch;
}
/* self */
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.self-end {
  align-self: flex-end;
}
.self-stretch {
  align-self: stretch;
}
/* flex behavior */
.flex-1 {
  flex: 1;
}
.flex-auto {
  flex: 0 0 auto;
}
.flex-none {
  flex: none;
}
.gap-4xs {
  gap: var(--space-4xs);
}
.gap-3xs {
  gap: var(--space-3xs);
}
.gap-2xs {
  gap: var(--space-2xs);
}
.gap-xs {
  gap: var(--space-xs);
}
.gap-sm {
  gap: var(--space-sm);
}
.gap-md {
  gap: var(--space-md);
}
.gap-lg {
  gap: var(--space-lg);
}
.gap-xl {
  gap: var(--space-xl);
}
.gap-2xl {
  gap: var(--space-2xl);
}
.gap-3xl {
  gap: var(--space-3xl);
}
.gap-4xl {
  gap: var(--space-4xl);
}
.gap-row-2xl {
  row-gap: var(--space-2xl);
}
/* semantic */
.gap-content {
  gap: var(--content-gap);
}
.gap-content-sm {
  gap: var(--content-gap-sm);
}
.gap-content-md {
  gap: var(--content-gap-md);
}
.gap-content-lg {
  gap: var(--content-gap-lg);
}
.text-xl {
  font-size: var(--text-xl);
}
/* all sides */
.m-0 {
  margin: 0;
}
/* top */
.mt-xs {
  margin-top: var(--space-xs);
}
.mt-sm {
  margin-top: var(--space-sm);
}
.mt-md {
  margin-top: var(--space-md);
}
.mt-lg {
  margin-top: var(--space-lg);
}
.mt-xl {
  margin-top: var(--space-xl);
}
/* bottom */
.mb-xs {
  margin-bottom: var(--space-xs);
}
.mb-sm {
  margin-bottom: var(--space-sm);
}
.mb-md {
  margin-bottom: var(--space-md);
}
.mb-lg {
  margin-bottom: var(--space-lg);
}
.mb-xl {
  margin-bottom: var(--space-xl);
}
.p-xs {
  padding: var(--space-xs);
}
.p-sm {
  padding: var(--space-sm);
}
.p-md {
  padding: var(--space-md);
}
.p-lg {
  padding: var(--space-lg);
}
.px-md {
  padding-left: var(--space-md);
  padding-right: var(--space-md);
}
.py-md {
  padding-top: var(--space-md);
  padding-bottom: var(--space-md);
}
.w-xs {
  width: var(--width-xs);
}
.w-sm {
  width: var(--width-sm);
}
.w-md {
  width: var(--width-md);
}
.w-lg {
  width: var(--width-lg);
}
.w-xl {
  width: var(--width-xl);
}
.w-2xl {
  width: var(--width-2xl);
}
.w-full {
  width: 100%;
}
.max-w-full {
  max-width: 100%;
}
.ratio-1x1 {
  aspect-ratio: 1;
}
.ratio-3x2 {
  aspect-ratio: 1.5;
}
.ratio-16x9 {
  aspect-ratio: 1.7777777778;
}
.ratio-4x3 {
  aspect-ratio: 1.3333333333;
}
.radius-xs {
  border-radius: var(--radius-xs);
}
.radius-sm {
  border-radius: var(--radius-sm);
}
.radius-md {
  border-radius: var(--radius-md);
}
.radius-lg {
  border-radius: var(--radius-lg);
}
.radius-xl {
  border-radius: var(--radius-xl);
}
.radius-full {
  border-radius: var(--radius-full);
}
/* semantic */
.radius-element {
  border-radius: var(--radius-element);
}
.radius-card {
  border-radius: var(--radius-card);
}
.radius-section {
  border-radius: var(--radius-section);
}
.card-md {
  padding: var(--card-space-md);
}
.card-sm {
  padding: var(--card-space-sm);
}
.card-lg {
  padding: var(--card-space-lg);
}