.d-flex { display: flex !important; }
.d-block { display: block !important; }
.d-inline-block { display: inline-block !important; }
.d-none { display: none !important; }

.align-items-center { align-items: center !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }

.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }

.flex-column { flex-direction: column !important; }
.flex-row { flex-direction: row !important; }

.flex-wrap { flex-wrap: wrap !important; }

.flex-1 { flex: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }

.gap-xs { gap: var(--spacing-xs) !important; }
.gap-sm { gap: var(--spacing-sm) !important; }
.gap-md { gap: var(--spacing-md) !important; }
.gap-lg { gap: var(--spacing-lg) !important; }
.gap-xl { gap: var(--spacing-xl) !important; }
.gap-2xl { gap: var(--spacing-2xl) !important; }

.w-100 { width: 100% !important; }

.grid-min-300 { --grid-min: 300px; }
.w-100 { width: 100%; }
.h-100 { height: 100%; }
.object-cover { object-fit: cover; }
.text-xs { font-size: 0.75rem; }
.color-muted { color: var(--toi-text-muted); }
.text-underline { text-decoration: underline; }
.text-sm { font-size: 0.875rem; }
.fs-11rem { font-size: 1.1rem; }
.fs-1-5rem { font-size: 1.5rem; }
.fw-800 { font-weight: 800; }
.letter-spacing-neg { letter-spacing: -0.04em; }
.bg-grad-accent { background: var(--grad-accent); }
.text-clip-transparent { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.lh-1 { line-height: 1; }
.pl-0 { padding-left: 0; }
.h-auto { height: auto; }
.overflow-visible { overflow: visible; }
.fw-700 { font-weight: 700; }
.fs-0-78rem { font-size: 0.78rem; }
.color-text { color: var(--toi-text); }
.color-accent { color: var(--toi-accent); }
.mb-4px { margin-bottom: 4px; }
.mt-xl { margin-top: var(--spacing-xl); }
.align-self-start { align-self: flex-start !important; }
.align-self-center { align-self: center !important; }
.align-self-end { align-self: flex-end !important; }
.justify-self-center { justify-self: center !important; }
.mt-lg { margin-top: var(--spacing-lg); }
.mt-md { margin-top: var(--spacing-md); }
.w-16px { width: 16px; }
.h-16px { height: 16px; }
.accent-color { accent-color: var(--toi-accent); }
.mt-2px { margin-top: 2px; }
.flex-shrink-0 { flex-shrink: 0; }
.justify-content-center { justify-content: center; }
.d-flex { display: flex; }
.align-items-center { align-items: center; }
.gap-xs { gap: var(--spacing-xs); }
.mb-lg { margin-bottom: var(--spacing-lg); }
.justify-content-between { justify-content: space-between; }
.text-center { text-align: center; }
.p-lg { padding: var(--spacing-lg); }
.p-md { padding: var(--spacing-md); }
